@CHARSET "euc-kr";
@import url('default.css?ver=0.0.1');
@import url('common.css?ver=0.0.1');
@import url('layout.css?ver=0.0.1');

/******************** 00_¸ÞÀÎ ********************/
#mainContainer {
	width: 100%;
	min-height: 800px;
}

#mainContArea {
	width: 970px;
	padding: 0 15px 30px;
	margin: 0 auto;
}

.mainVisualArea {
	width: 100%;
	height: 410px;
	overflow: hidden;
}

.mainVisualArea .fr {
	width: 321px;
}

.mainVisualArea .exBanner {
	margin-top: 10px;
}

.mainVisualArea .exBanner a {
	display: block;
}

.mainVisualArea .exBanner .imageWrap {
	
}

.mainCont {
	width: 100%;
	*zoom: 1;
}

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

.mainCont div.acticle {
	display:flex;
	*zoom: 1;
}

.mainCont div.acticle:after {
	content: "";
	display: block;
	clear: both;
}

.mainCont div.acticle .section {
	position: relative;
	margin-right: 9px;
}

.mainCont div.acticle.bottom .section:nth-child(1) {
	width:281px;
}

.mainCont div.acticle.bottom .section:nth-child(2) {
	width: 349px;
}

.mainCont div.acticle .section.fr {
	float: right;
	width: 321px;
	margin-right: 0px;
}

.mainCont div.acticle .section a.more {
	position: absolute;
	right: 5px;
	top: 48px;
	font-size: 11px;
	line-height: 10px;
}

.mainEvent {
	position:relative;
	width: 342px;
	height:25px;
	padding-top:190px;
	padding-right:5px;
	text-align:right;
	overflow:hidden;
}

.mainEvent .visualImg {position:Absolute; left:0px; top:0px;} 

.mainCont h2 {
	margin-top: 45px;
	height: 26px;
}

.mainCont h2.tit {
	margin-top: 45px;
	height: 29px;
	background: url('/images/main/bg_line.gif') no-repeat left bottom;
}

.mainCont h2.tit2 {
	margin-top: 45px;
	width: 100%;
	height: 29px;
	background: url('/images/main/bg_line2.gif') no-repeat left bottom;
}

.mainMov {
	position: relative;
	height: 215px;
}

.mainMov a {
	display: block;
	height: 100%;
}

.mainMov a img {
	height: 100%;
}

.mainMovTxt {
	position: absolute;
	left: 0;
	top: 184px;
	z-index: 10;
	width: 282px;
	height: 31px;
	line-height: 31px;
	background: #000;
	text-align: center;
}

.mainNotice {
	width: 100%;
	padding-top: 3px;
	overflow: hidden;
}

.mainNotice li {
	padding-left: 14px;
	line-height: 16px;
	background: url('/images/main/bul.gif') no-repeat left 50%;
}

.mainNotice li a {
	font-size: 11px;
	color: #979797;
}

.mainGallery {
	width: 100%;
	height: 215px;
	overflow: hidden;
}

.mainGallery .mainGalleryCont {
	width: 100%;
	overflow: hidden;
}

.mainGalleryCont p.thum {
	
}

.mainGalleryCont p.thum img {
	border: 1px solid #d6d6d6;
}

.mainGallery ul {
	margin-top: 6px;
}

.mainGallery ul li {
	position: relative;
	float: left;
	width: 84px;
	height: 52px;
	margin-right: 4px;
}

.mainGallery ul li span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	height: 52px;
	background: url('/images/main/bg_thum.gif') no-repeat left top;
	cursor: pointer;
}

.mainGallery ul li span.over {
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	height: 52px;
	background: url('/images/main/bg_on.png') no-repeat left top;
	cursor: pointer;
}

.mainGallery ul li a {
	display: block;
	width: 84px;
	height: 52px;
}

.mainStore {
	padding-top: 9px;
	width: 100%;
}

.mainStore .fl {
	width: 103px;
}

.mainStore div.fr {
	width: 240px !important;
	padding-top: 10px;
}

.mainStore div.fr div.store {
	clear: both;
	width: 100%;
	margin-bottom: 5px;
	vertical-align: top;
	*zoom: 1;
}

.mainStore div.fr div.store:after {
	content: "";
	display: block;
	clear: both;
}

.mainStore div.fr div.store span.tit {
	display: inline-block;
	float: left;
	width: 40px;
	padding-top: 5px;
	vertical-align: top;
}

.mainStore div.fr div.store input.txt {
	float: left;
	height: 18px;
	margin-right: 4px;
	line-height: 18px;
	vertical-align: top;
}

.mainStore div.fr div.store img {
	display: inline-block;
	overflow: hidden;
}

.mainStore div.fr div.store .eui_defaultSelect {
	float: left;
	height: 24px;
	margin-right: 6px;
}

.mainStore div.fr div.store .eui_defaultSelect .euiSelectList {
	max-height: 100px;
}

.mainReview {
	position: relative;
	width: 100%;
	*zoom: 1;
}

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

.mainReview .mainReviewCont {
	height: 80px;
}

.mainReview p.thum {
	float: left;
	width: 81px;
	height: 73px;
	margin: 3px 0 1px;
	text-align: center;
}

.mainReview p.thum img {
	display: block;
	border: 1px solid #ddd;
}

.mainReview p.cont {
	float: right;
	width: 230px;
	padding-top: 5px;
	vertical-align: top;
}

.mainReview p.cont span {
	display: block;
	font-size: 11px;
	color: #979797;
	line-height: 16px !important;
}

.mainReview p.cont span.tit {
	font-family: 'MalgunGothicBold';
}

.mainReview p.cont span.text {
	height: 32px;
	letter-spacing: -1px;
	overflow: hidden;
}

.mainReview p.cont img {
	vertical-align: middle;
}

.mainReview .controller {
	position: absolute;
	right: 50px;
	top: -24px;
	height: 11px;
}

.mainReview .controller a {
	float: left;
	display: block;
	width: 11px;
	height: 11px;
	margin-right: 4px;
	text-indent: -1000em;
}

.mainReview .controller a.prev {
	background: url("/images/main/btn_slideAPrev.gif") no-repeat 0 0px;
}

.mainReview .controller a.next {
	background: url("/images/main/btn_slideANext.gif") no-repeat 0 0px;
}

.mainReview .controller a.over {
	background-position: 0 0 !important;
}

.btNewProduct {position:relative;height:25px; padding-top:190px; padding-right:5px; text-align:right; overflow:hidden;}
.btNewProduct strong {position:relative;  display:inline-block; width:10px; height:9px; margin-right:2px; z-index:11;}
.btNewProduct strong a {display:block; text-align:left; width:10px; height:9px; font-size:8px; line-height:8px; text-indent:-1000em; background: url("/images/main/btn_off.png") no-repeat 0 0; }
.btNewProduct strong a.over {background: url("/images/main/btn_on.png") no-repeat 0 0px;}

/******************** 01_ºê·£µå ¼Ò°³ ********************/
.storyArea {
	width: 100%;
	padding: 50px 0 0;
}

.storyArea .storyCont {
	width: 100%;
	margin-top: 20px;
	padding-top: 30px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
}

.adCont {
	position: relative;
	clear: both;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 160px;
	*zoom: 1;
}

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

.adCont .vodBox {
	float: left;
	width: 426px;
	height: 288px;
	border: 15px solid #f2f2f2;
	margin-bottom: 0px;
}

.adCont h2 {
	min-height: 105px;
	padding: 0;
}

.adCont .adInfo {
	float: right;
	width: 475px;
}

.adCont .adInfo h2 {
	padding-top: 0 !important;
}

.adCont .adInfo .adText {
	min-height: 167px;
}

.adCont .adInfo .adPdtArea {
	position: relative;
	width: 100%;
	min-height: 140px;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
	*zoom: 1;
	overflow: hidden;
}

.adCont .adInfo .adPdtArea:after {
	content: "";
	dispaly: block;
	clear: both;
}

.adCont .adInfo .adPdtArea strong {
	display: block;
	position: Absolute;
	left: 164px;
	top: 15px;
}

.adCont .adInfo .adPdtArea .thum {
	position: relative;
	float: left;
	width: 140px;
	height: 140px;
	cursor: pointer;
}

.adCont .adInfo .adPdtArea .thum span.zoom {
	position: absolute;
	left: 0;
	top: 0;
	width: 138px;
	height: 138px;
	border: 1px solid #ddd;
	cursor: pointer;
}

.adCont .adInfo .adPdtArea .thum span.zoom img {
	padding: 4px 0 0 116px;
}

.adCont .adInfo .adPdtArea .fr {
	width: 310px;
	padding-top: 40px;
}

.adCont .adInfo .adPdtArea .fr p.cont {
	
}

.adCont .adInfo .adPdtArea .fr p.cont span.tit {
	padding-bottom: 5px;
	font-family: 'MalgunGothicBold';
	font-size: 14px;
	color: #a8252a;
	line-height: 20px;
}

.adCont .adInfo .adPdtArea .fr p.cont span {
	display: block;
	line-height: 16px;
	color: #666;
}

.vodBox #videoContent {
	width: 426px;
	height: 288px;
	position: relative;
}

.vodBox .flashMovie .control .play, .vodBox .flashMovie .control .stop {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -41px;
	margin-top: -41px;
	display: none
}

.vodBox .flashMovie .control .on {
	display: block;
	z-index: 2
}

.vodBox .flashMovie .control .hideBtn {
	height: 0px !important;
	width: 0px !important;
	overflow: hidden !important;
}

.adCont .vodCaption {
	position: absolute;
	bottom: 20px;
	left: 0px;
	padding: 10px;
	width: 950px;
	line-height: 18px;
	height: 100px;
	color: #666666;
	background: #fafafa;
	border: 1px solid #dbe4e3;
	overflow-y: scroll;
	overflow-x: hidden;
}

.cfList {
	width: 100%;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
	overflow: hidden;
}

.cfList ul {
	min-height: 220px;
	border-bottom: 1px solid #e5e5e5;
}

.cfList ul li {
	position: relative;
	float: left;
	width: 235px;
	margin-right: 10px;
	vertical-align: top;
}

.cfList ul li span.thum {
	display: block;
	width: 235px;
	height: 160px;
}

.cfList ul li span.over {
	position: absolute;
	left: 0;
	top: 0;
	width: 235px;
	height: 160px;
	cursor: pointer;
}

.cfList ul li span.over img {
	border: 1px solid #3f3f3f;
}

.cfList ul li span.cont {
	display: block;
	width: 235px;
	margin-top: 10px;
	color: #555
}

.cfList ul li span.cont a {
	font-family: 'MalgunGothicBold';
	color: #555
}

.cfList ul li a.on {
	font-family: 'MalgunGothicBold';
	color: #832b42 !important;
}

.cfContent {
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
}

.cfContent img {
	max-width: 970px;
}

.adCont .srch {
	margin-top: 10px;
	padding-top: 10px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
	text-align: right;
}

.adCont .paperBox {
	float: left;
	width: 455px;
	height: 608px;
	border: 5px solid #f2f2f2;
}

.paperList {
	clear: both;
	width: 100%;
	padding-top: 10px;
	overflow: hidden;
}

.paperList ul {
	min-height: 203px;
	border-bottom: 1px solid #e5e5e5;
}

.paperList ul li {
	position: relative;
	float: left;
	width: 112px;
	margin-right: 5px;
	vertical-align: top;
}

.paperList ul li span.thum {
	display: block;
	width: 110px;
	height: 145px;
}

.paperList ul li span.thum img {
	border: 1px solid #d5d5d5;
}

.paperList ul li span.over {
	position: absolute;
	left: 0;
	top: 0;
	width: 112px;
	height: 145px;
	background: url('/images/brand/ad/bg_paper.png') no-repeat left top;
	cursor: pointer;
}

.paperList ul li span.cont {
	display: block;
	width: 109px;
	margin-top: 10px;
	color: #555
}

.paperList ul li span.cont a {
	color: #555
}

.paperList ul li a.on {
	color: #832b42 !important;
}

.storeArea {
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
}

.storeSrch {
	width: 100%;
	*zoom: 1;
}

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

.storeSrch div.storeSrchCont {
	height: 34px;
	padding-top: 9px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left bottom;
	*zoom: 1;
}

.storeSrch div:after {
	content: "";
	display: block;
	clear: both;
}

.storeSrch div p {
	height: 24px;
}

.storeSrch div span {
	display: inline-block;
	width: 52px;
	margin-top: 4px;
	vertical-align: top;
}

.storeSrch div p.fl {
	width: 287px;
}

.storeSrch div p.fr {
	width: 307px;
}

.storeArea .storeMap {
	float: left;
	width: 342px;
	height: 494px;
	border: 2px solid #f2f2f2
}

#storeMap {
	position: relative;
	width: 312px;
	height: 435px;
	margin: 15px 0 10px 20px;
	background: url("/images/brand/map/map.png") no-repeat 0 0;
	overflow: hidden;
}

#storeMap {
	
}

#storeMap li {
	
}

#storeMap li strong {
	position: absolute;
	z-index: 10;
}

#storeMap li span.checkMap {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

#storeMap li.seoulArea strong {
	top: 100px;
	left: 52px;
}

#storeMap li.incheonArea strong {
	top: 117px;
	left: 0px;
}

#storeMap li.busanArea strong {
	bottom: 88px;
	right: 46px;
}

#storeMap li.daejeonArea strong {
	top: 212px;
	left: 87px;
}

#storeMap li.daeguArea strong {
	bottom: 170px;
	right: 87px;
}

#storeMap li.gwangjuArea strong {
	top: 294px;
	left: 44px;
}

#storeMap li.ulsanArea strong {
	bottom: 133px;
	right: 14px;
}

#storeMap li.gyeonggiArea strong {
	top: 129px;
	left: 90px;
}

#storeMap li.gangwonArea strong {
	top: 85px;
	left: 145px;
}

#storeMap li.chungbukArea strong {
	top: 180px;
	left: 113px;
}

#storeMap li.chungnamArea strong {
	top: 190px;
	left: 45px;
}

#storeMap li.gyeongbukArea strong {
	bottom: 215px;
	right: 70px;
}

#storeMap li.gyeongnamArea strong {
	bottom: 128px;
	right: 120px;
}

#storeMap li.jeonbukArea strong {
	top: 260px;
	left: 65px;
}

#storeMap li.jeonnamArea strong {
	top: 335px;
	left: 35px;
}

#storeMap li.jejuArea strong {
	top: 395px;
	left: 20px;
}

.storeArea .storeCont {
	float: right;
	width: 605px;
}

.storeArea .storeCont .list {
	width: 604px;
	margin-top: 1px;
}

.storeArea .storeCont .list th {
	border-top: 1px solid #cdcdcd;
}

.storeArea .storeCont .list th.last {
	border-right: 1px solid #cdcdcd;
}

.storeArea .storeCont .list td {
	height: 48px;
	padding: 0;
	font-size: 11px;
}

.storeArea .storeCont .list td.division {
	padding: 0 5px;
	line-height: 14px;
}

.storeArea .storeCont .list td.subject {
	padding: 0 10px;
}

.storeArea .storeCont .list td a {
	font-size: 11px;
}

.onlineStore {
	width: 966px;
	border: 2px solid #f2f2f2;
}

.onlineStore ul {
	width: 946px;
	padding: 12px 0 18px 20px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left bottom;
	*zoom: 1;
}

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

.onlineStore ul li {
	float: left;
	padding-left: 20px;
}

/******************** 02_Á¦Ç°¾È³» ********************/
.newArea {
	position: relative;
	border: 1px solid #ddd;
	overflow: hidden;
}

.newArea .sns {
	float: right;
	height: 17px;
	padding: 5px 10px 5px 0;
	*zoom: 1;
	word-spacing: 0;
}

.newArea .sns:after {
	content: "";
	display: block;
	clear: both;
}

.newArea .sns img {
	display: inline-block;
	float: left;
	margin-left: 2px;
}

.newArea .newCont {
	width: 950px;
	min-height: 300px;
	padding: 0 9px 10px;
}

.pdtNewTitle {
	width: 100%;
	border: 1px solid #ddd;
	border-top: none;
	table-layout: fixed;
}

.pdtNewTitle th {
	height: 32px;
	padding-left: 10px;
	font-weight: normal;
	color: #888;
	border-right: 1px solid #ddd;
	background: #f5f5f5;
	text-align: left;
}

.pdtNewTitle th span {
	display: inline-block;
	padding: 0 10px;
	font-family: 'MalgunGothicBold';
	color: #333;
	background: url('/images/common/dot.png') no-repeat left 50%;
}

.product .fb_reset {
	width: 100% !important;
	overflow: hidden !important;
}

.pdtList {
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
}

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

.pdtList li {
	display: inline;
	float: left;
	width: 195px;
	min-height: 340px;
	margin-right: 63px;
}

.pdtList li.noList {
    width: 100%;
    padding: 95px 0;
    text-align: center;
}

.pdtList li p {
	width: 195px;
}

.pdtList li p.thum {
	position: relative;
	width: 195px;
	height: 195px;
	overflow: hidden;
}

.pdtList li p.thum a {
	display: block;
	width: 195px;
	height: 195px;
}

.pdtList li p.thum .best {
	position: absolute;
	left: 10px;
	top: 10px
}

.pdtList li p.thum .new {
	position: absolute;
	left: 10px;
	top: 10px
}

.pdtList li p.on {
	position: relative;
}

.pdtList li span.zoom {
	position: absolute;
	left: 0;
	top: 0;
	width: 193px;
	height: 193px;
	border: 1px solid #ddd;
	background: url("/images/btn/btn_zoom.gif") no-repeat 172px 3px
}

.pdtList li p.tit {
	margin-top: 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #a8252a;
	text-align: center;
}

.pdtList li p.tit a {
	font-family: 'MalgunGothicBold';
	font-size: 14px;
	line-height: 20px;
	color: #a8252a;
}

.pdtList li p.tit span.stit {
	display: block;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 14px;
}

.pdtList li p.txt {
	font-size: 11px;
	line-height: 14px;
	color: #666;
	text-align: center;
}

.pdtList li p.etc {
	font-size: 11px;
	color: #555;
	line-height: 20px;
	text-align: center;
}

.pdtList li p.etc span {
	padding-left: 7px;
	font-size: 11px;
	text-align: center;
	background: url('/images/common/dot2.gif') no-repeat left 50%;
}

.pdtArea {
	position: relative;
	min-height: 516px;
	padding-top: 5px;
	z-index: 1;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-shadow: 0px 0px 10px 0px #ddd;
}

.pdtArea .box{
	height:470px;
    border-bottom: 1px solid #ccc;
}

.pdtArea .pdtThumb {
	position: relative;
	float: left;
	width: 420px;
	margin: 0 0 0 33px;
}

.pdtArea .pdtThumb .facebook {
	position: absolute;
	left: 0;
	top: 425px;
	width: 420px;
	height: 20px;
	margin: 0 auto;
	text-align: center;
}

.pdtArea .pdtThumb .facebook .facebook_ico {
	display: block;
	width: 100px !important;
	margin: 0 auto;
	text-align: left;
}

.pdtArea .pdtInfo {
	float: right;
	width: 450px;
	margin-right: 35px;
}

.pdtArea .pdtInfo h2 {
	height:;
	max-height: 160px;
	padding: 35px 0 0 !important;
}

.pdtArea .pdtInfo p.txt {
	min-height: 30px;
}

.pdtArea .pdtInfo .icon {
	padding: 10px 0 35px;
}

.pdtArea .pdtInfo .icon span {
	display: inline-block;
	margin-right: 15px;
	font-size: 11px;
	vertical-align: middle;
}

.pdtArea .pdtInfo .icon span img {
	vertical-align: middle;
}

.pdtArea .pdtInfo .slide2 {
	position: relative;
	clear: both;
	width: 100%;
	height: 110px;
	padding: 15px 0 15px;
	margin-top: 10px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
	overflow: hidden;
	*zoom: 1;
}

.pdtArea .pdtInfo .slide2:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.pdtArea .pdtInfo .slide2 .prev {
	position: absolute;
	left: 0;
	top: 1px;
	height: 82px;
	padding-top: 31px;
	z-index: 10;
	background: #fff;
	cursor: pointer;
}

.pdtArea .pdtInfo .slide2 .next {
	position: absolute;
	right: 0;
	top: 1px;
	height: 82px;
	padding-top: 31px;
	z-index: 10;
	background: #fff;
	cursor: pointer;
}

.pdtArea .pdtInfo .slideCont2 {
	margin-left: 19px;
	width: 409px !important;
	overflow: hidden;
}

.pdtArea .pdtInfo .slideCont2 ul {
	position: relative;
	z-index: 1;
	width: 20000px !important;
	left: 0;
}

.pdtArea .pdtInfo .slideCont2 ul li {
	display: inline;
	float: left;
	width: 81px;
	height: 123px;
	margin-right: 1px;
	vertical-align: top;
	cursor: pointer;
}

.pdtArea .pdtInfo .slideCont2 ul li a {
	display: block;
}

.pdtArea .pdtInfo .slideCont2 ul li a:hover span {
	color: #a8252a !important;
}

.pdtArea .pdtInfo .slideCont2 ul li span {
	display: block;
	width: 71px;
	padding: 0 5px;
	font-size: 11px;
	color: #666;
	line-height: 14px;
	text-align: center;
	letter-spacing: -1px;
	cursor: pointer;
}

.pdtArea .pdtInfo .slideCont2 ul li.on span {
	color: #a8252a !important;
}

.pdtArea .pdtInfo .buyInfoLayer {
	display: none;
	position: absolute;
	right: -26px;
	top: 0
}

.pdtArea .pdtInfo .pr {
	padding-top: 15px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
}

.pdtArea .pdtInfo .pr a {
	display: inline-block;
	height: 24px;
	overflow: hidden;
}

/* pro_detail : pro_line */
.pdtLineArea {
	height: 45px;
	overflow: hidden;
	transition-duration: 350ms;
}

.pdtLineArea:hover {
	height: 90px;
}

.pdtLineArea span {
    display: inline-block;
    width: 105px;
    height: 90px;
    vertical-align: top;
}

.pdtLineArea span:after {
    /* content: ""; */
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.pdtLineArea span img {
    display: inline-block;
    vertical-align: middle;
}

.pdtLineArea .fr {
	width: calc(100% - 120px);
	height: 90px;
}

.pdtLineArea ul.lineMenu {
	display: block;
	vertical-align: top;
}

.pdtLineArea ul.lineMenu ~ .lineMenu {
	margin-top: -1px;
}

.pdtLineArea ul.lineMenu li {
	display: inline-block;
	padding: 0 1px 0 0;
	background: url('/images/common/division6.gif') no-repeat right 50%;
}

.pdtLineArea ul.lineMenu li a {
	display: block;
}

.pdtLineArea .shopMenuList {
	position: absolute;
	right: -1px;
	top: 0px;
	height: 50px;
	overflow: hidden;
	*zoom: 1;
} /***width***/
.pdtLineArea .shopMenuList:after {
	content: "";
	display: block;
	clear: both;
}

.pdtLineArea .shopMenuList.on {
    height: 189px;
    background: #fdfdfd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    top: 10px;
} /***background,height***/
.pdtLineArea .shopMenuList ul {
	float: left;
	width: 83px;
	height: 192px;
	padding: 27px 22px 0 10px;
	background: url('/images/common/division10.gif') no-repeat left 29px;
	border-right: 1px solid #ddd;
} /***padding***/
.pdtLineArea .shopMenuList.on ul {
	background: none;
	padding: 17px 21px 0 10px;
}

.pdtLineArea .shopMenuList ul li {
	height: 24px;
	font-family: 'MalgunGothicBold';
	font-size: 11px;
	line-height: 18px;
	vertical-align: top;
}

/*
.pdtLineArea .fr div.shopList ul li a	{display:block;height:14px;margin-bottom:10px;font-family:'MalgunGothicBold';font-size:11px;color:#888;}
.pdtLineArea .fr div.shopList ul li a span	{color:#888;}
.pdtLineArea .fr div.shopList ul li a.over	{color:#a8252a;}
.pdtLineArea .fr div.shopList ul li a.over span.over	{color:#a8252a;}
.pdtLineArea .fr div.shopList ul li a span.over	{color:#a8252a;}		*/

/* pro_list : pro_line */
.pdtLineArea2 {
	width: 100%;
	height: 35px;
	*zoom: 1;
}

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

.pdtLineArea2 .type2>ul.lineMenu {
	float: left;
	width: 100%;
	overflow: inherit;
}

.pdtLineArea2 .type2 ul.lineMenu:first-child:before {
	content:
	"";
	display: block;height:3px;
	width:100%;
	background: #893a4f;
}
eov
.pdtLineArea2 .type2>ul.lineMenu.line2 {
	border-top: 1px solid #d8c1c7;
	border-bottom: 1px solid #ccc;
}

.pdtLineArea2 .type2>ul.lineMenu>li {
	position: relative;
	display: inline;
	float: left; 
}

.pdtLineArea2 .type2>ul.lineMenu>li ~ li {
	padding-left: 10px;	
}

.pdtLineArea2 .type2>ul.lineMenu>li ~ li:after {
	content: "";
    position: absolute;
    top: calc(50% - 2px);
    left: 1px;
    width: 3px;
    height: 3px;
    background-color: #777;
    border-radius: 50%;
}

.pdtLineArea2 .type2>ul.lineMenu>li.bgn {
	padding: 0;
}
.pdtLineArea2 .type2>ul.lineMenu>li:hover>ul.lineSubMenu {
	display: block
}

.pdtLineArea2 .type2>ul.lineMenu>li a {
	display: inline-block;
    vertical-align: middle;
}

.pdtLineArea2 .type2>ul.lineMenu>li a img {
	width:;
}

.pdtLineArea2 .type2>ul.lineMenu>li>ul.lineSubMenu {
	display: none;
	position: absolute;
	top: 35px;
	width: 89px;
	height: 68px;
	background-image: url(/images/product/line/bg_tab_line_sub.gif);
} /***/
.pdtLineArea2 .type2>ul.lineMenu>li>ul.lineSubMenu>li {
	display: block;
	text-align: center;
	padding-top: 5px;
} /***/
.pdtLineArea2 .type2>ul.lineMenu>li>ul.lineSubMenu>li:first-child {
	padding-top: 15px;
} /***/
.pdtLineArea2 .type2>ul.lineMenu>li>ul.lineSubMenu>li>a {
	display: inline-block;
} /***/
.pdtLineArea2 .fr {
	position: relative;
	width: 210px;
	height: 35px;
	margin-right: 10px;
}

.pdtLineArea2 .fr .shopMenuList {
	width: 115px;
	height: 35px;
	overflow: hidden;
	*zoom: 1;
}

.pdtLineArea2 .fr .shopMenuList:hover {
	border-right: 1px solid #ddd;
}

.pdtLineArea2 .fr .shopMenuList:after {
	content: "";
	display: block;
	clear: both;
}

.pdtLineArea2 .fr .shopMenuList.on {
    position: relative;
	height: 180px;
    background: #fdfdfd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    z-index: 999;
} /***background,height***/

.pdtLineArea2 .fr .shopMenuList ul {
	float: left;
	width: 89px;
	height: 191px;
	padding: 10px 14px 0 12px;
	background: url('/images/common/division10.gif') no-repeat left 12px;
}

.pdtLineArea2 .fr .shopMenuList.on ul {
	background: none;
}

.pdtLineArea2 .fr .shopMenuList ul li {
	height: 24px;
	font-family: 'MalgunGothicBold';
	font-size: 11px;
	line-height: 18px;
	vertical-align: top;
}

.pdtLineArea2 .type3 {
	width: 100%;
}

.pdtLineArea2 .type3:before {
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background: linear-gradient(to right, rgb(0, 0, 0), rgb(109, 46, 63), rgb(137, 58, 79));
}

.pdtLineArea2 .type3 ul.lineMenu {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.pdtLineArea2 .type3 ul.lineMenu li {position:relative;flex-grow: 1;}
.pdtLineArea2 .type3 ul.lineMenu li ~ li {padding-left:15px;}
.pdtLineArea2 .type3 ul.lineMenu li ~ li:before {
	content:'';
	position:absolute;
	top: 50%;
	left: 0;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #000;
	transform: translateY(-50%);
}

.pdtLineArea2 .type3 ul.lineMenu li:after {
	
}

.pdtLineArea2 .type3 ul.lineMenu li img {
	display: block;
}

.pdtDetail {
	width: 100%;
	padding: 35px 0 40px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.pdtDetail h3 {
	height: 45px;
	padding-top: 40px;
}

.pdtDetail h3.first {
	padding-top: 0;
}

.pdtDetail p {
	padding-bottom: 10px;
	font-size: 12px !important;
	line-height: 180% !important;
	color: #666 !important;
	font-family: 'MalgunGothic', ¸¼Àº°íµñ !important;
	word-spacing: -1px;
}

.pdtDetail p.tit {
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #444 !important
}

.pdtDetail strong {
	color: #444 !important;
}

.pdtDetail div p {
	padding: 0;
	font-size: 12px !important;
	font-family: 'MalgunGothic', ¸¼Àº°íµñ !important;
	line-height: 180% !important;
	color: #666 !important;
	word-spacing: -1px;
}

.pdtDetail div p span {
	font-size: 12px !important;
	line-height: 180% !important;
	color: #666 !important;
	font-family: 'MalgunGothic', ¸¼Àº°íµñ !important;
	word-spacing: -1px;
}

.pdtDetail .video {
	position:relative;
}

.pdtDetail .video a {position:relative;display:inline-block;z-index:1;}

.pdtDetail .video.play iframe {
	opacity:1;
	z-index:9;
}

.pdtDetail .video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	transition:opacity .5s;
}

.pdtDetail .ingredient {
	
}

.pdtDetail .ingredient ul {
	width: 100%;
	display: f;	*
	zoom: 1;
}

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

.pdtDetail .ingredient ul li {
	display: inline;
	float: left;
	width: 222px;
	margin-right: 20px;
	vertical-align: top;
}

.pdtDetail .ingredient dl {
	width: 222px;
	margin-bottom: 15px;
}

.pdtDetail .ingredient dl dt {
	font-family: 'MalgunGothicBold';
	font-size: 14px !important;
	line-height: 20px;
	color: #3b3b3b !important;
	letter-spacing: -0.5px;
}

.pdtDetail .ingredient dl dt span {
	font-size: 12px !important;
	width: 18px;
	line-height: 18px;
	display: inline-block;
	text-align: center;
	background-color: #832b42;
	color: #fff;
	border-radius: 50%;
	font-weight: 100;
	margin-right: 5px;
}

.pdtDetail .ingredient dl dd {
	line-height: 180% !important;
	color: #777 !important;
	/* background: url('/images/product/rbox_bot2.gif') no-repeat left bottom; */
	background-color: #f7f7f7;
	border-radius: 10px;
}

.pdtDetail .ingredient dl dd p {
	padding: 10px;
	/* background: url('/images/product/rbox_top2.gif') no-repeat left top; */
}

.pdtDetail .ingredient2 ul {
	width: 100%;
	*zoom: 1;
}

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

.pdtDetail .ingredient2 ul li {
	display: inline;
	float: left;
	width: 465px;
	margin-right: 20px;
	vertical-align: top;
}

.pdtDetail .ingredient2 dl {
	width: 465px;
	margin-bottom: 15px;
}

.pdtDetail .ingredient2 dl dt {
	padding: 0 0 8px 24px;
	font-family: 'MalgunGothicBold';
	font-size: 14px !important;
	line-height: 20px;
	color: #3b3b3b !important;
	background: url('/images/product/rbox_top.gif') no-repeat left bottom;
}

.pdtDetail .ingredient2 dl dt span {
	font-size: 12px !important;
}

.pdtDetail .ingredient2 dl dd {
	line-height: 180% !important;
	color: #777 !important;
	background: url('/images/product/rbox_bot.gif') no-repeat left bottom;
}

.pdtDetail .ingredient2 dl dd p {
	padding: 10px;
	background: url('/images/product/rbox_top.gif') no-repeat left top;
}

.pdtDetail .process {
	width: 100%;
	*zoom: 1;
}

.pdtDetail .process:after {
	content: "";
	display: block;
	clear: both;
}

.pdtDetail .process li {
	display: inline;
	float: left;
	padding: 0 12px 0 18px;
	background: url('/images/common/division5.gif') no-repeat left 50%;
}

.pdtDetail .process li.bgn {
	padding: 0 12px 0 0;
}

.pdtBanner {
	width: 100%;
	margin: 25px 0 40px;
	overflow: hidden;
}

.pdtBanner li {
	display: inline;
	float: left;
	margin-left: 10px;
	vertical-align: top;
}

.pdtBanner li.first {
	margin-left: 0;
}

.pdtBanner li a {
	display: block;
}

.processArea {
	position: relative;
	width: 100%;
	height: 385px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.processArea .processTab {
	position: absolute;
	left: 0;
	top: 0;
}

.processArea .processTab ul li {
	margin-top: -1px;
}

.processArea .processTab ul li a {
	display: block;
}

.processArea .processPdtList {
	width: 823px;
	height: 385px;
	margin: 0 0 0 147px;
	border-top: 1px solid #ddd;
	overflow: auto;
	overflow-x: hidden;
}

.processArea .processPdtList ul {
	padding: 15px 0 0 17px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left bottom;
	*zoom: 1;
}

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

.processArea .processPdtList ul li {
	float: left;
	width: 157px;
	min-height: 113px;
	text-align: center;
}

.processArea .processPdtList ul li p {
	font-size: 11px;
	color: #666;
	line-height: 16px;
	text-align: center;
}

.processArea .processPdtList ul li p.thum {
	height: 88px;
	text-align: center;
}

.processArea .processPdtList ul li p.thum img {
	width: 81px;
	height: 81px;
}

.pdtSearch table {
	width: 100%;
	margin-left: -1px;
	background: url('/images/common/bg_tb.gif') no-repeat left top;
	table-layout: fixed;
}

.pdtSearch table th {
	height: 33px;
	background: url('/images/common/division6.gif') no-repeat right 50%;
}

.pdtSearch table td {
	height: 113px;
	padding-bottom: 15px;
	font-size: 11px;
	color: #9d9d9d;
	background: url('/images/common/bg_dotLine.gif') repeat-y right top;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.pdtSearch table td p.thum {
	position: relative;
	width: 81px;
	height: 88px;
	margin: 0 auto;
	text-align: center;
}

.pdtSearch table td p {
	font-size: 11px;
	color: #666;
}

.pdtSearch table td .btn {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.pdtSearch table td .noproduct {
	padding-top: 15px;
	text-align: center;
}

.pdtSearch table td div.pdtSrchCont {
	padding-top: 15px;
}

.pdtSearch {
	border: 1px solid #ddd;
	overflow: hidden;
}

.pdtStepArea {
	width: 100%;
	border-top: 1px solid #ddd;
	overflow: hidden;
}

.pdtStepArea ul {
	padding-left: 14px;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.pdtStepArea ul li {
	float: left;
	width: 125px;
	min-height: 105px;
	margin: 0;
	padding: 10px 11px 10px 0;
	background: url('/images/product/step_division.gif') no-repeat right
		40px;
	text-align: center;
}

.pdtStepArea ul li.bgn {
	padding: 10px 0;
}

.pdtStepArea ul li p {
	font-size: 11px;
	color: #666;
	text-align: center;
}

.pdtStepArea ul li p.thum {
	height: 88px;
}

.pdtStepArea ul.none {
	padding: 0;
	border: 0;
}

.pdtBtnArea {
	width: 100%;
	margin: 10px 0;
	overflow: hidden;
}

.pdtBtnArea .fl {
	padding-top: 6px;
}

.noPdtCont {
	width: 100%;
	border-top: 2px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 60px 0;
	text-align: center;
}

#result h2 {
	min-height: 46px;
	padding-top: 30px;
}

.productSlide {
	position: relative;
	width: 100%;
	height: 205px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	overflow: hidden;
}

.productSlide .prev {
	position: absolute;
	left: 0;
	top: 90px;
	z-index: 2;
	background: #fff;
	cursor: pointer;
}

.productSlide .next {
	position: absolute;
	right: 0;
	top: 90px;
	z-index: 2;
	background: #fff;
	cursor: pointer;
	text-align: right;
}

.productSlide .slideCont {
	margin: 35px 0 0 40px;
	width: 890px !important;
	overflow: hidden;
	*zoom: 1;
}

.productSlide .slideCont:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.productSlide .slideCont ul {
	position: relative;
	z-index: 1;
}

.productSlide .slideCont ul li {
	position: relative;
	float: left;
	width: 292px;
	height: 180px;
	margin-right: 6px;
	vertical-align: top;
}
/*.productSlide .slideCont ul li.focus	{background:url('/images/product/bg_overLine.gif') no-repeat 0 0;}*/
.productSlide .slideCont ul li span.thum {
	display: block;
	width: 290px;
	height: 135px;
	margin-bottom: 5px;
	padding: 1px;
}

.productSlide .slideCont ul li span.cont {
	display: block;
	width: 285px;
	line-height: 16px;
}

.productSlide .slideCont ul li span.cont strong.tit {
	font-family: 'MalgunGothicBold';
	font-size: 12px;
	color: #333;
}

.productSlide .slideCont ul li span.cont span.name {
	display: block;
	font-size: 12px;
	color: #666;
}

/******************** 03_¼ö·ÁÇÑ °¶·¯¸® ********************/
.galleryArea {
	position: relative;
	width: 100%;
	min-height: 690px;
	margin-top: 10px;
	padding-top: 19px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
	overflow: hidden;
}

.galleryArea .prev {
	position: absolute;
	left: 0;
	top: 288px;
	cursor: pointer;
}

.galleryArea .next {
	position: absolute;
	right: 0;
	top: 288px;
	cursor: pointer;
}

.galleryArea .galleryCont {
	margin-left: 78px;
	width: 827px !important;
	overflow: hidden;
	*zoom: 1;
}

.galleryArea .galleryCont:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.galleryArea .galleryCont ul {
	position: relative;
	width: 2000000px !important;
}

.galleryArea .galleryCont ul li {
	position: relative;
	float: left;
	width: 827px;
	height: 690px;
	vertical-align: top;
}

.galleryList {
	position: relative;
	z-index: 4;
}

.galleryList div {
	position: absolute;
	left: 0;
	width: 246px;
	height: 304px;
	background: url('/images/gallery/bg_box.gif') no-repeat left top;
}

.galleryList div.even {
	width: 246px;
	height: 357px;
	background: url('/images/gallery/bg_box2.gif') no-repeat left top;
}

.galleryList div span.thum {
	display: block;
	width: 233px;
	height: 212px;
	padding: 3px;
	padding-bottom: 0;
}

.galleryList div span.thum img {
	width: 233px;
	height: 212px
}

.galleryList div.even span.thum img {
	width: 233px;
	height: 265px
}

.galleryList div span.contArea {
	display: block;
	position: relative;
	width: 221px;
	height: 66px;
	margin: -20px 0 0 3px;
	padding: 33px 5px 0 7px;
	background: url('/images/gallery/bg_galleryCont.png') no-repeat left top;
	text-align: left;
}

.galleryList div span.contArea strong.tit {
	display: block;
	padding-bottom: 5px;
	font-family: 'MalgunGothicBold';
	font-size: 13px;
	color: #bd3a40;
	line-height: 16px;
}

.galleryList div span.contArea span.cont {
	display: block;
}

.galleryList div span.contArea span.cont span.tit {
	display: inline-block;
	margin-right: 5px;
	font-size: 11px;
	color: #666666;
}

.galleryList div span.contArea span.cont span.txt {
	display: inline-block;
	color: #515151;
	font-size: 11px;
}

.galleryList div span.over {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 246px;
	height: 304px;
	background: url('/images/gallery/bg_box_over.gif') no-repeat left top;
}

.galleryList div.even span.over {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 246px;
	height: 357px;
	background: url('/images/gallery/bg_box2_over.gif') no-repeat left top;
}

.galleryViewArea {
	position: relative;
	width: 100%;
	margin: 10px 0 0;
	padding-top: 15px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left top;
	overflow: hidden;
}

.galleryViewCont {
	width: 866px;
	margin: 0 auto;
	overflow: hidden;
}

.galleryViewCont .sns {
	float: right;
	padding: 10px 4px;
	*zoom: 1;
}

.galleryViewCont .sns:after {
	content: "";
	display: block;
	clear: both;
}

.gallerySlide {
	position: relative;
	width: 100%;
	height: 132px;
	padding-bottom: 25px;
	overflow: hidden;
}

.gallerySlide .prev {
	float: left;
	margin-top: 37px;
}

.gallerySlide .next {
	float: right;
	margin-top: 37px;
}

.gallerySlide .gallerySlideCont {
	float: left;
	position: relative;
	width: 866px !important;
	margin-left: 25px;
	*zoom: 1;
}

.gallerySlide .gallerySlideCont:after {
	content: "";
	display: block;
	clear: both;
}

.gallerySlide .gallerySlideCont ul {
	margin: 0;
}

.gallerySlide .gallerySlideCont ul li {
	position: relative;
	width: 207px;
	height: 142px;
	margin-right: 13px;
	background: url('/images/gallery/bg_galleryBox.gif') no-repeat left top;
	vertical-align: top;
}

.gallerySlide .gallerySlideCont ul li p.thum {
	width: 198px;
	height: 130px;
	border: 1px solid #ccc;
}

.gallerySlide .gallerySlideCont ul li p.thum span.title {
	display: none;
	position: absolute;
	left: 1px;
	bottom: 11px;
	width: 188px;
	height: 20px;
	padding: 8px 5px 0;
	font-size: 11px;
	color: #fff;
	background: url('/images/gallery/bg_tooltip.png') no-repeat left top;
	overflow: hidden;
}

.gallerySlide .gallerySlidecont ul li a {
	position: relative;
}

/******************** 04_¼ö·ÁÇÑ Ã¼Çè ********************/
.exSlide {
	position: relative;
	width: 100%;
	height: 231px;
	margin-bottom: 20px;
	background: url('/images/experience/bg_slideBox.gif') repeat-x left top;
	overflow: hidden;
}

.exSlide .prev {
	position: absolute;
	left: 0;
	top: 90px;
	cursor: pointer;
}

.exSlide .next {
	position: absolute;
	right: 0;
	top: 90px;
	cursor: pointer;
}

.exSlide .slideCont {
	margin-left: 30px;
	padding-left: 15px;
	overflow: hidden;
	*zoom: 1;
}

.exSlide .slideCont:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.exSlide .slideCont ul {
	position: relative;
	width: 20000px !important;
}

.exSlide .slideCont ul li {
	position: relative;
	float: left;
	width: 220px;
	height: 230px;
	vertical-align: top;
}

.exSlide .slideCont ul li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
	height: 230px;
	background: url('/images/experience/bg_ex_slide.gif') no-repeat left top;
}

.exSlide .slideCont ul li span {
	display: block;
	position: absolute;
	left: 140px;
	top: 26px;
	z-index: 20;
}

.exSlide .slideCont ul li img {
	display: block;
}

.exSlide .slideCont ul li.focus {
	position: relative;
}

.exSlide .slideCont ul li.focus a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 235px;
	height: 230px;
	background: url('/images/experience/bg_focus.gif') no-repeat left top;
}

.exSlide .slideCont ul li.focus span {
	position: absolute;
	left: 140px;
	top: 26px;
	z-index: 20;
}

.exSlide .slideCont ul li.focus img {
	display: block;
}

.exSlide .slideCont .noList {
	padding-top: 90px;
	font-size: 14px;
	color: #000;
	text-align: center;
}

.exArea {
	border: 1px solid #ddd;
	border-top: none
}

.exArea .exCont {
	width: 950px;
	padding: 9px;
}

.exArea .exCont img {
	width: 950px
}

.exArea .exBann {
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	*zoom: 1;
}

.exArea .exBann:after {
	content: "";
	display: block;
	clear: both;
}

.exArea .exBann li {
	float: left;
	width: 322px;
	height: 138px;
	border-left: 1px solid #ddd;
	vertical-align: top;
}

.exArea .exBann li.first {
	border: none;
}

.exArea .exBann li dl {
	padding: 20px 0 0 20px;
}

.exArea .exBann li dl dt {
	height: 30px;
}

.exArea .exBann li dl dd {
	height: 13px;
	margin-bottom: 6px;
	font-size: 11px;
	vertical-align: top
}

.exArea .exBann li dl dd span {
	display: inline-block;
	margin-right: 7px;
	padding: 0 10px 0 0;
	background: url('/images/common/division1.gif') no-repeat right 4px;
	vertical-align: middle;
}

.exArea .exBann li dl dd span img {
	margin-top: 2px;
}

.exWinnerBox {
	width: 950px;
	height: 147px;
	padding: 9px;
	border: 1px solid #ddd;
	border-top: none;
	background: url('/images/experience/bg_exWinner.gif') no-repeat 9px 9px;
	text-align: center;
}

.exWinnerBox p {
	padding-top: 35px;
}

.exWinnerBox p.id {
	width: 870px;
	margin: 0 auto;
	padding: 10px 0 0;
	font-size: 14px;
	color: #777;
	line-height: 20px;
}

.maniaSlide {
	position: relative;
	width: 100%;
	height: 245px;
	padding-bottom: 20px;
	background: url('/images/common/bg_dotLine2.gif') repeat-x left bottom;
	overflow: hidden;
}

.maniaSlide .prev {
	position: absolute;
	left: 0;
	top: 108px;
	cursor: pointer;
}

.maniaSlide .next {
	position: absolute;
	right: 0;
	top: 108px;
	cursor: pointer;
}

.maniaSlide .slideCont {
	margin: 35px 0 0 45px;
	width: 890px !important;
	overflow: hidden;
	*zoom: 1;
}

.maniaSlide .slideCont:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.maniaSlide .slideCont ul {
	position: relative;
	width: 20000px !important;
}

.maniaSlide .slideCont ul li {
	position: relative;
	float: left;
	width: 185px;
	height: 230px;
	padding-left: 30px;
	vertical-align: top;
	line-height: 16px;
}

.maniaSlide .slideCont ul li span.thum {
	display: block;
	margin-bottom: 5px;
}

.maniaSlide .slideCont ul li span.thum img {
	display: block;
	border: 1px solid #d5d5d5;
}

.maniaSlide .slideCont ul li span.tit {
	display: block;
	min-height: 31px;
	font-family: 'MalgunGothicBold';
	font-size: 12px;
	color: #333;
}

.maniaSlide .slideCont ul li span.name {
	display: block;
	font-size: 12px;
	color: #777;
}

/******************** 05_À̺¥Æ® ********************/
.eventList {
	padding-top: 30px;
	*zoom: 1;
}

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

.eventList li {
	float: left;
	width: 465px;
	min-height: 240px;
	margin-right: 40px;
}

.eventList li.last {
	margin-right: 0;
}

.eventList li dl {
	width: 100%;
}

.eventList li dl dt {
	position: relative;
	padding: 12px 0;
	font-size: 14px;
	color: #832b42;
	border-bottom: 1px solid #e5e5e5;
}

.eventList li dl dt a {
	font-size: 14px;
	color: #832b42;
}

.eventList li dl dt span.btn {
	position: absolute;
	right: 0;
	top: 8px;
}

.eventList li dl dd {
	padding: 10px 0 0;
	color: #888;
}

.eventList li dl dd img {
	padding-top: 2px;
	vertical-align: top;
}

.eventList li dl dd span {
	margin: 0 7px;
}

.eventCont {
	position: relative;
	width: 100%;
}

.eventCont .banner {
	width: 100%;
	height: 328px;
	overflow: hidden;
}

.eventCont .eventText {
	width: 100%;
	border-bottom: 2px solid #ddd;
	vertical-align: top;
}

.eventCont .eventText ul {
	height: 18px;
	margin-left: 45px;
	padding: 23px 0;
	overflow: hidden;
}

.eventCont .eventText ul li {
	float: left;
	width: 308px;
}

.eventCont .eventText span {
	display: inline-block;
	height: 14px;
	margin-left: 8px;
	color: #3d3d3d;
	line-height: 18px;
	vertical-align: top;
}

.eventCont .eventText ul li	img {
	display: inline-block;
	vertical-align: top;
}

.pastList {
	position: absolute;
	right: 8px;
	top: 0;
	width: 196px;
	height: 323px;
	background: url('/images/event/bg_past.png') no-repeat left top;
}

.pastList p.tit {
	height: 56px;
	padding: 19px 0 0 19px;
}

.pastList ul {
	width: 175px;
	height: 210px;
	margin-left: 19px;
	overflow: auto;
	overflow-x: hidden;
}

.pastList ul li {
	width: 160px;
	font-size: 11px;
	min-height: 42px;
}

.pastList ul li span.no {
	display: inline-block;
	float: left;
	width: 25px;
	background: url('/images/event/dot_off.gif') no-repeat right 4px;
	vertical-align: top;
}

.pastList ul li span.cont {
	display: inline-block;
	float: left;
	width: 130px;
	margin-left: 5px;
	font-size: 11px;
}

.pastList ul li.on span.no {
	display: inline-block;
	float: left;
	width: 25px;
	color: #444;
	background: url('/images/event/dot_on.gif') no-repeat right 4px;
	vertical-align: top;
}

.pastList ul li a {
	font-size: 11px;
}

.pastList ul li.on a {
	color: #444;
}

/******************** 06_°í°´¼¾ÅÍ ********************/
.btnArea2 {
	height: 45px;
	margin-top: -35px;
	padding: 0;
}

.faqArea {
	width: 100%;
	padding: 20px 0 30px;
	overflow: hidden;
}

.faqArea .faqCont {
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
}

.faqCont .fl {
	width: 579px;
	height: 128px;
	background: url('/images/customer/faqBest_box.gif') no-repeat left 18px;
}

.faqCont .fl ol {
	padding: 43px 0 0 200px;
}

.faqCont .fl ol li {
	font-size: 14px;
	line-height: 20px;
}

.faqCont .fl ol li a {
	font-size: 14px;
	line-height: 20px;
}

.faqCont .fl ol li.over a {
	color: #555;
}

.qnaArea {
	width: 100%;
	padding: 30px 0 30px;
	overflow: hidden;
}

.qnaText {
	width: 100%;
	padding-bottom: 8px;
}

.qnaText li {
	padding-left: 8px;
	line-height: 18px;
	color: #7e7e7e;
	background: url('/images/common/dot2.gif') no-repeat left 50%;
}

.ideaArea {
	width: 100%;
	padding: 30px 0 20px;
	overflow: hidden;
}

/* »çÀÌÆ®¸Ê */
.sitemap {
	width: 100%;
	padding-top: 20px;
	overflow: hidden;
}

.sitemap h2 {
	min-height: 40px !important;
	padding: 0 !important;
}

.sitemap ul {
	width: 170px;
	min-height: 330px;
}

.sitemap .sitemapCont2 ul.pline {
	width:367px;
}

.sitemap ul li {
	height: 13px;
	padding: 12px 15px;
	font-size: 0;
	line-height: 1;
	background: url('/images/sitemap/bg_line.gif') repeat-x left bottom;
	vertical-align: top;
}

.sitemap ul li a {
	display: inline-block;
	height: 13px;
	line-height: 1;
	vertical-align: top;
}

.sitemap ul.pline li.last a ,
.sitemap ul.brn li.last a {
	padding-left: 9px;
	font-weight: 500;
	text-shadow: 0px 0px 0px black;
}

.sitemap ul.pline li.last a:before,
.sitemap ul.brn li.last a:before {
	content:"";
	position: absolute;
	top: 5px;
	left: 0;
	width: 2px;
	height: 2px;
	background-color: #832b42;
	border-radius: 50%;
}

.sitemap ul li img {
	display: block;
}

.sitemap ul li dl {
	width: 140px;
}

.sitemap ul li dl dt {
	height: 13px;
	padding: 0 0 8px;
	font-size: 0;
	line-height: 1;
	margin: 0;
}

.sitemap ul li dl dd {
	position: relative;
	height: 13px;
	padding: 0 0 8px;
	font-size: 0;
	line-height: 1;
	margin: 0;
}

.sitemap .sitemapCont {
	float: left;
	width: 170px;
	padding-right: 13px;
	border-right: 1px solid #f1f1f1;
}

.sitemap .sitemapCont2 {
	float: left;
	width: 761px;
	padding-left: 13px;
}

.sitemap .sitemapCont2 ul {
	float: left;
	width: 170px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0 13px;
	border-right: 1px solid #f1f1f1;
}

.sitemap .sitemapCont2 ul.first {
	width: 170px;
	padding: 0 13px 0 0;
	border-right: 1px solid #f1f1f1;
}

.sitemap .sitemapCont2 ul.brn {
	padding: 0 0 0 13px;
	border-right: none;
}

.sitemap .sitemapCont2 ul.brn li.last {
	height: 223px;
}

.sitemap .sitemapCont2 ul.first li {
	padding: 12px 15px;
}

.sitemap .sitemapCont2 ul.first li.first {
	padding: 0 15px 12px;
}

.sitemap .sitemapCont2 ul li {
	height: 13px;
	padding: 0 15px 12px;
}

.sitemap .sitemapCont2 ul li.last {
	min-height: 290px;
	padding: 12px 15px;
}

.sitemap .sitemapCont3 {
	float: left;
	width: 170px;
	padding: 0 13px;
	border-right: 1px solid #f1f1f1;
}

.sitemap .sitemapCont3 ul {
	min-height: 175px;
}

.sitemap .brn {
	padding-right: 0;
}

/******************** 07_etc(popup) ********************/
.layerPopArea {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: url('/images/common/bg_layer.png') repeat-y center top;
}

.layerPopArea2 {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: url('/images/common/bg_layer.png') repeat-y center top;
}

.layerPopArea3 {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: url('/images/common/bg_layer.png') repeat-y center top;
}

.layerContainer {
	position: absolute;
	left: 50%;
	margin-left: -300px;
	z-index: 99;
}

.layerContent {
	position: relative;
}

.layerContent p.close {
	position: absolute;
	right: 38px;
	top: 34px;
	z-index: 99;
}

.layerContent p.tit {
	height: 30px;
	border-bottom: 2px solid #d4d4d4;
}

.layerContent .layerCont {
	margin: 20px 0;
}

.layerContent2 {
	position: relative;
	background: #fff
}

.layerContent2 p.close {
	position: absolute;
	right: 40px;
	top: 23px;
}

.layerContent2 p.tit {
	height: 32px;
	padding: 20px 20px 0 20px;
}

#exInfo .layerContainer {
	top: 420px;
	margin-left: -343px;
}

#exInfo2 .layerContainer {
	top: 560px;
	margin-left: -232px;
}

#exInfo2 .layerCont ul {
	
}

#exInfo2 .layerCont ul li {
	padding-bottom: 20px;
	vertical-align: top;
}

#popWrapper {
	width: 545px;
	height: 305px;
	overflow: hidden;
}

#popWrapper .popCont {
	width: 446px;
	margin: 40px auto 0;
}

#popWrapper .popCont h1 {
	height: 48px;
	background: url('/images/popup/bg_line.gif') no-repeat left bottom;
}

.loginArea {
	width: 446px;
	margin-bottom: 12px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e9e9e9;
	overflow: hidden;
}

.loginArea fieldset {
	padding-top: 20px;
}

.loginArea fieldset div.fl {
	width: 316px;
}

.loginArea fieldset div.fl p {
	display: block;
	height: 33px;
	padding-left: 28px;
}

.loginArea fieldset div.fl p label {
	display: inline-block;
	width: 58px;
	padding-left: 12px;
	background: url('/images/common/dot.png') no-repeat left 50%;
}

.loginArea fieldset div.fl p input.txt {
	width: 198px;
}

.loginArea .btnArea {
	padding-left: 98px
}

.popMap {
	width: 588px;
	height: 678px;
	padding: 34px 38px 0 37px;
	background: url('/images/popup/bg_map_layer.png') no-repeat left top;
}

.popMapArea {
	width: 588px;
	padding: 15px 0 0;
	overflow: hidden;
}

.popMapArea dl {
	padding-bottom: 10px;
}

.popMapArea dl dt {
	padding-bottom: 5px;
	font-size: 14px;
	color: #3b3b3b;
	line-height: 18px;
}

.popMapArea dl dt span {
	color: #a8252a;
}

.popMapArea dl dd {
	font-size: 11px;
	color: #666;
}

.popMapCont {
	width: 586px;
	height: 471px;
	border: 1px solid #bdbdbe;
}

/* ÀμⱤ°í pop */
.popPaper {
	width: 595px;
	height: 885px;
	padding: 34px 37px 0;
	background: url('/images/popup/bg_paper_layer.png') no-repeat left top;
}

.popPaperArea {
	width: 595px;
}

.popPaperArea img {
	border: 1px solid #bdbdbe;
}

.popExWinner .winnerCont {
	height: 215px;
	margin: 15px 0;
	border: 1px solid #e9e9e9;
	background: url('/images/popup/bg_ex_winner.gif') repeat-y left top;
	overflow: auto;
	overflow-x: hidden;
}

.popExWinner .winnerCont p.txt {
	padding: 15px 100px;
	font-size: 11px;
	color: #666;
}

.popExWinner .winnerCont p.txt2 {
	width: 483px;
	padding: 30px 0 24px;
}

.popExWinner .winnerCont p.txt2 span {
	font-size: 13px;
	color: #3b3b3b;
}

.popExWinner .winnerText {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #f0f0f0;
}

.errorArea {
	position: absolute;
	left: 50%;
	top: 200px;
	width: 678px;
	height: 262px;
	margin: 0 0 0 -339px;
}

/* üÇè pop */
.popExInfo {
	width: 705px;
	padding: 20px;
	border: 10px solid #f1f1f1;
	background: #fff;
}

.popExInfo .close {
	right: 20px !important;
	top: 18px !important;
}

.popExInfo2 {
	width: 485px;
	padding: 20px;
	padding-bottom: 0;
	border: 10px solid #f1f1f1;
	background: #fff;
}

.popExInfo2 .close {
	right: 20px !important;
	top: 18px !important;
}

/* »ç¿ëÈıâ pop */
.popReview {
	width: 737px;
	padding: 20px;
	border: 10px solid #f1f1f1;
	background: #fff;
}

.popReview .close {
	right: 20px !important;
	top: 18px !important;
}

/* ¹Ì³ª´® pop */
.popNunum {
	width: 551px;
	height: 351px;
	padding: 30px 32px 0;
	background: url('/images/popup/bg_nanum_layer.png') no-repeat left top;
}

.popNunum .layerCont {
	width: 551px;
	margin: 0 auto;
	overflow: hidden;
}

.popNunum .layerCont p {
	padding: 25px 0;
	border-bottom: 1px solid #ececec;
}

/* º£½ºÆ® ¼ö·ÁÀÎ pop */
.bestPopArea {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: url('/images/common/bg_layer.png') repeat-y center top;
}

.popBest {
	position: fixed;
	top: 0;
	left: 50%;
	margin: 260px 0 0 -219px;
	z-index: 99;
}

.popBest .close {
	position: absolute;
	right: 37px;
	top: 26px;
	z-index: 99;
}

/* üÇè½Åû pop */
.exPopArea {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: url('/images/common/bg_layer.png') repeat-y center top;
}

.popEx {
	position: fixed;
	top: 0;
	left: 50%;
	margin: 150px 0 0 -219px;
	z-index: 99;
}

.popEx .close {
	position: absolute;
	right: 37px;
	top: 26px;
	z-index: 99;
}

/* ¹Ì³ª´® pop */
.nanumPopArea {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 98;
	width: 100%;
	height: 100%;
	background: url('/images/common/bg_layer.png') repeat-y center top;
}

.popNanum {
	position: fixed;
	top: 0;
	left: 50%;
	margin: 150px 0 0 -219px;
	z-index: 99;
}

.popNanum .close {
	position: absolute;
	right: 37px;
	top: 26px;
	z-index: 99;
}


.faq-wrapper {}
.faq-wrapper dl {display:flex;border-bottom: 1px solid #e4e4e4;}
.faq-wrapper dl :first-child ,
.faq-wrapper dl :last-child {width: 75px;}
.faq-wrapper dl dt,
.faq-wrapper dl dd {padding: 10px 5px;}
.faq-wrapper dl dt {position: relative;width: 100%;text-align: center;color:#fff;background-color:#5e5e5e;}
.faq-wrapper dl dd {width:100%;text-align: center;}
.faq-wrapper dl dd.subject {text-align:left;}
.faq-wrapper dl dd.subject a {text-decoration: none;}
.faq-wrapper dl dd.subject a:hover {border-bottom:1px solid;}
.faq-wrapper dl dt ~ dt:before {
	content:'';
	position: absolute;
	top: 20%;
	left: 0;
	height: 60%;
	border-left: 1px dotted #aaa;
}

.faq-wrapper dl.cont {display:none;}
.faq-wrapper dl.cont dd {width: 100%;padding-left: 110px;padding-right: 35px;box-sizing: border-box;text-align:left;background: url(/images/icon/ico_re.gif) no-repeat 70px 14px;word-break: keep-all;}
.faq-wrapper .faq-row {visibility: hidden;opacity:0;height: 0;transition: opacity .5s, height .3s;}
.faq-wrapper .faq-row.show {visibility: visible;opacity:1;height: auto;}
.faq-wrapper .faq-row.active {background-color:#f5f5f5;}
.faq-wrapper .faq-row.active dl.cont {display:block;}
.faq-wrapper .faq-row.active dl dd.subject a {color:#832b42;}
.faq-wrapper .nodata {display:none;padding: 5px 0;text-align: center;}
.faq-wrapper.nodata .nodata {display:block;}

.faq-wrapper .paging {display:flex;justify-content: center;}

.faq-wrapper .paging a {margin: 0 2px;padding: 1px;border: 1px solid #ddd;}
.faq-wrapper .paging a.on {background-color:#666;border-color: #666;color:#fff;font-weight: bold;}
.faq-wrapper .paging a.prev,
.faq-wrapper .paging a.next {position: relative;text-indent:-9999px;border: 1px solid #6b6b6b;}

.faq-wrapper .paging a.prev:before,
.faq-wrapper .paging a.prev:after,
.faq-wrapper .paging a.next:before,
.faq-wrapper .paging a.next:after {
	content:'';
	position: absolute;
	top: 7px;
	border: 6px solid transparent;
}

.faq-wrapper .paging a.prev:before {
    border-right-color: #6b6b6b;
    left: 3px;
}
.faq-wrapper .paging a.prev:after {
    border-right-color: #fff;
    left: 5px;
    z-index: 9;
}

.faq-wrapper .paging a.next:before {
    border-left-color: #6b6b6b;
    right: 2px;
}
.faq-wrapper .paging a.next:after {
    border-left-color: #fff;
    right: 4px;
}

.tabMenu.faq li img.on {display:none;}
.tabMenu.faq li.on img.on {display:block;}