@charset "utf-8";

/* All */




*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
* {word-wrap:break-word; word-break:break-all;}




input[type="text"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="number"]:hover  {
	border-color:#232e7c;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:hover {
	border-color:#232e7c;
}

input[type="radio"], input[type="checkbox"] {
	cursor:pointer;
	vertical-align:middle;
	margin:0;
	padding:0;
	line-height:1;
}
input[type="file"]	{width:80%;}


input::-webkit-input-placeholder	{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}
input:-ms-input-placeholder			{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}
input::-moz-placeholder				{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}
input:-moz-placeholder				{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}

textarea::-webkit-input-placeholder	{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}
textarea:-ms-input-placeholder		{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}
textarea::-moz-placeholder			{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}
textarea:-moz-placeholder			{font-family:'NotoKrR'; font-weight:normal; color:#aaa;}


input								{-webkit-appearance:none; appearance:none;}
input,textarea, button, select		{border-radius:0; -webkit-border-radius:0;}

input[readonly]						{border-color:#ccc; background-color:#f5f5f5;}


* {-webkit-text-size-adjust:none;}/* 폰트 자동 확대 방지 */


/* Link style */
a:link					{color:#333; text-decoration:none;}
a:visited				{color:#333; text-decoration:none;}
a:hover					{color:#333; text-decoration:none;}
a:active				{color:#333; text-decoration:none;}
a:focus					{color:#333; text-decoration:none;}
a.self					{text-decoration:none;}


/* etc define */
.underline {text-decoration:underline;}
.font-default {color:#333; font-weight:normal;}
.bold {font-weight:bold;}
.line {border-bottom:1px solid #d3d3d3;}
.floatLeft {display:inline; float:left;}
.floatRight {display:inline; float:right;}
.clearBoth {clear:both;}
.alignMiddle {vertical-align:middle;}
.alignTop {vertical-align:top;}
.alignBottom {vertical-align:bottom;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid #eee;}
.borderTopNone {border-top:none !important;}
.borderBtmNone {border-bottom:none !important;}
.borderNone {border:none !important;}
.borderBottom {border-bottom:1px solid #ddd !important;}
.txtspace {letter-spacing:-1px;}
.displayInlineBblock {display:inline-block;}
.boxShadowNone	{box-shadow:none !important;}
.overflowHidden {overflow:hidden;}
.cursorDefault {cursor:default !important;}
.mb10 {margin-bottom:10px !important;}
.mt10 {margin-top:10px !important;}
.bt10 {border-top:10px solid #f5f5f5;}

hr													{display:block; margin:0; padding:0; height:55px; border:none;}


h1													{margin-bottom:10px; font-size:1.8em; color:#151515; text-align:center;}
h2													{margin-bottom:10px; font-size:1.4em; color:#151515;}
h2 em												{margin-left:10px; font-weight:normal; font-size:0.75em; color:#777;}


/* Body BG */
.bg-gray												{background-color:#f5f5f5;}



/* Checkbox Image */
.wrap-checkbox										{position:relative; display:inline-block;}
.wrap-checkbox > input								{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:20px; height:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-checkbox > label								{position:relative; padding-left:25px; font-size:1.4rem;}
.wrap-checkbox > label:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('/img/icon/i_checkbox.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-checkbox > input:checked+label:before			{background-position:0 bottom;}
.wrap-checkbox > input:checked+label				{color:#000;}


/* Radio Image */
.wrap-radio											{position:relative; display:inline-block; margin-right:10px; padding:2px 0;}
.wrap-radio:last-child								{margin-right:0;}
.wrap-radio > input									{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:20px; height:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-radio > label									{position:relative; padding-left:25px; font-size:1em;}
.wrap-radio > label:before							{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('/img/icon/i_radio.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.wrap-radio > input:checked+label:before			{background-position:0 bottom;}
.wrap-radio > input:checked+label					{color:#000;}


/* Btn Style */
.btn-style01										{display:block; width:100%; height:50px; font-family:'NotoKrB'; font-size:1.5rem; -webkit-border-radius:2px; border-radius:2px;}
.btn-style02										{display:block; margin:30px auto 60px; width:50%; height:40px; font-size:1.5rem; -webkit-border-radius:4px; border-radius:4px; }
.btn-style03										{display:block; margin:30px auto 60px; width:60%; height:50px; font-family:'NotoKrB'; font-size:1.5rem; -webkit-border-radius:4px; border-radius:4px;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#232e7c;}
.btn-color02										{color:#fff; background-color:#ea5b0a;}
.btn-color03										{color:#232e7c; background-color:#ffffff; border:1px solid #232e7c;}
.btn-color04										{color:#555555; background-color:#ffffff; border:1px solid #dddddd;}


/* Btn Position */
.btn-position										{margin:20px 0; text-align:center; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;}
.btn-position button								{display:inline-block; margin:0 2px;}


/* Btn Popup */
.button-popup										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin-top:35px;}
.button-popup button								{margin:0 2px; width:180px; height:50px; font-size:14px; border-width:1px; border-style:solid;}
.button-popup button:first-child					{color:#454545; border-color:#d2d2d2; background-color:#fff;}
.button-popup button:last-child						{color:#fff; border-color:#232e7c; background-color:#232e7c;}


/* Search Btn */
.searchBtn											{position:relative; margin:-10px 0 30px; text-align:center;}
.searchBtn button									{display:inline-block; width:40%; height:40px; font-size:1.25em; color:#fff; background-color:#000000;/*#ea5b0a*/; -webkit-border-radius:2px; border-radius:2px;}
.searchBtn a										{position:absolute; top:50%; left:10px; z-index:1; padding-top:25px; width:40px; font-size:0.95em; color:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.searchBtn a:before									{content:""; position:absolute; top:0; left:50%; z-index:1; width:20px; height:20px; background:url('/img/icon/i_reset.png') no-repeat; background-size:100%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}


/* Dual Button */
.dual-display														{margin:20px 0px; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;}
.dual-display button											{margin:0 5px; width:50%; height:50px; font-size:1.5rem; font-family:'NotoKrM';}
.dual-display button:first-child						{color:#999999; border:1px solid #dddddd; background-color:#fff;}
.dual-display button:last-child						{color:#fff; border:1px solid #ea5b0a; background-color:#ea5b0a;}


/* Sub Top Btn */
#to_the_top											{position:fixed; bottom:60px; right:10px; z-index:9000; display:none; padding-top:2px; width:50px; height:50px; line-height:58px; font-size:1.4em; color:#fff; border:1px solid rgba(0,0,0,.1); background:rgba(225,225,225,.1) url('/img/icon/goTop.png')no-repeat center center; text-indent:-9999px; border-radius:30px; -webkit-border-radius:30px; }


/* Layout Selector */
.wrap													{position:relative; min-width:320px; overflow:hidden;}
.container											{padding:10px 10px 30px; background-color:#fff;}
.fix-container										{margin-top:50px; padding:10px; background-color:#fff;}
.fixed-menu												{margin-bottom:50px;}
.container-about									{position:relative; margin:0 auto; padding-bottom:50px;}
.popup-container									{padding:5px; background-color:#f0f0f0;}
.bg-container										{padding:10px; background-color:#f0f0f0;}
.h-scroll													{height:340px; overflow-y:scroll;}


/* sub header */
.page-title											{margin:0 auto; padding:20px 0;}


/* Header */
header												{position:relative; z-index:9998; display:table; width:100%; background-color:#fff;}
header.fixed										{position:fixed; top:0; left:0; width:100%; -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1); box-shadow:0 1px 0 0 rgba(0,0,0,.1);}
header > p											{display:table-cell; vertical-align:middle; margin:0; padding:0; height:50px; text-align:center;}
header > p img										{height:30px;}
header > span										{display:table-cell; vertical-align:middle; margin:0; padding-left:50px; height:50px; font-size:1.6rem; color:#000;}
header > a											{position:absolute; top:50%; right:10px; padding:5px; width:30px; height:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
header > a > span									{position:relative; display:block; margin-top:2px; text-indent:-9999px; border-top:2px solid #333; border-bottom:2px solid #000; overflow:hidden;}
header > a > span:after								{content:"";  position:absolute; top:50%; z-index:1; display:block; width:100%; height:2px; background-color:#000; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
header > i											{text-indent:-9999px; position:absolute; top:0; right:0; z-index:10; width:50px; height:50px; background:#fff url('/img/icon/slide-close.png') no-repeat; background-size:100% auto; cursor:pointer;}
header > button										{position:absolute; top:0; left:0; z-index:10; text-indent:-9999px; width:50px; height:50px; background:url('/img/top/btn-back.png') no-repeat; background-size:100% auto;}


/* Popup Header */
.popupHeader										{display:table; position:fixed; top:0; z-index:10; width:100%; background-color:#fff; /*-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1); box-shadow:0 1px 0 0 rgba(0,0,0,.1);*/}
.popupHeader > span									{display:table-cell; vertical-align:middle; margin:0; padding-left:10px; height:50px; font-size:1.8rem; color:#000;}
.popupHeader > i									{position:absolute; top:50%; right:10px; z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:transparent; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.popupHeader > i:before,
.popupHeader > i:after								{content:""; position:absolute; background-color:#333; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.popupHeader > i:before								{top:0; left:50%; margin-left:-1px; width:2px; height:100%;}
.popupHeader > i:after								{top:50%; left:0; margin-top:-1px; width:100%; height:2px;}


/*Slide Menu */
.slide-menu											{position:fixed; top:0; left:100%; z-index:9999; width:100%; height:100vh; height:100%; background-color:#fff; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
.slide-menu.open									{left:0;}
.slide-menu .slideHeader							{position:relative; height:200px; /*border-bottom:1px solid rgba(0,0,0,.1);*/ background-color:#fff;}
.slide-menu .slideHeader > button					{position:absolute; top:10px; right:10px; z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:transparent;}
.slide-menu .slideHeader > button:before,
.slide-menu .slideHeader > button:after				{content:""; position:absolute; background-color:#333; -webkit-border-radius:1px; border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.slide-menu .slideHeader > button:before			{top:0; left:50%; margin-left:-1px; width:2px; height:100%;}
.slide-menu .slideHeader > button:after				{top:50%; left:0; margin-top:-1px; width:100%; height:2px;}
.slide-menu .slideHeader > a									{position:absolute; top:15px; left:15px; z-index:20; width:50px; height:50px; text-indent:-9999px; background:url('/img/top/logo.png') no-repeat center; background-size:100%;}
.slide-menu .slideHeader > .header-search			{padding:100px 20px 0 20px;}
.slide-menu .slideHeader > .header-search > h2{font-size:1.8rem;}
.slide-menu .slideContainer											{position:absolute; top:200px; bottom:0; right:0; left:0; overflow:hidden;}
.slide-menu .slideContainer .menu-nobu									{padding:0 0 20px; border-bottom:1px solid #eeeeee;}
.slide-menu .slideContainer .menu-nobu li									{padding:16px 20px; font-size:1.6rem;}
.slide-menu .slideContainer .menu-nobu li a								{position:relative; display:inline-block; color:#000000;}
.slide-menu .slideContainer .menu-nobu li.on a						{color:#ea5b0a; font-family:'NotoKrM';}
.slide-menu .slideContainer .menu-nobu li.on a:after				{position:absolute; top:0; right:-12px; content:''; width:6px; height:6px; background:#ea5b0a; -webkit-border-radius:50%; border-radius:50%;}
.slide-menu .slideContainer .menu-others									{border-top:10px solid #f5f5f5;}
.slide-menu .slideContainer .menu-others:after							{content:''; display:block; clear:both;}
.slide-menu .slideContainer .menu-others li								{float:left; width:50%; font-size:1.5rem; color:#777777; border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.slide-menu .slideContainer .menu-others li:nth-child(2n)		{border-right:none;}
.slide-menu .slideContainer .menu-others li a							{display:block; padding:20px;}
.lockWrap																			{height:100vh; overflow:hidden;}


/* Board Search */
.board-search										{position:relative; margin:0 auto; width:100%; height:50px; border:1px solid #f1f1f1; background-color:#f6f6f6; -webkit-transition:all .2s; transition:all .2s; -webkit-border-radius:2px; border-radius:2px;}
.board-search:hover									{background-color:#fff;}
.board-search input									{padding:0 15px; height:100%; font-size:16px; border:none; background-color:transparent; -webkit-transition:none; transition:none;}
.board-search i											{position:absolute; top:12px; right:50px; z-index:1; width:26px; height:26px; text-indent:-9999px; background-color:#ffffff; border:1px solid #f6f6f6; -webkit-border-radius:50%; border-radius:50%;}
.board-search i:before,
.board-search i:after									{position:absolute; z-index:2; content:''; background-color:#dddddd; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.board-search i:before								{top:3px; left:11px; width:2px; height:18px;}
.board-search i:after									{top:11px; left:3px; width:18px; height:2px;}
.board-search button								{position:absolute; top:0; right:0; z-index:1; width:50px; height:50px; text-indent:-9999px; background-color:transparent;}
.board-search button:after							{content:""; position:absolute; top:50%; left:50%; z-index:1; width:30px; height:30px; background:url('/img/icon/board_search.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}


/* Fixed Bottom */
.fixed-bottom																{position:fixed; bottom:0px; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; align-items:center; width:100%; height:50px; border-top:1px solid #eeeeee; background:#ffffff; z-index:100;}
.fixed-bottom li															{width:25%; text-align:center;} 
.fixed-bottom li p														{position:relative; width:50px; height:50px; margin:0 auto; text-indent:-9999px;} 
.fixed-bottom li p > em														{position:absolute; top:5px; right:0; display:inline-block; width:20px; height:20px; text-indent:0; text-align:center; line-height:18px; -webkit-border-radius:50%; border-radius:50%; background:#232e7c; border:2px solid #ffffff; color:#ffffff;} 
.fixed-bottom li:nth-child(1) p									{background:url('/img/icon/fixbtn01.png') top center no-repeat; background-size:100%;} 
.fixed-bottom li:nth-child(2) p									{background:url('/img/icon/fixbtn02.png') top center no-repeat; background-size:100%;} 
.fixed-bottom li:nth-child(3) p									{background:url('/img/icon/fixbtn03.png') top center no-repeat; background-size:100%;} 
.fixed-bottom li:nth-child(4) p									{background:url('/img/icon/fixbtn04.png') top center no-repeat; background-size:100%;} 
.fixed-bottom li.on p													{background-position:bottom center;}


/* Flexible Slider */
.flexslider											{overflow:hidden;}
.flexslider .slides > li							{position:relative; display:none; -webkit-backface-visibility: hidden; cursor:pointer;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img								{width:100%; display:block;}
.flexslider .slides > li:first-child				{display: block; -webkit-backface-visibility: visible;} 
.flexslider .slides > li > div						{position:absolute; bottom:15%; left:12%; z-index:10;}
.flexslider .slides > li > div 	span				{display:block; padding-bottom:20px; color:#000000; font-size:25px;}
.flexslider .slides > li > div 	span em				{display:block; padding-bottom:0px; color:#000000; font-size:18px; font-family:'RobotoM';  font-style:normal;}
.flexslider .slides > li > div button				{display:inline-block; width:110px; height:36px; margin:0px auto; color:#000; border:1px solid #000; font-family:'NotoKrR'; font-size:14px; text-align:center; font-style:normal; vertical-align:middle; letter-spacing:0; background:transparent; border:1px solid #000 -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}


/* Img Rolling  */
.banner-slide										{position:relative; z-index:1; margin:0; padding:0px; height:auto;}
.banner-slide .flexslider							{margin:0; padding:0;}
.flex-viewport										{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.flex-direction-nav									{display:none;}




/* 메인 search */
.main-search									{position:relative; padding:15px 15px 15px 90px; background:#ffffff;}
.main-search > h2								{position:absolute; top:18px; left:15px; width:60px; height:40px;}


/* 이미지배너 */
.section-banner									{padding:0px 15px 30px;}


/* 행사안내 */
.section-event									{padding:10px 0 30px;}
.section-event	> h2						{margin-bottom:0; padding:15px 15px 20px; font-size:2.0rem;}
.section-event	.slider .slick-slide				{padding:0 10px;}
.section-event	.event-item									{border:1px solid #eee;}
.section-event	.event-item dl								{padding:20px 15px;}
.section-event	.event-item dt							{margin-bottom:4px; font-size:1.8rem; color:#000; line-height:1.2; font-family:'NotoKrM';}
.section-event	.event-item dt > em						{display:block; margin-bottom:20px; font-size:1.3rem; font-family:'NotoKrB'; color:#cccccc;}
.section-event	.event-item dt > em.on						{color:#ea5b0a;}
.section-event	.event-item dd							{margin-bottom:0px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.section-event	.event-item span					{position:relative; padding-right:15px; font-size:1.4rem; color:#999; line-height:1.4;}
.section-event	.event-item span.date					{display:block; margin-top:6px; font-size:1.2rem;}
.section-event	.event-item span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.section-event	.event-item span:last-child		{padding-right:0;}
.section-event	.event-item span:last-child:after	{display:none;}


/* 음원미리듣기 */
.section-preview										{padding:30px 0; background:#f9f9f9;}
.section-preview	> h2							{margin-bottom:0; padding:15px 15px 20px; font-size:2.0rem;}
.preview-wrap	.title-tooltip					{display:block; width:100%; margin:30px auto 0; padding:15px; text-align:center; font-family:'NotokrM';}
.preview-wrap	.title-tooltip em				{color:#232e7c; font-size:1.6rem; font-family:'NotoKrB'; }
.preview-wrap	.title-tooltip button	{display:block; width:50%; height:40px; margin:20px auto; background:#232e7c; color:#ffffff; font-size:1.4rem; font-family:'NotoKrB'; border-radius:3px;}
.preview-wrap .slick-slide						{margin:0px 20px;}
.preview-wrap .slick-slide	 img			{width:100%;}
.preview-wrap .slick-prev,
.preview-wrap .slick-next						{display:block; width:40px; height:40px; background:rgba(35,46,124,.8) ; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease; transition:all .3s ease;  z-index:10;} 
.preview-wrap .slick-prev:before,
.preview-wrap .slick-next:before		{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30px; height:40px; background:url('/img/main/btn_direction_nav.png') no-repeat center left; background-size:cover; content:'';} 
.preview-wrap .slick-next:before		{background:url('/img/main/btn_direction_nav.png') no-repeat center right; background-size:cover; } 
.preview-wrap .slick-prev						{left:50%; margin-left:-180px;}
.preview-wrap .slick-next						{right:50%; margin-right:-180px;}
.preview-wrap .slick-slide						{transition: all ease-in-out .3s; opacity:.2;}
.preview-wrap .slick-active					{opacity:.3;}
.preview-wrap .slick-current				{opacity:1;}

.music-preview a																	{position:relative; display:-webkit-flex; display:flex; justify-content:center; align-items:center; width:200px; height:200px; text-align:center; overflow:hidden;}
.music-preview a.player-on:after									{content:""; position:absolute; top:50%; left:50%; z-index:1; width:60px; height:60px; background:url('/img/main/play_btn2.png') no-repeat; background-size:100%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);  -webkit-border-radius:50%; border-radius:50%; box-shadow:8px 11px 18px -4px rgba(0,0,0,.6);}
.music-preview a img															{max-height:100%;}


/* 베스트셀러 */
.bestSeller															{position:relative; margin:30px 0 0;}
.bestSeller > h2													{margin-bottom:0; padding:15px 15px 20px; font-size:2.0rem;}
.bestSeller > .productBox									{padding:0 10px 30px;}
.bestSeller .control-nav													{position:absolute; top:10px; right:15px; z-index:1; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.bestSeller .control-nav a												{position:relative; margin-left:-1px; width:30px; height:30px; text-indent:-9999px; border:1px solid #ddd; background-color:#fff; -webkit-transition:all .15s; transition:all .15s;}
.bestSeller .control-nav a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:6px; height:22px; background:url('/img/icon/recom_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.bestSeller .control-nav a:last-child:after					{background-position:right top;}


/* 신간도서 */
.newBooks																		{position:relative; padding:30px 0 50px; background:#f5f5f5;}
.newBooks > h2																{margin-bottom:0; padding:15px 15px 20px; font-size:2.0rem;}
.newBooks ul																	{width:100%; padding:0 15px;}
.newBooks ul li																{background:#ffffff;}
.newBooks ul li div															{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; width:100%; height:200px; background:#ffffff; overflow:hidden;}
.newBooks ul li div img													{max-height:100%;}
.newBooks ul li .info-product									{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; margin-top:12px; padding:0 15px;}
.newBooks ul li .info-product em							{display:block; width:40px; height:50px; padding:10px 0; border-radius:50px; text-align:center; background:#232e7c; border:1px solid #232e7c; color:#ffffff; font-size:12px; font-family:'NotoKrM'; -webkit-transition:all .2s ease; transition:all .2s ease;}
.newBooks ul li .info-product em strong					{display:block; margin-top:4px; color:#bbc3ff;}
.newBooks ul li .info-product span								{display:block; width:calc(100% - 40px); max-height:42px; padding-left:12px; font-size:1.8rem; color:#333; line-height:1.2; font-family:'NotokrM'; overflow:hidden;word-break:keep-all;}
.newBooks ul li dl														{padding:15px;}
.newBooks ul li dl dt													{max-height:66px; font-size:1.5rem; line-height:1.5; color:#999999; overflow:hidden;}
.newBooks ul li dl dd												{font-size:1.4rem; color:#ff3000;}
.newBooks .control-nav													{position:absolute; top:40px; right:15px; z-index:1; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.newBooks .control-nav a												{position:relative; margin-left:-1px; width:30px; height:30px; text-indent:-9999px; border:1px solid #ddd; background-color:#fff; -webkit-transition:all .15s; transition:all .15s;}
.newBooks .control-nav a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:6px; height:22px; background:url('/img/icon/recom_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.newBooks .control-nav a:last-child:after					{background-position:right top;}


/* 추천도서  */
.recommend																		{position:relative; padding:30px 0 50px; background-color:#fff;}
.recommend > h2																{margin-bottom:0; padding:15px 15px 0px; font-size:2.0rem;}
.recommend .control-nav													{position:absolute; top:40px; right:15px; z-index:1; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.recommend .control-nav a												{position:relative; margin-left:-1px; width:30px; height:30px; text-indent:-9999px; border:1px solid #ddd; background-color:#fff; -webkit-transition:all .15s; transition:all .15s;}
.recommend .control-nav a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:6px; height:22px; background:url('/img/icon/recom_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.recommend .control-nav a:last-child:after					{background-position:right top;}

.product-slide																		{padding-left:15px;}
.bxslider:after												{content:""; display:block; float:none; clear:both;}
.bxslider > li													{position:relative; float:left; width:160px; height:100%;}
.bxslider > li p										{position:relative; width:160px; height:160px; overflow:hidden;display:flex;}
.bxslider > li p > a										{position:absolute; bottom:10px; right:10px;  z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:#232e7c; -webkit-border-radius:50%; border-radius:50%;}
.bxslider > li p > a:after							{position:absolute; content:''; top:50%; left:50%; z-index:2; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
/*.bxslider > li p img								{width:100%; height:auto;}*/
.bxslider > li p img								{max-height:100%;margin:auto;}
.bxslider > li div									{width:100%; padding:15px 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.bxslider > li div > dl									{margin-top:10px; text-align:left;}
.bxslider > li div > dl > dt							{display:block; min-height:42px; margin-bottom:10px; font-family:'NotoKrM'; font-size:1.5rem; color:#333; line-height:1.4; overflow:hidden;}
.bxslider > li div > dl > dd							{margin-top:12px; font-size:1.4rem; color:#999999;}
.bxslider > li div > span								{display:block; font-size:1.5rem; color:#333; letter-spacing:0; text-align:left; padding-top:10px; border-top:1px dashed #ddd;}
.bxslider > li div > span > strike						{display:block; color:#bbbbbb; font-size:1.2rem;}
.bxslider > li div > span > strong					{display:block; margin-top:5px; font-weight:normal; color:#333;}
.bxslider > li div > span > strong > b									{font-weight:normal; color:#ff3000;}


/* 이달의 작가 */
.author																			{position:relative; padding:30px 15px 0; border-top:15px solid #f2f2f2;}
.author > h2																	{position:relative;margin-bottom:0; padding:15px 0 20px; font-size:2.0rem;}
.authorList > li > dl														{margin-bottom:12px; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; align-items:center}
.authorList > li > dl	dt,														
.authorList > li > dl	dd													{display: inline-block;}
.authorList > li > dl	dt													{padding-right:20px; font-family:'NotoKrM'; font-size:3.8rem; color:#bbc3ff;word-break:keep-all;}
.authorList > li > dl	dd span											{display: inline-block; width:120px; height:120px; overflow:hidden; border-radius:50%;}
.authorList > li > p														{width:100%; height:170px; margin-bottom:20px; padding:0 10px; overflow-y:scroll; font-size:1.4rem; line-height:1.5; color:#999999;}
.authorList .review-wrap .review-list								{margin:0; border:none;}
.authorList .review-wrap .review-list li								{padding:10px 0; border:none;}
.authorList .review-wrap .area-text										{padding:0 15px;}
.authorList .review-wrap .area-text .view-more				{display:block; width:36px; margin:0 auto; text-align:center;}
.author .control-nav													{position:absolute; top:40px; right:15px; z-index:1; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.author .control-nav a												{position:relative; margin-left:-1px; width:30px; height:30px; text-indent:-9999px; border:1px solid #ddd; background-color:#fff; -webkit-transition:all .15s; transition:all .15s;}
.author .control-nav a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:6px; height:22px; background:url('/img/icon/recom_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.author .control-nav a:last-child:after					{background-position:right top;}


/* 베스트후기 */
.bestReview																			{position:relative; padding:30px 0 0;}
.bestReview > h2																	{margin-bottom:0; padding:15px 0 20px 15px; font-size:2.0rem;}
.bestReview .review-item														{width:100%; /*background:#f5f5f5;*/}
.bestReview .review-item > div											{width:100%; height:200px; overflow:hidden;}
.bestReview .review-item > span										{display:block; width:90%; margin:20px auto 0; font-size:2rem; color:#333333; font-family:'NotoKrM'; text-align:center; }
.bestReview .review-item > span em								{display:inline-block; padding:12px; background:rgba(255,255,255,1); line-height:1.4; -webkit-border-radius:5px; border-radius:5px; border:2px solid #eeeeee; z-index:10;word-break:keep-all;}
.bestReview .review-wrap .review-list								{margin:0; border:none;}
.bestReview .review-wrap .review-list li								{display:block; padding:0; border:none;}
.bestReview .review-wrap .review-list li .slick-slider p			{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;  -webkit-justify-content:center; justify-content:center; height:200px; overflow:hidden;}
.bestReview .review-wrap .review-list li .slick-slider p img			{max-height:100%;}
.bestReview .review-wrap .review-list li .slick-prev				{left:15px; z-index:10;}
.bestReview .review-wrap .review-list li .slick-next				{right:15px; z-index:10;}
.bestReview .review-wrap .area-text										{padding:0 15px;}
.bestReview .review-wrap .area-text .view-more				{display:block; width:36px; margin:0 auto; text-align:center;}
.bestReview .control-nav													{position:absolute; top:40px; right:15px; z-index:1; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.bestReview .control-nav a												{position:relative; margin-left:-1px; width:30px; height:30px; text-indent:-9999px; border:1px solid #ddd; background-color:#fff; -webkit-transition:all .15s; transition:all .15s;}
.bestReview .control-nav a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:6px; height:22px; background:url('/img/icon/recom_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.bestReview .control-nav a:last-child:after					{background-position:right top;}


/* 회원가입단계 */
.join-process										{position:relative; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center; margin:10px 0 30px;}
.join-process li									{position:relative; width:25%; text-align:center;}
.join-process li:after								{content:""; position:absolute; top:50%; z-index:1; width:8px; height:8px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.join-process li:after								{right:-4px;}
.join-process li:last-child:after					{display:none;}
.join-process li em									{display:block; margin:0 auto 10px; width:30px; line-height:30px; font-family:'RobotoR'; font-size:1.125em; color:#fff; background-color:#ddd; -webkit-border-radius:50%; border-radius:50%;}
.join-process li span								{display:block; font-size:1.4rem; color:#777;}
.join-process li.on em								{background-color:#ea5b0a;}
.join-process li.on span							{color:#ea5b0a;}


/* 회원가입완료 */
.member-complete									{padding:20px 15px; text-align:center;}
.member-complete > span							{display:block; width:150px; margin:0 auto 20px;}
.member-complete dl									{margin-bottom:50px;}
.member-complete dl dt								{margin-bottom:12px; font-size:2.0rem; color:#000000; line-height:1.4;}
.member-complete dl dt strong						{color:#000;}
.member-complete dl dd								{font-size:1.4rem; color:#666; line-height:1.2;}
.member-complete dl dd span							{color:#000;}
.member-complete button								{margin:0 auto; width:70%;}


/* 페이지타이틀 */
.wrap-title															{padding:3rem 2rem 5rem 2rem; background:#272e73;}
.wrap-title	 > div												{margin-bottom:10px;}
.wrap-title	 > div > em									{position:relative; display:inline-block; padding-right:16px; font-size:1.5rem; color:#ffffff; font-family:'NotoKrM'; }
.wrap-title	 > div > em:after							{position:absolute; content:''; top:50%; right:6px; width:6px; height:6px; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); border-top:2px solid #ea5b0a; border-right:2px solid #ea5b0a;}
.wrap-title	 > div > em:last-child:after		{display:none;}
.wrap-title p	span											{display:block; font-size:1.8rem; margin-bottom:5px; font-family:'NotoKrDL'; color:#bbc3ff;word-break:keep-all;}

.title-only															{padding:2rem; background:#f5f5f5;}
.title-only > em												{position:relative; display:inline-block; padding-right:16px; font-size:1.5rem; color:#000000;}
.title-only > em:after										{position:absolute; content:''; top:50%; right:6px; width:6px; height:6px; -webkit-transform:translateY(-50%) rotate(45deg); transform:translateY(-50%) rotate(45deg); border-top:2px solid #ea5b0a; border-right:2px solid #ea5b0a;}													
.title-only > em:last-child:after					{display:none;}


/* 제품 탭메뉴 */
.title-menu													{width:90%; margin:-30px auto 0;}
.tabMenu														{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; background:#ffffff; -webkit-border-radius:5px; border-radius:5px; border:2px solid #f5f5f5;}
.tabMenu li													{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;  width:33.333333%;}
.tabMenu li a												{display:block; width:100%; padding:12px 0; font-size:1.5rem; text-align:center;word-break:keep-all;}
.tabMenu li a.on												{color:#ea5b0a;}


/*타이틀*/
/*
.title-content															{position:relative; margin:20px 0px;}
.title-content > h2														{font-size:1.5em;}
.title-content > h2 strong												{color:#ea5b0a;}
.title-paging																	{position:relative; margin:20px 0px;}
.title-paging	> .page-dots																{top:0; right:0;}
*/
.title-content															{position:relative;}
.title-content > h2														{font-size:1.5em;}
.title-content > h2 strong												{color:#ea5b0a;}
.title-paging																	{position:relative; margin-top:20px}
.title-paging	> .page-dots																{top:0; right:0;}

/* 리스트 종류별 */
.list-sort														{width:100%; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #333;}
.title-sort													{position:relative; margin:20px 0 30px;}
.title-sort > h2														{font-size:1.5em;}
.title-sort > h2 strong												{color:#ea5b0a;}


/* 정렬 */
.array													{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-items:center; justify-content:space-between; vertical-align:middle; text-align:right;}
.array > a											{position:relative; display:inline-block; width:25%; text-align:center; font-size:1.4rem; color:#454545;}
.array > a.on										{color:#ea5b0a;}
.array > a:before									{content:""; position:absolute; top:50%; left:0%; z-index:1; width:1px; height:12px; background-color:#e7e7e7; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.array > a:first-child								{margin-left:0;}
.array > a:first-child:before						{display:none;}


/* 보기형식 */
.type													{position:absolute; bottom:0; right:0; vertical-align:middle;}
.type > span										{width:59px; height:30px; border:1px solid #d5d5d5; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; }
.type > span > a									{position:relative; width:100%; height:100%; text-indent:-9999px;}
.type > span > a:after								{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:12px; background:url('/img/icon/i_array.png') no-repeat; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.type > span > a:nth-child(1)							{border-right:1px solid #ebebeb;}
.type > span > a:nth-child(1):after					{background-position:left top;}
.type > span > a:nth-child(2):after					{background-position:right top;}
.type > span > a.on:nth-child(1):after				{background-position:left bottom;}
.type > span > a.on:nth-child(2):after				{background-position:right bottom;}


/* 제품리스트-추천도서 */
.ListRecommend										{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.ListRecommend > li									{position:relative; float:left; width:160px; height:100%;}
.ListRecommend > li > p								{position:relative; display:-webkit-flex; display:flex; align-items:center; height:170px; background-color:#ffffff; cursor:pointer; overflow:hidden;}
/*.ListRecommend > li > p img						{width:100%;}*/
.ListRecommend > li > p img						{max-height:100%;margin:auto;}
.ListRecommend > li > p a								{position:absolute; bottom:10px; right:10px;  z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:#232e7c; -webkit-border-radius:50%; border-radius:50%;}
.ListRecommend > li > p a:after							{position:absolute; content:''; top:50%; left:50%; z-index:2; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ListRecommend > li .info-product						{margin-top:15px; padding:0 5px;}
.ListRecommend > li .info-product em					{display:block; height:60px; margin-bottom:10px; font-family:'NotoKrM'; font-size:1.5rem; color:#333; line-height:1.4; overflow:hidden;}
.ListRecommend > li .info-product ol					{padding-top:10px; border-top:1px dashed #ddd;}
.ListRecommend > li .info-product ol li					{position:relative; padding:5px 0; font-size:1.5rem;}
.ListRecommend > li .info-product ol li strike				{display:block; color:#bbb; font-size:1.2rem;}
.ListRecommend > li .info-product ol li strong			{display:block; margin-top:6px; font-family:'NotoKrM'; font-weight:normal; color:#333;}
.ListRecommend > li .info-product ol li strong b						{font-weight:normal; color:#ff3000;}
.ListRecommend > li .info-product ol li	 a								{position:absolute; top:50%; right:0px;  z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:#232e7c; -webkit-border-radius:50%; border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} 
.ListRecommend > li .info-product ol li	 a:after							{position:absolute; content:''; top:50%; left:50%; z-index:2; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.ListRecommend > li .info-product ol li .mark					{position:absolute; top:0; right:0;}
.ListRecommend > li .info-product ol li .mark span			{display:inline-block; width:60px; height:18px; color:#232e7c; border:1px solid #232e7c; font-size:12px; text-align:center; line-height:16px;}


/* 제품 리스트형 */
.productList											{padding-bottom:20px;}
.productList > li									{position:relative; margin-bottom:15px; padding:10px; width:100%; border:1px solid #e7e7e7;}
.productList > li:after									{display:block; content:''; clear:both;}
.productList > li p										{position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); float:left; display:flex; justify-content:center; align-items:center; width:120px; height:120px; overflow:hidden;}
.productList > li p img										{max-height:100%;}
.productList > li p a										{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:inline-block; width:28px; height:28px; text-indent:-9999px; background-color:#232e7c; -webkit-border-radius:50%; border-radius:50%;}
.productList > li p a:after								{position:absolute; content:''; top:50%; left:50%; z-index:2; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.productList > li .info-detail						{padding-left:130px;}
.productList > li .info-detail em					{display:block; margin-bottom:12px; font-family:'NotoKrM'; font-size:1.5rem; color:#333333; line-height:1.4;}
.productList > li .info-detail ul					{margin-bottom:20px;}
.productList > li .info-detail ul li				{margin-bottom:6px; font-size:1.3rem; color:#757575;}
.productList > li .info-detail ul li:last-child				{margin-bottom:0px}
.productList > li .info-detail ol								{;}
.productList > li .info-detail ol li					{position:relative; padding:5px 0; font-size:1.5rem;}
.productList > li .info-detail ol li strike				{display:block; color:#bbb; font-size:1.2rem;}
.productList > li .info-detail ol li strong			{display:block; margin-top:6px; font-family:'NotoKrM'; font-weight:normal; color:#333;}
.productList > li .info-detail ol li strong b						{font-weight:normal; color:#ff3000;}
.productList > li .info-detail ol li .mark						{position:absolute; top:0; right:0;}
.productList > li .info-detail ol li .mark span			{display:inline-block; width:60px; height:18px; color:#232e7c; border:1px solid #232e7c; font-size:12px; text-align:center; line-height:16px;}


/* 제품박스형 */
.productBox											{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin:0 -10px;}
.productBox > li									{margin-bottom:25px; padding:0 10px; width:50%;}
.productBox > li > p								{position:relative; display:-webkit-flex; display:flex; align-items:center; height:170px; background-color:#ffffff; cursor:pointer; overflow:hidden;}
/*.productBox > li > p img						{width:100%;}*/
.productBox > li > p img						{max-height:100%;margin:auto;}
.productBox > li > p a								{position:absolute; bottom:10px; right:10px;  z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:#232e7c; -webkit-border-radius:50%; border-radius:50%;}
.productBox > li > p a:after							{position:absolute; content:''; top:50%; left:50%; z-index:2; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.productBox > li .info-product						{margin-top:15px; padding:0 5px;}
.productBox > li .info-product em					{display:block; margin-bottom:10px; font-family:'NotoKrM'; font-size:1.5rem; color:#333; line-height:1.4;}
.productBox > li .info-product ol					{padding-top:10px; border-top:1px dashed #ddd;}
.productBox > li .info-product ol li					{position:relative; padding:5px 0; font-size:1.5rem;}
.productBox > li .info-product ol li strike				{display:block; color:#bbb; font-size:1.2rem;}
.productBox > li .info-product ol li strong			{display:block; margin-top:6px; font-family:'NotoKrM'; font-weight:normal; color:#333;}
.productBox > li .info-product ol li strong b						{font-weight:normal; color:#ff3000;}
.productBox > li .info-product ol li	 a								{position:absolute; top:50%; right:0px;  z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:#232e7c; -webkit-border-radius:50%; border-radius:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} 
.productBox > li .info-product ol li	 a:after							{position:absolute; content:''; top:50%; left:50%; z-index:2; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.productBox > li .info-product ol li .mark						{position:absolute; top:0; right:0;}
.productBox > li .info-product ol li .mark span			{display:inline-block; width:60px; height:18px; color:#232e7c; border:1px solid #232e7c; font-size:12px; text-align:center; line-height:16px;}


/* 더보기 */
.list-more												{display:block; width:50%; height:45px; margin:20px auto; font-size:1.4rem; color:#555; border:1px solid #f0f0f0; background-color:#fff; text-align:center;}


/* 제품상세정보 */
.productHeader > p												{border:1px solid #eee; background:url('/img/file/noimage.jpg') no-repeat; background-size:100%;}
.productHeader .productSlide							{margin:10px; height:350px; background:#f9f9f9;}
.productHeader .productSlide .align-center							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; align-items:center;}
.productHeader .productSlide .slick-track							{display:flex; align-items:center; text-align:center; height:100%;}
.productHeader .productSlide .slick-list								{display:flex; align-items:center; height:350px;}
.productHeader .productSlide .slick-list	 img							{max-width:100%; max-height:100%;}
.productHeader .slick-slide div															{display:flex !important; align-items:center; justify-content:center; height:100%;}
.productHeader .productName							{margin:20px 0; text-align:left;}
.productHeader .productName em						{font-family:'NotoKrM'; font-size:1.8rem; color:#151515;}
.productHeader .productDetail						{margin:0; padding:10px 5px; height:auto; border-top:1px dotted #eee; border-bottom:1px dotted #eee;}
.productHeader .productDetail span					{color:#d70000;}
.productHeader .productDetail span > em				{font-style:normal; text-decoration:line-through;}
.productHeader .productDetail dl								{display:table; width:100%;}
.productHeader .productDetail dl dt,
.productHeader .productDetail dl dd					{display:table-cell; vertical-align:middle; height:34px;}
.productHeader .productDetail dl dt						{position:relative; padding-left:10px; width:40%; font-size:1.4rem; color:#656565;}
.productHeader .productDetail dl dd					{width:60%; font-size:1.5rem; color:#151515;}
.productHeader .productDetail dl dd strike					{color:#bbbbbb;}
.productHeader .productDetail dl dd strong					{font-family:'NotoKrB',sans-serif; font-weight:normal; font-size:1.8rem; color:#232e7c;}
.productHeader .productDetail dl dd em					{margin-left:10px; color:#ff3000;}
.productHeader .productDetail dl dd .mark					{margin-left:10px; display:inline-block;}
.productHeader .productDetail dl dd .mark span			{display:inline-block; width:60px; height:18px; color:#232e7c; border:1px solid #232e7c; font-size:12px; text-align:center; line-height:16px;}

.productHeader .productDetail .amount-control		{text-align:left;}
.productHeader .productTotal						{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; padding:20px 10px; border-bottom:1px solid #eee;}
.productHeader .productTotal dt,
.productHeader .productTotal dd						{font-size:1.6rem; color:#555;}
.productHeader .productTotal dt						{color:#000; line-height:1.4;}
.productHeader .productTotal dt b					{font-weight:normal;}
.productHeader .productTotal dd						{text-align:right;}
.productHeader .productTotal dd strong					{margin-right:2px; font-size:1.8rem; color:#000;}
.productHeader .productTotal dd em						{display:block; margin-top:5px;}
.btn-shop																			{position:relative; margin:20px 0; padding-left:55px;}
.btn-shop > button															{position:absolute; top:0; left:0; width:50px; height:50px; border:1px solid #ddd; color:#555; background:#ffffff url('/img/icon/i_like.png') top center no-repeat; background-size:100%; text-indent:-9999px;}
.btn-shop > button.on															{background-color:#ffcc00; border-color:#ffcc00; background-position:bottom center;}

/* 네이버페이 */
.Npay																					{;}


/* Product Tab */	
.product-tab											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-bottom:1px solid #dddddd;}
.product-tab li										{width:100%;}
.product-tab li a									{display:block; position:relative; z-index:0; margin-bottom:-1px; margin-right:-1px; line-height:40px; font-size:1.4rem; color:#999; text-align:center; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-tab li.on a								{z-index:1; color:#151515; font-family:'NotoKrM'; border-bottom:2px solid #ea5b0a;}
.product-tab.main li a							{color:#000000;} 


/* 제품정보 */
.productExplain											{padding-bottom:20px; font-size: 1.4rem; background:#fff; line-height:1.5; text-align:left;}
.product-contents										{margin:0; padding-top:15px;}
.product-contents img								{width:100%; height:auto;}


/* 제품설명 열고닫기 */
.title-fold														{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; align-items:center; height:50px; padding:0 10px; /*background:#f9f9f9; */ border-bottom:1px solid #eeeeee;}
.title-fold span												{display: inline-block; height:26px; line-height:28px; padding:0 16px; font-size:1.5rem; color:#ffffff; background:#232e7c; border-radius:20px;}
.title-fold a													{display: inline-block; width:24px; height:24px; text-indent:-9999px; background:url('/img/file/fold_arrow.png') no-repeat; background-size:100% auto;}
.title-fold a.on												{background-position:bottom center;}


/* 파일 다운로드 */
.file-download											{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom:50px; margin:0 -4px 30px; padding:15px; background-color:#f4f6fa;}
.file-download li										{width:50%; margin-bottom:10px; padding:0 4px;}
.file-download li:last-child					{margin-bottom:0;}
.file-download li a									{position:relative; display:block; font-size:1.3rem; padding:0 5px 0 34px; color:#1e75d6; line-height:36px; text-decoration:underline; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:#ffffff;}
.file-download li a:before								{content:""; position:absolute; top:50%; left:5px; z-index:1; width:22px; height:22px; background:#2f79d9 url('/img/icon/file_down.png') no-repeat center; background-size: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:5px; -webkit-border-radius:5px;}


/* Slide Gallery */
.slide-gallery										{margin:0 auto 30px; width:100%;}
.main-thumb											{position:relative;}
.main-thumb > p			 											{display:block; width:100%;}
.main-thumb .direct-control a							{position:absolute; top:50%; z-index:2; display:block; width:30px; height:45px; text-indent:-9999px; background:rgba(0,0,0,.2) url('/img/icon/thumb_control.png') no-repeat; background-size:200%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main-thumb .direct-control a.prev					{left:10px; background-position:left top;}
.main-thumb .direct-control a.next					{right:10px; background-position:right top;}
.thumb-body											{position:relative; margin-top:20px;}
.thumb-body .frameList								{position:relative; margin:0 auto; width:100%; height:90px; overflow:hidden;}
.thumb-body .frameList ul							{position:absolute; top:0; left:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; width:100%;}
.thumb-body .frameList ul li						{position:relative; margin:0 5px; width:33.333333%; overflow:hidden;}
.thumb-body .frameList ul li p						{display:block; width:180px; height:90px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.thumb-body .frameList ul li:after					{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border:3px solid #eee; -webkit-transition:all .3s; transition:all .3s;}
.thumb-body .frameList ul li.on:after				{border-color:#ea5b0a;}


/* 영상미리보기 */
.video-wrap												{margin-bottom:30px;}
.video-wrap span									{display:block; width:100%; height:200px;}


/* 오디오 미리듣기 */
.audio-preview										{margin-bottom:30px; padding:25px 20px; background:#d0daef; /*f4f6fa;*/}
.audio-preview > li									{margin-bottom:20px;}
.audio-preview > li:last-child				{margin-bottom:0px;}
.audio-preview > li > h3							{padding-bottom:10px; font-size:1.3rem; color:#232e7c;}
.IE																{width:100%;}


/* 별점 */
.stars													{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.stars span											{display:block; margin-right:2px; width:18px; height:18px; text-indent:-9999px; background:url('/img/icon/star.png') no-repeat; background-size:100% auto;}
.stars.direct										{justify-content:center; -webkit-justify-content:center;}
.stars.direct span									{width:54px; height:54px; background-image:url('/img/icon/star_b.png'); cursor:pointer;}


/* 별점설정 */
.stars.mark0 span:nth-child(1n+1),
.stars.mark1 span:nth-child(1n+2),
.stars.mark2 span:nth-child(1n+3),
.stars.mark3 span:nth-child(1n+4),
.stars.mark4 span:nth-child(1n+5)					{background-position:left bottom;}


/* 구매후기 */
.review-wrap .title-line							{margin-bottom:30px; text-align:center;}
.review-wrap .title-line span						{display:block; font-size:1.4rem; color:#353535; line-height:1.6;}
.review-wrap .title-line span b						{font-family:'NotoKrM',sans-serif; font-weight:normal; color:#ea5b0a;}
.review-wrap .title-line button						{height:36px; margin-top:16px; padding:0 20px; font-size:1.4rem; color:#fff; background-color:#333; -webkit-border-radius:3px; border-radius:3px;}
.review-wrap .review-list							{margin-bottom:40px; border-top:1px solid #ededed;}
.review-wrap .review-list li						{position:relative; display:table; padding:20px 5px; width:100%; border-bottom:1px solid #ededed;}
.review-wrap .area-text																{vertical-align:top;}
.review-wrap .area-text .user-data											{display: block;}
.review-wrap .area-text .user-data .date-of							{margin-top:10px;}
.review-wrap .area-text .user-data .date-of span					{position:relative; padding-right:20px; font-size:1.3rem; color:#999;}
.review-wrap .area-text .user-data .date-of span:after				{content:""; position:absolute; top:50%; right:9px; z-index:1; width:1px; height:10px; background-color:#e2e2e2; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.review-wrap .area-text .user-data .date-of span:last-child:after	{display:none;}
.review-wrap .area-text .article												{max-height:115px; margin-top:15px; font-size:1.4rem; color:#5f5f5f; line-height:1.7; overflow:hidden;}
.review-wrap .area-text .article *												{line-height:1.7;}
.review-wrap .area-text > .view-more					{position:relative; display:inline-block; padding:15px 0 10px; font-size:12px; color:#000;}
.review-wrap .area-text > .view-more:after				{content:""; position:absolute; top:50%; right:-17px; z-index:1; margin-top:2px; width:11px; height:6px; background:url('/img/icon/i_more_arrow.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.review-wrap .area-text .full-image											{display:none;}
.review-wrap .area-text .full-image p									{display:block; padding-top:15px; width:100%;}
.review-wrap .area-text .full-image p img							{border-radius:8px; -webkit-border-radius:8px;}
.review-wrap .thumbnail															{position:absolute; top:20px; right:5px;}
.review-wrap .thumbnail > p													{width:46px; height:46px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-wrap .thumbnail > span												{position:absolute; top:0; left:0; z-index:1; width:26px; line-height:26px; font-size:13px; color:#fff; background-color:rgba(0,0,0,.4); text-align:center;}
.review-wrap .review-list li.open												{background-color:#f8f9fb;}
.review-wrap .review-list li.open .view-more:after						{background-position:left bottom;}
.review-wrap .review-list li.open .full-image						{display:block;}
.review-wrap .review-list li.open .thumbnail						{display:none;}
.review-wrap .review-list li.open .article								{max-height:100%;}


/* 후기작성하기 */
.review-write > em									{display:block; font-size:1.3rem; color:#999999; margin-bottom:12px; line-height:1.4;}
.review-write .benefit								{padding:20px; font-size:14px; color:rgba(255,255,255,.5); background-color:#333; text-align:center; line-height:1.5;}
.review-write .benefit b							{font-weight:normal; color:#fff;}
.review-write .package								{display:table; margin-bottom:25px; padding:15px 0; width:100%; border-bottom:5px solid #f2f2f2;}
.review-write .package p,
.review-write .package dl							{display:table-cell; vertical-align:middle; height:80px;}
.review-write .package p							{width:80px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-write .package dl							{padding-left:15px;}
.review-write .package dl dt						{font-size:17px; color:#151515;}
.review-write .package dl dd						{margin-top:10px; font-size:1.4rem; color:#999;}
.review-write textarea									{height:130px; margin-top:30px; padding:10px; font-size:1.4rem; line-height:1.5; border:1px solid #bbb;}
.review-write .add-photo							{margin:20px 0 0;}
.review-write .add-photo dt						{font-family:'NotoKrM'; font-size:1.6rem; color:#202020;}
.review-write .add-photo dd					{margin-top:8px; font-size:1.4rem; color:#999;}
.review-write .photo-register						{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-end; -webkit-justify-content:flex-end; margin:10px -10px 0 -10px;}
.review-write .photo-register a						{position:relative; display:block; width:33.333333%; height:100px; margin:0 10px; background-color:#f2f2f2;}
.review-write .photo-register a input				{position:relative; z-index:2; width:100%; height:100%; opacity:0; cursor:pointer;}
.review-write .photo-register a:before,
.review-write .photo-register a:after				{content:""; position:absolute; top:50%; left:50%; z-index:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.review-write .photo-register a:before				{width:40px; height:40px; border:1px dashed #ccc; background-color:#fff; border-radius:50%; -webkit-border-radius:50%;}
.review-write .photo-register a:after				{width:12px; height:12px; background:url('/img/icon/i_plus.png') no-repeat;}
.review-write .photo-register a span				{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-write .photo-register a i.delete						{position:absolute; top:5px; right:5px; z-index:5; width:20px; height:20px; text-indent:-9999px; background:rgba(255,255,255,.8) url('/img/icon/i_more_arrow.png') center center no-repeat; border:1px solid #000000; -webkit-border-radius:50%; border-radius:50%;}


/* Footer */
footer												{padding:20px 0; border-top:1px solid #e0e0e0; text-align:center; background:#ffffff;}
footer > a											{position:relative; display:inline-block; margin-bottom:10px; font-weight:bold; font-size:1.125em; color:#333;}
footer > a:after									{content:""; position:absolute; top:50%; right:-22px; z-index:1; width:20px; height:20px; background:url('/img/file/fold_arrow.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
footer > a.close:after								{background-position:left bottom;}
footer p											{font-size:1em; color:#757575; line-height:1.6;}
footer small										{display:block; font-size:0.95em;}
.loginInfo																{margin-bottom:20px;}
.footer-menu										{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center; padding:10px 0;}
.footer-menu > a									{position:relative; margin:0 5px; padding:5px; font-size:1.05em; color:#333;}
.footer-menu > a:after								{content:""; position:absolute; top:50%; right:-6px; z-index:1; width:1px; height:8px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.footer-menu > a:last-child:after					{display:none;}
.footer-menu > a strong					{color:#ea5b0a;}
.service					 					{padding:20px 10px 10px; border-top:1px solid #e7e7e7; background:#ffffff;}
.service em			 					{display:block; text-align:center; margin-bottom:12px; font-size:1.2em; font-family:'NotoKrM'; color:#000000;}
.service .shortcut 					{ display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; margin:10px 40px; }
.service .shortcut a					{position:relative; width:42px; height:42px; text-indent:-9999px; background-color:#f0f0f0; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-border-radius:50%; border-radius:50%;}
.world a						{display:inline-block; margin:30px 15px 0 0; width:40px; height:28px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; opacity:.5; overflow:hidden; -webkit-border-radius:5px; border-radius:5px;}
.world a:nth-child(1)			{background-image:url('/img/icon/flag_china.jpg');}
.world a:nth-child(2)			{background-image:url('/img/icon/flag_taiwan.jpg');}
.world a:nth-child(3)			{background-image:url('/img/icon/flag_vietnam.jpg');}


/* Login Form */
.formLogin											{padding:30px 30px 60px; background-color:#fff;}
.formLogin dl										{margin:0 auto 40px; line-height:1; letter-spacing:0; text-align:center; color:#000;}
.formLogin dl dt										{margin-bottom:8px; font-family:'RobotoR'; font-size:3.0rem;}
.formLogin dl dd										{font-family:'NotoKrR'; font-size:1.4rem; line-height:1.4; color:#999999;} 
.formLogin > ul										{margin-top:30px;}
.formLogin > ul > li									{margin-bottom:20px;}
.formLogin > ul > li:last-child						{margin-bottom:15px;}
.formLogin > ul > li input							{height:44px; font-size:1.5rem; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.formLogin > ul > li dl dt							{margin-bottom:5px; font-size:1.4rem; color:#000; text-align:left;}
.formLogin > ul > li dl dd							{position:relative;}
.formLogin > ul > li dl dd em.count				{position:absolute; top:50%; right:10px; display:none; transform:translateY(-50%); color: #e9405a;}
.formLogin > ul > li dl dd > span					{display:block; padding-right:100px;}
.formLogin > ul > li dl dd > span > em.count				{position:absolute; top:50%; right:10px; display:none; transform:translateY(-50%); color: #e9405a;}
.formLogin > ul > li dl dd > button					{position:absolute; top:0; right:0; z-index:1; width:95px; height:44px; font-size:1.4rem; color:#232e7c; border:1px solid #232e7c; background-color:#ffffff; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; border-radius:4px;}
.formLogin > ul.change								{margin-top:10px;}
.formLogin > button,
.formLogin > ol										{margin-top:30px;}
.formLogin > ol > li								{position:relative; margin-bottom:10px; padding-left:10px; font-size:1.4rem; color:#888888; line-height:1.4;}
.formLogin > ol > li:before							{content:""; position:absolute; top:8px; left:0; z-index:1; width:4px; height:4px; border:1px solid #ea5b0a; -webkit-border-radius:50%; border-radius:50%;}
.formLogin > ol > li b								{color:#ea5b0a;}
.formLogin .wrap-checkbox							{font-size:1.05em; color:#999;}
.formLogin .login-menu								{padding-top:20px; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;}
.formLogin .login-menu > a							{position:relative; margin:0 5px; padding:10px; font-size:1.4rem; color:#666;}
.formLogin .login-menu > a:after					{content:""; position:absolute; top:50%; right:-6px; z-index:1; width:1px; height:10px; background-color:#ccc; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.formLogin .login-menu > a:last-child:after			{display:none;}
.formLogin .login-menu > a strong					{color:#ea5b0a;}
.formLogin > em										{display:block; margin-bottom:30px; padding:60px 0; font-size:1.6em; color:#333; line-height:1.6; background-color:#fafafa; text-align:center;}
.formLogin > em strong								{margin-right:3px; color:#ea5b0a;}
.formLogin > span									{display:block; font-size:1.6rem; color:#000; line-height:1.5; text-align:center;}
.formLogin > span strong									{display:block; margin-top:2px; font-size:1.4rem; color:#bbbbbb; line-height:1.5; text-align:center; font-weight:normal; word-break:keep-all;}
.formLogin > div.login-noti													{margin-top:30px;}
.formLogin > div.login-noti > span															{position:relative; display:block; padding:0 0 10px 15px; font-size:13px; line-height:18px;}
.formLogin > div.login-noti > span:before											{position:absolute; top:8px; left:0; width:4px; height:4px; border-radius:50%; background:#ccc; content:'';}


/* Table Write */
.table-write												{position:relative; margin-bottom:30px;}
.table-write table									{width:100%;}
.table-write table th,
.table-write table td								{height:50px; font-size:1.4rem; border-bottom:1px solid #eee; text-align:left;}
.table-write table th								{padding:15px 0px; color:#333; font-weight:normal;}
.table-write table th span							{margin-left:5px; color:#ff0000;}
.table-write table td									{position:relative; padding:12px 0; color:#555;}
.table-write table td span							{position:relative; display:block; padding-right:85px;}
.table-write table td span.check-all							{padding-right:90px;}
.table-write table td span i						{position:absolute; top:50%; right:90px; z-index:1; width:22px; height:22px; text-indent:-9999px; background-color:#ffffff; border:1px solid #f6f6f6; -webkit-border-radius:50%; border-radius:50%;  transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.table-write table td span i:before,
.table-write table td span i:after									{position:absolute; z-index:2; content:''; background-color:#cccccc; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.table-write table td span i:before								{top:3px; left:9px; width:2px; height:14px;}
.table-write table td span i:after									{top:9px; left:3px; width:14px; height:2px;}
.table-write table td em							{display:block; margin-top:5px; font-size:1.2rem; color:#aaaaaa; line-height:1.2;}
.table-write table td em .color04					{color:#e9405a;}
.table-write table td button						{position:absolute; top:12px; right:0px; z-index:1; width:80px; height:40px; font-size:1em; color:#333; border:1px solid #cccccc; background-color:#fff;}
.table-write table td aside							{display:block; margin-bottom:5px;}
.table-write table td aside:last-child				{margin-bottom:0;}
.table-write table td aside.atmark					{position:relative; padding-right:20px;}
.table-write table td aside.atmark:after			{content:"@"; position:absolute; top:50%; right:2px; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.table-write table td textarea						{padding:5px 10px; height:120px; border:1px solid #e2e2e2;}
.table-write table td textarea,
.table-write table td input,
.table-write table td #select_box label				{font-size:1.4rem;}
.table-write table td ol							{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin:0 -2.5px;}
.table-write table td ol li							{position:relative; padding:0 2.5px; width:100%;}
.table-write table td ol.hyphen						{margin:0 -4px;}
.table-write table td ol.hyphen li					{padding:0 4px;}
.table-write table td ol.hyphen li:after			{content:""; position:absolute; top:50%; right:-2px; z-index:1; width:4px; height:1px; background-color:#000; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.table-write table td ol.hyphen li:last-child:after	{display:none;}
.table-write table td .wrap-checkbox				{margin-right:15px;}
.table-write table td .file-area span					{display: inline-block;padding-right:0px;}
.table-write table td .check-area 						{position:absolute; top:13px; right:0px; z-index:1; width:85px; height:40px; line-height:36px; text-align:center;}
.table-write table td .check-area .wrap-checkbox 						{margin-right:0;}
.table-write table.textCenter th,
.table-write table.textCenter td					{text-align:center;}
.table-write > button								{position:absolute; top:-30px; right:0; z-index:1; padding:0 15px; height:24px; font-size:1em; color:#333; border:1px solid #555; background-color:#fff; text-align:center;}
.table-desc												{display:block; padding:15px; line-height:1.5; background:#f9f9f9; font-size:1.1em;}


/* Table List */
.table-list											{position:relative; margin-bottom:30px; border-top:1px solid #f5f5f5;}
.table-list:last-child								{margin-bottom:0;}
.table-list > em									{display:block; margin-bottom:10px; font-size:1.4rem; color:#000;}
.table-list table									{width:100%; text-align:center;}
.table-list table th,	
.table-list table td								{padding:5px; height:40px; font-size:1.4rem; border-bottom:1px solid #eee;}
.table-list table th								{font-weight:normal; color:#454545; background-color:#fafafa;}
.table-list table td								{color:#000; line-height:1.3;}
.table-list table td.red								{color:#ff0000;}
.table-list table td.gray								{color:#999999;}
.table-list table td.expired						{color:#bbbbbb; text-decoration:line-through;}
.table-list table td button							{display:inline-block; padding:0 10px; height:26px; font-size:1.2rem; color:#fff; background-color:#333;}
.table-list table td a.blueline							{color:#1986b2; text-decoration:underline; font-weight:bold;}
.table-list table.td-left td						{padding-left:10px; text-align:left;}
.table-list table td > div > p,
.table-list table td > div > span					{display:table-cell; vertical-align:middle;}
.table-list table td > div > p						{width:40px; height:40px;}
.table-list table td > div > span					{line-height:1.2;}
.table-list table td em								{display:block; margin:4px 0; font-size:1.2rem; color:#ea5b0a;}
.table-list table td strong							{display:block; margin:4px 0; font-weight:normal; font-size:1.2rem; color:#999;}
.table-list > button								{position:absolute; top:-30px; right:0; z-index:1; padding:0 15px; height:24px; font-size:1em; color:#fff; background-color:#333; text-align:center;}

/* Form Write */
.form-write												{padding:10px 15px;}
.form-write dl											{margin-bottom:10px; line-height:1; letter-spacing:0; text-align:left; color:#000;}
.form-write dt										{margin-bottom:8px; font-size:1.4rem; text-align:left;}
.form-write dt span							{margin-left:5px; color:#ff0000;}
.form-write dd										{position:relative; padding:0 0 12px;font-family:'NotoKrR'; font-size:1.4rem; line-height:1.4; color:#999999;} 
.form-write dd span							{position:relative; display:block; padding-right:85px;}
.form-write dd span.check-all							{padding-right:90px;}
.form-write dd span i						{position:absolute; top:50%; right:90px; z-index:1; width:22px; height:22px; text-indent:-9999px; background-color:#ffffff; border:1px solid #f6f6f6; -webkit-border-radius:50%; border-radius:50%;  transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dd span i:before,
.form-write dd span i:after									{position:absolute; z-index:2; content:''; background-color:#cccccc; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.form-write dd span i:before								{top:3px; left:9px; width:2px; height:14px;}
.form-write dd span i:after									{top:9px; left:3px; width:14px; height:2px;}
.form-write dd em							{display:block; margin-top:5px; font-size:1.2rem; color:#aaaaaa; line-height:1.2;}
.form-write dd em .color04					{color:#e9405a;}
.form-write dd button						{position:absolute; top:0px; right:0px; z-index:1; width:80px; height:40px; font-size:1em; color:#333; border:1px solid #cccccc; background-color:#fff;}
.form-write dd aside							{display:block; margin-bottom:5px;}
.form-write dd aside:last-child				{margin-bottom:0;}
.form-write dd aside.atmark					{position:relative; padding-right:20px;}
.form-write dd aside.atmark:after			{content:"@"; position:absolute; top:50%; right:2px; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dd textarea						{padding:5px 10px; height:120px; border:1px solid #e2e2e2;}
.form-write dd textarea,
.form-write dd input,
.form-write dd #select_box label				{font-size:1.4rem;}
.form-write dd ol							{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin:0 -2.5px;}
.form-write dd ol li							{position:relative; padding:0 2.5px; width:100%;}
.form-write dd ol.hyphen						{margin:0 -4px;}
.form-write dd ol.hyphen li					{padding:0 4px;}
.form-write dd ol.hyphen li:after			{content:""; position:absolute; top:50%; right:-2px; z-index:1; width:4px; height:1px; background-color:#000; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.form-write dd ol.hyphen li:last-child:after	{display:none;}
.form-write dd .wrap-checkbox				{margin-right:15px;}
.form-write dd .file-area span					{display: inline-block;}
.form-write dd .check-area 						{position:absolute; top:0px; right:0px; z-index:1; width:85px; height:40px; line-height:36px; text-align:center;}
.form-write dd .check-area .wrap-checkbox 						{margin-right:0;}


/* No Data */
.noData												{padding:160px 0 100px; font-size:1.2em; color:#ccc; background:#fff url('/img/icon/nodata_icon.png') no-repeat center 60px; background-size:90px; text-align:center;}


/* 검색어 입력 */
.searchTop											{position:relative; padding:5px 50px 5px 5px; height:50px; border-top:1px solid #eee; border-bottom:1px solid #eee; background-color:#fff;}
.searchTop > input									{padding-left:5px; font-size:1.4rem; color:#000; border:none;}
.searchTop > button									{position:absolute; top:5px; right:5px; z-index:1; width:40px; height:40px; text-indent:-9999px; background:#232e7c url('/img/icon/button_search.png') no-repeat center; background-size:30px; border-radius:3px; -webkit-border-radius:3px;}
.searchTop i										{position: absolute;top: 12px;right: 50px;z-index: 1;width: 26px;height: 26px;text-indent: -9999px;background-color: #ffffff;border: 1px solid #f6f6f6;-webkit-border-radius: 50%;border-radius: 50%;}
.searchTop i:before,
.searchTop i:after									{position:absolute; z-index:2; content:''; background-color:#dddddd; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.searchTop i:before								{top:3px; left:11px; width:2px; height:18px;}
.searchTop i:after									{top:11px; left:3px; width:18px; height:2px;}
.searchTop.popupPosition							{margin:-10px -10px 20px;}


/* 게시판 리스트 */
.board-list > li									{position:relative; display:table; width:100%; padding:15px; border-bottom:1px solid #eee; background-color:#fff; cursor:pointer;}
.board-list > li:last-child							{/*border-bottom:none;*/}
.board-list > li > p,
.board-list > li > dl								{display:table-cell; vertical-align:middle; height:60px;}
.board-list > li > p								{width:60px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.board-list > li > dl								{padding-right:10px;}
.board-list > li > dl > dt							{margin-bottom:8px; font-size:1.6rem; color:#000; line-height:1.2;}
.board-list > li > dl > dd							{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.board-list > li > dl > dd > span					{position:relative; padding-right:15px; font-size:1.3rem; color:#999;}
.board-list > li > dl > dd > span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; -webkit-transform:translateY(-50%); transform:translateY(-50%);  border-radius:50%; -webkit-border-radius:50%;}
.board-list > li > dl > dd > span:last-child		{padding-right:0;}
.board-list > li > dl > dd > span:last-child:after	{display:none;}
.board-list > li > dl > dd > span em				{color:#ea5b0a;}
.board-list > li > dl > dd > img					{display:inline-block; width:14px; height:14px; overflow:hidden;}
.board-list > li > button								{position:absolute; top:50%; right:15px; display:inline-block; width:60px; height:30px; font-size:1.3rem;-webkit-transform:translateY(-50%); transform:translateY(-50%);  }


/* 이벤트 게시판 리스트 */
.event-list > li											{width:100%; border-bottom:1px solid #eee; background-color:#fff; cursor:pointer;}
.event-list > li:last-child							{/*border-bottom:none;*/}
.event-list > li > p									{width:100%; height:200px; overflow:hidden;}
.event-list > li > dl								{padding:25px 15px;}
.event-list > li > dl > dt							{margin-bottom:4px; font-size:1.8rem; color:#000; line-height:1.2;}
.event-list > li > dl > dt > em						{display:block; margin-bottom:20px; font-size:1.3rem; font-family:'NotoKrB'; color:#cccccc;}
.event-list > li > dl > dt > em.on						{color:#ea5b0a;}
.event-list > li > dl > dd							{margin-bottom:0px; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.event-list > li > dl > dd > span					{position:relative; padding-right:15px; font-size:1.4rem; color:#999; line-height:1.4;}
.event-list > li > dl > dd > span.date					{display:block; margin-top:6px; font-size:1.2rem;}
.event-list > li > dl > dd > span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.event-list > li > dl > dd > span:last-child		{padding-right:0;}
.event-list > li > dl > dd > span:last-child:after	{display:none;}



/* 읽기 */
.form-view												{position:relative; padding:15px; background-color:#fff;}
.form-view .fvHeader								{padding:15px 0px 30px; border-bottom:1px solid #f0f0f0;}
.form-view .fvHeader dt								{margin-bottom:8px; font-size:1.6rem; color:#000; line-height:1.2;}
.form-view .fvHeader dd > span						{position:relative; padding-right:15px; font-size:1.3rem; color:#999;}
.form-view .fvHeader dd > span em						{color:#ea5b0a;}
.form-view .fvHeader dd > span:after				{content:""; position:absolute; top:50%; right:6px; z-index:1; width:2px; height:2px; background-color:#aaa; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.form-view .fvHeader dd > span:last-child			{padding-right:0;}
.form-view .fvHeader dd > span:last-child:after		{display:none;}
.form-view .fvHeader > button						{position: absolute;top: 50px;right: 15px;display: inline-block;width: 60px;height: 30px;font-size: 1.3rem;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.form-view .fvContent								{padding:30px 0px; font-size:1.4rem; color:#000; line-height:1.6; /*border-bottom:1px solid #f0f0f0;*/}
.form-view .fvContent *								{line-height:1.6;}


/* Board View Attfile */
.attfile-area										{margin-top:-1px; padding-bottom:30px; background-color:#fff;}
.attfile-area .attfile-top							{margin-bottom:5px; background:url('/img/icon/i_file.png') no-repeat left center; background-size:15px;}
.attfile-area .attfile-top .file-size				{padding-left:17px; font-size:1.4rem; color:#404040;}
.attfile-area .attfile-top .file-size span			{display:inline-block; margin:0 5px;}
.attfile-area .attfile-top .file-size span .num		{color:#c;}
.attfile-area .attfile-top .file-size a				{color:#666;}
.attfile-area .attfile-top .file-size a:hover		{text-decoration:underline;}
.attfile-area > ul									{border:1px dotted #ccc;}
.attfile-area > ul > li								{position:relative; padding:10px 0; border-bottom:1px dotted #ccc; background:url('/img/icon/i_down.png') no-repeat 5px center; background-size:20px;}
.attfile-area > ul > li:after						{content:""; display:block; float:none; clear:both;}
.attfile-area > ul > li:last-child					{border-bottom:none;}
.attfile-area > ul > li a							{padding-left:30px; font-size:1.3rem; color:#151515;}
.attfile-area > ul > li span						{display:inline-block; margin-left:5px; color:#999; font-family:tahoma; font-size:0.875em;}


/* Board Reply */
.board-reply										{position:relative; margin:20px 0 40px; padding:20px; border-radius:15px; background:#f5f5f5;}
.board-reply:before									{content:""; position:absolute; top:-10px; left:25px; width:0; height:0; border-style: solid; border-width:0 10px 15px 10px; border-color:transparent transparent #f5f5f5 transparent;}
.board-reply .title-reply							{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between;}
.board-reply .title-reply em						{font-family:'NotoKrM'; font-size:1.4rem; color:#000;}
.board-reply .title-reply span						{font-size:1.2rem; color:#999;}
.board-reply .text-reply							{margin-top:10px; font-size:1.4rem; color:#454545; line-height:1.4;}


/* FAQ */
.faq-accodian										{padding-bottom:1px; background-color:#fff;}
.faq-accodian ol									{padding:0 15px;}
.faq-accodian ol li									{border-bottom:1px solid #eee;}
.faq-accodian ol li:last-child						{border-bottom:none;}
.faq-accodian ol li .question						{position:relative; padding:15px 0; cursor:pointer;}
.faq-accodian ol li .question:before				{content:"Q"; position:absolute; top:13px; left:0; z-index:1; width:20px; line-height:20px; font-family:'NotoKrM'; font-size:0.875em; color:#fff; background-color:#ea5b0a; text-align:center; border-radius:50%; -webkit-border-radius:50%;}
.faq-accodian ol li .question:after					{content:""; position:absolute; top:16px; right:5px; z-index:1; width:14px; height:14px; background:url('/img/icon/arrow_accodian.png') no-repeat; background-size:100%; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.faq-accodian ol li .question span					{display:block; padding:0 25px 0 30px; font-size:1.4rem; color:#555555; line-height:1.2; letter-spacing:-.5px;}
.faq-accodian ol li .question.on span				{color:#ea5b0a;}
.faq-accodian ol li .question.on:after				{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.faq-accodian ol li .answer							{display:none; margin-bottom:15px; padding:12px 15px; font-size:1.4rem; color:#000000; line-height:1.6; background-color:#fafafa; -webkit-border-radius:5px; border-radius:5px;}
/*.faq-accodian ol li .answer a						{display:block; margin:20px auto 10px; width:120px; line-height:30px; font-size:1.05em; color:#fff; background-color:#333; text-align:center; -webkit-border-radius:20px; border-radius:20px; -webkit-transition:all .2s; transition:all .2s;}*/
.faq-accodian ol li .answer a						{text-decoration:underline;}
.faq-accodian ol li .answer a:hover					{background-color:#95358c;}
.faq-accodian ol li .answer p						{line-height:1.6;}


/* Faq Category */
.faqCategory										{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; overflow-x:scroll;white-space:nowrap;}
.faqCategory li										{position:relative; border-bottom:1px solid #eee; text-align:center;}
.faqCategory li:before								{content:""; position:absolute; top:50%; right:-1px; z-index:1; width:1px; height:20px; background-color:#f0f0f0; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.faqCategory li:last-child:before					{display:none;}
.faqCategory li a											{display:table; padding:0 5px; width:80px;}
.faqCategory li a span								{display:table-cell; vertical-align:middle; height:50px; font-size:1.4rem; color:#888;}
.faqCategory li.on a:after							{content:""; position:absolute; top:100%; left:0; z-index:1; width:100%; height:1px; background-color:#ea5b0a;}
.faqCategory li.on a span							{color:#ea5b0a;}
.faqCategory.tab02 li									{width:50%;}
.faqCategory.tab02 li	a								{width:100%;}


/* 1:1문의 첨부파일 */
.file-area > input									{width:calc(100% - 105px);}
.file-area span										{position:relative; display:inline-block; vertical-align:middle; width:100px; height:40px; border:1px solid #ccc;}
.file-area span:after								{content:"찾아보기"; position:absolute; top:50%; left:0; z-index:1; width:100%; font-size:15px; color:#333; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.file-area span > input								{position:relative; z-index:2; width:100%; height:100%; cursor:pointer; filter:alpha(opacity=0); opacity:0;}


/* Layer View */
.layerView													{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layerView:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.6);}
.layer-body												{position:absolute; top:50%; left:0; z-index:1; width:100%; transform:translateY(-50%);}
.layer-container										{position:relative; padding:20px;}
.layer-container > a								{position:absolute; top:16px; right:20px; z-index:1; width:30px; height:30px; text-indent:-9999px;}
.layer-container > a:before,
.layer-container > a:after							{content:""; position:absolute; background-color:#000; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.layer-container > a:before							{top:14px; left:-1px; width:31px; height:1px;}
.layer-container > a:after							{top:-1px; left:14px; width:1px; height:31px;}
.layer-container .header-title						{margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #555;}
.layer-container .header-title strong				{display:block; margin-bottom:10px; font-weight:normal; font-size:24px; color:#000;}
.layer-container .header-title em					{font-size:13px; color:#999; line-height:1.5;}

/*.layer-body .layer-box								{position:relative; margin:0 30px; padding:20px 20px 25px; background-color:#fff; border-radius:10px;}*/
.layer-body .layer-box								{position:relative; margin:0 30px; padding:5px; background-color:#fff; border-radius:10px;}
.layer-body .layer-box > a							{position:absolute; top:8px; right:12px; z-index:1; width:34px; height:34px; text-indent:-9999px;}
.layer-body .layer-box > a:before,
.layer-body .layer-box > a:after					{content:""; position:absolute; background-color:#000; border-radius:1px; transform:rotate(45deg);}
.layer-body .layer-box > a:before					{top:7px; left:16px; width:2px; height:20px;}
.layer-body .layer-box > a:after					{top:16px; left:7px; width:20px; height:2px;}
.layer-body .layer-box .header-title				{margin-bottom:20px; font-family:'RobotoB','NotoKrM',sans-serif; font-size:1.35em; color:#151515;}


/* Popup Button */
.popup-button										{display:flex; flex-wrap:nowrap; margin:0 -5px; padding-top:25px;}
.popup-button button								{margin:0 5px; border-radius:4px;}
.popup-button.onlyone button						{margin:0 auto; width:150px;}


/* 영상 Layer */
.layerVideo												{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layerVideo:before									{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
/*.layerVideo .player-container						{position:absolute; top:50%; left:50%; z-index:1; text-indent:-9999px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}*/
.layerVideo .player-container						{position:absolute; width:100%; top:50%; left:50%; z-index:1; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.layerVideo .player-container a						{position:absolute; top:-35px; right:20px; z-index:1; width:20px; height:20px; background:url('/img/icon/close_video.png') no-repeat; background-size:100%;}
.layerVideo .player-container .support				{position:relative;}
.layerVideo .player-container .support p			{display:block; margin:0 auto; width:90%; height:200px;}


/* Popup Calendar Date */
.date-selection										{display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; margin-bottom:10px; padding:0 7px;}
.date-selection em									{font-size:1.5rem; color:#222;}
.date-selection button								{position:relative; width:27px; height:27px; text-indent:-9999px; background-color:transparent;}
.date-selection button:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:8px; height:13px; background:url('/img/icon/arrow_calendar.png') no-repeat; background-size:auto 100%; transform:translate(-50%,-50%);}
.date-selection button.prev:after					{background-position:top left;}
.date-selection button.next:after					{background-position:top right;}


/* Table Calendar */
.table-calendar table								{width:100%;}
.table-calendar table th,
.table-calendar table td							{height:40px; text-align:center;}
.table-calendar table th							{font-weight:normal; font-size:1.3rem; color:#bbb;}
.table-calendar table td							{position:relative; z-index:1; font-size:1.3rem; color:#464646;}
.table-calendar table td.today						{color:#ea5b0a;}
.table-calendar table td.on,
.table-calendar table td:active						{color:#fff;}
.table-calendar table td.on:before,
.table-calendar table td:active:before				{content:""; position:absolute; top:50%; left:50%; z-index:-1; width:30px; height:30px; background-color:#ea5b0a; transform:translate(-50%,-50%); border-radius:50%;}


/* Main Popup */
.notice-popup p										{display:block;}
.notice-popup dl									{padding:30px 20px;}
.notice-popup dl dt									{margin-bottom:15px; font-weight:bold; font-size:1.4em; color:#151515; line-height:1.2;}
.notice-popup dl dd									{font-size:1.125em; color:#555; line-height:1.2;}
.notice-popup dl dd *								{line-height:1.2;}
.closeWrap											{display:table; width:100%; background-color:#232e7c;}
.closeWrap a										{position:relative; display:table-cell; vertical-align:middle; width:50%; height:50px; font-size:1.2em; color:#fff; text-align:center;}
.closeWrap a:after									{content:""; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background-color:rgba(255,255,255,.1);}
.closeWrap a:last-child:after						{display:none;}


/* 우편번호 닫기버튼 */
.post-close											{position:absolute; bottom:-30px; right:-5px; z-index:1; width:50px; height:50px; text-indent:-9999px; background-color:#666; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.post-close:before,
.post-close:after									{content:""; position:absolute; background-color:#fff; border-radius:1px; -webkit-border-radius:1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.post-close:before									{top:5px; left:50%; margin-left:-1px; width:2px; height:80%;}
.post-close:after									{top:50%; left:5px; margin-top:-1px; width:80%; height:2px;}


/* Width Scroll */
.infinite													{overflow-x:scroll;}
.infinite table										{width:200%;}
.scrollX													{position:relative; margin-bottom:30px;}
.scroll-icon											{position:absolute; top:-30px; right:0; display:inline-block; width:30px; height:30px; text-indent:-9999px; background:url(/img/icon/infinite-scroll.png) center center no-repeat; background-size:100%;}

/* Pagination */
.pagination											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin-top:20px;}
.pagination a										{display:inline-block; vertical-align:middle; width:28px; line-height:26px; font-size:14px; color:#a3a3a3; border:1px solid transparent; text-align:center;}
.pagination a:hover									{text-decoration:underline;}
.pagination a.btn-arrow								{position:relative; margin:0 4px; border-color:#e5e5e5; text-indent:-9999px;}
.pagination a.btn-arrow:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:26px; height:26px; background:url('/img/icon/paging_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.pagination a.btn-arrow.first:after					{background-position:left top;}
.pagination a.btn-arrow.prev:after					{background-position:right top;}
.pagination a.btn-arrow.next:after					{background-position:right bottom;}
.pagination a.btn-arrow.last:after					{background-position:left bottom;}
.pagination a.select								{color:#000;}


/* 수량조절 */
.amount-control										{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.amount-control > a									{display:inline-block; width:26px; height:26px; border:1px solid #ddd; line-height:24px; color:#aaaaaa; font-size:2rem; text-align:center;}
.amount-control > input								{margin:0 -1px; padding:0; width:26px; height:26px; text-align:center;}


/* Cart List */
.select-all											{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; align-items:center; padding:12px 10px; background:#f2f2f2; font-size:1.4rem;}
.select-all button							{display:inline-block; height:26px; padding:1px 10px 0; font-size:12px; -webkit-border-radius:3px; border-radius:3px; color:#777777; border:1px solid #cccccc; background:#ffffff;}
.select-all a										{color:#333333; font-family:'NotoKrM';}
.select-all span										{position:relative; bottom:0px; right:0px; display:inline-block; padding:6px 10px; border:1px solid #dddddd; font-size:1.2rem; background:#ffffff;}
.select-all span.red								{border:1px solid #ea5b0a; font-size:1.2rem; color:#ea5b0a;}

.cart-info											{background-color:#fff;}
.cart-info li										{position:relative; width:100%; border-bottom:1px solid #e5e5e5;}
.cart-info li .item-area					{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:start; padding:15px 10px 20px;}
.cart-info li p										{width:90px; height:90px; text-indent:-9999px; background-color:#eee; background-position:center; background-size:contain; background-repeat:no-repeat; cursor:pointer;}
.cart-info li dl										{width:calc(100% - 90px); padding-left:10px; color:#333;}
.cart-info li dl dt									{font-family:'NotoKrM'; max-height:60px; font-size:1.5rem; color:#333333; line-height:1.4; overflow:hidden;}
.cart-info li dl dd									{margin-top:8px; font-size:1.4rem;}
.cart-info li dl dd b								{display:inline-block; color:#ea5b0a;}
.cart-info li dl dd > span							{display:block; color:#666;}
.cart-info li dl dd.price								{color:#999999;}
.cart-info li dl dd strong							{font-weight:normal; color:#ea5b0a;}
.cart-info li dl dd .orderDetail						{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.cart-info li dl dd .orderDetail > span				{position:relative; margin-right:15px; font-size:0.875em; color:#888;}
.cart-info li dl dd .orderDetail > span:after		{content:""; position:absolute; top:50%; right:-8px; z-index:1; width:1px; height:6px; background-color:#ccc; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cart-info li dl dd .orderDetail > span:last-child	{margin-right:0;}
.cart-info li dl dd .orderDetail > span:last-child:after{display:none;}
.cart-info li .quantity														{display:-webkit-flex; display:flex; justify-content:space-between; align-items:center; margin-top:16px;}
.cart-info li .quantity span											{display:inline-block; font-size:1.5rem;}
.cart-info li .quantity span b											{color:#ea5b0a;}
.cart-info li .quantity button										{position:absolute; bottom:20px; right:15px; display:inline-block; height:26px; padding:1px 10px 0; font-size:12px; -webkit-border-radius:3px; border-radius:3px; color:#777777; border:1px solid #cccccc; background:#ffffff;} 
.cart-info li .check-area													{padding:15px 10px 5px;}
.cart-info li .check-area span										{display:inline-block; color:#999999; font-size:1.4rem; vertical-align:middle;}
.cart-info li .check-area button										{position:absolute; top:10px; right:10px; display:inline-block; height:26px; padding:1px 10px 0; font-size:12px; -webkit-border-radius:3px; border-radius:3px; color:#777777; border:1px solid #cccccc; background:#ffffff;} 


/* Total */
.order-total										{padding:10px 15px; background-color:#fff;}
.order-total strong									{font-weight:normal; color:#ea5b0a;}
.order-total dl										{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; padding:10px 0;}
.order-total dl dt,
.order-total dl dd									{width:100%; font-size:1.5rem; color:#333; line-height:1.2;}
.order-total dl dd									{text-align:right;}
.order-total dl.total								{padding-top:15px; border-top:1px solid #eee;}
.order-total dl.total dt,
.order-total dl.total dd							{font-size:1.8rem;}
.order-total dl.total dt							{font-family:'NotoKrM'; color:#000;}
.order-total dl.total dd strong						{margin-right:2px; font-family:'NotoKrB';}
.order-total dl.topLine									{border-top:1px dashed #eeeeee;}
.order-total dl.discount										{padding:10px 0;}
.order-total dl.discount dt								{margin-left:10px; color:#aaaaaa; font-size:1.4rem;}
.order-total dl.discount dd								{color:#bbbbbb; font-size:1.4rem;}


/* 주문결제 */
.title-step												{position:relative; padding:24px 15px 15px; background:#ffffff; font-size:1.6rem; color:#000000; font-family:'NotoKrB'; border-top:12px solid #eeeeee;}
.title-step > strong								{color:#ea5b0a;}
.title-step > button								{position:absolute; top:20px; right:15px; height:24px; padding:0 10px;font-size:1.3rem; -webkit-border-radius:3px; border-radius:3px;}
.order-info											{background-color:#fff;}
.order-info li											{position:relative; width:100%; border-bottom:1px solid #e5e5e5;}
.order-info li p										{position:absolute; top:20px; left:10px; z-index:1; width:90px; height:90px; text-indent:-9999px; background-color:#eee; background-position:center; background-size:contain; background-repeat:no-repeat; cursor:pointer;}
.order-info li dl										{vertical-align:middle; padding:20px 10px 0 110px; height:130px; color:#333;}
.order-info li dl dt									{font-family:'NotoKrM'; max-height:42px; font-size:1.5rem; color:#333333; line-height:1.4; overflow:hidden;word-break:keep-all;}
.order-info li dl dd									{margin-top:8px; font-size:1.4rem;}
.order-info li dl dd.price							{display:-webkit-flex; display:flex; justify-content:space-between; margin-top:16px; color:#666666;}
.order-info li dl dd.price span											{font-size:1.5rem; color:#333333;}
.order-info li dl dd.price span b										{color:#ea5b0a;}
.order-info li dl dd > span							{display:block; color:#999999;}
.order-info li dl dd strong							{font-weight:normal; color:#ea5b0a;}
.order-info li dl dd .orderDetail					{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.order-info li dl dd .orderDetail > span				{position:relative; margin-right:15px; font-size:0.875em; color:#888;}
.order-info li dl dd .orderDetail > span:after		{content:""; position:absolute; top:50%; right:-8px; z-index:1; width:1px; height:6px; background-color:#ccc; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.order-info li dl dd .orderDetail > span:last-child	{margin-right:0;}
.order-info li dl dd .orderDetail > span:last-child:after{display:none;}


/* 주문자정보 */
.order-data														{position:relative; padding:10px 15px;}
.order-data > button										{position:absolute; top:-25px; right:10px; z-index:1; padding:0 10px; height:20px; font-size:1.1rem; color:#333; border:1px solid #333; background-color:#fff;}
.order-data dl													{display:table; width:100%;}
.order-data dl dt,
.order-data dl dd											{display:table-cell; vertical-align:middle; height:36px; font-size:1.5rem; line-height:1.2;}
.order-data dl dt												{width:30%; color:#000000;}
.order-data dl dd											{width:70%; color:#555555; text-align:right;word-break:keep-all;}
.order-data dl dd strong								{color:#ea5b0a;}
.order-data dl.amount dt,
.order-data dl.amount dd							{padding:10px 0; color:#999; font-size:1.4rem;}
.order-data dl.amount dt								{position:relative; padding-left:10px;}
.order-data .pay-part													{margin-bottom:20px;}
.order-data .pay-part li												{position:relative; margin-bottom:10px; padding:15px; border:1px solid #eeeeee; background:#fcfcfc;}
.order-data .pay-part li:last-child							{margin-bottom:0;}
.order-data .pay-part li em										{font-size:1.4rem; color:#ff0000; font-family:'NotoKrM';}
.order-data .pay-part li em button							{display:inline-block; width:60px; height:22px; margin:-3px 0 0 8px; text-align:center; line-height:22px; font-size:1.2rem; border-radius:3px;}
.order-data .pay-part li p											{margin-top:16px; font-size:1.4rem; color:#000000;}
.order-data .pay-part li p span								{display:block; margin-top:6px; font-weight:normal;}
.order-data .pay-part li > span										{position:absolute; top:15px; right:15px; display:inline-block; width:52px; height:22px; text-align:center; line-height:22px; font-size:1.1rem; border:1px solid #232e7c; background:#232e7c; color:#ffffff;}
.balloon																						{text-align:right; margin-right:15px; }
.balloon span																			{position:relative; display:inline-block; background:#ff0000; padding:6px 8px; font-size:1.2rem; color:#ffffff;}
.balloon span:before																{position:absolute; content:''; top:-5px; right:15px; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #ff0000 transparent;}
.text-basic																					{font-size:1.3rem; color:#999999; line-height:1.5; margin-bottom:6px;}


/* 주문탭 */
.menu-tab															{margin:8px 0 20px;}
.menu-tab:after												{display:block; clear:both; content:'';}
.menu-tab > li													{float:left; font-size:1.4rem; text-align:center;}
.menu-tab > li:last-child								{border-right:none;}
.menu-tab > li > a											{display:block; height:40px; margin-top:-1px; margin-right:-1px; line-height:40px; border:1px solid #dddddd; color:#999999;}
.menu-tab > li.on > a										{background:#232e7c; color:#ffffff; border:1px solid #232e7c;}
.menu-tab.tab02 > li															{width:50%;}
.menu-tab.tab03 > li															{width:33.333333%;}
.menu-tab.tab04 > li															{width:25%;}


/* 전자상거래법 동의 */
.order-total .total.payment												{border-top:none; margin-bottom:10px;}
.order-total .total.payment dd em										{font-size:1.4rem; color:#999999;}
.agree-payment											{padding:20px 15px 40px; font-size:1.4rem; text-align:center; border-top:1px dashed #eeeeee;}
.agree-payment span									{display:block; margin-bottom:20px; color:#444; line-height:1.4;}
.agree-payment sub									{vertical-align:middle; margin-left:5px; font-size:1.3rem; color:#999;}
.agree-payment button								{margin-top:30px; display:block; width:100%; height:60px; font-family:'NotoKrM'; font-size:1.3em; color:#fff; background-color:#000000; -webkit-border-radius:4px; border-radius:4px;}


/* 주문내역 리스트 */
.orderList											{border-top:1px solid #efefef; background-color:#fff;}
.orderList li										{position:relative; border-bottom:1px solid #ddd;}
.orderList li:last-child							{border-bottom:none;}
.orderList li div									{position:relative; display:table; padding:5px; width:100%;}
.orderList li div dl								{display:table-cell; vertical-align:middle; padding-left:90px; height:80px; color:#333;}
.orderList li div dl dt								{margin-bottom:10px; font-weight:bold; font-size:1.25em; line-height:1.2;}
.orderList li div dl dd								{font-size:1.05em;}
.orderList li div dl dd.cost						{position:absolute; bottom:10px; right:10px; text-align:right;}
.orderList li div dl dd strong						{margin-right:2px; font-size:1.2em; color:#f15f5f;}
.orderList li div dl dd span						{display:block; margin-top:5px; font-size:0.875em;}
.orderList li div p									{position:absolute; top:5px; left:5px; z-index:1; width:80px; height:80px; text-indent:-9999px; background-color:#eee; background-position:center; background-size:cover; background-repeat:no-repeat; cursor:pointer;}
.orderState											{position:relative; height:30px; background-color:#f5f5f5;}
.orderState dt										{padding-left:10px; line-height:30px; font-size:1em; font-weight:bold; color:#333;}
.orderState dt em									{position:relative; margin-left:15px;}
.orderState dt em:after								{content:""; position:absolute; top:50%; left:-8px; z-index:1; width:1px; height:8px; background-color:#ccc; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.orderState dd										{position:absolute; top:50%; right:10px; font-family:'NotoKrM'; font-size:1em; color:#ea5b0a; transform:translateY(-50%);}


/* 주문내역 일자검색 */
.search-date													{position:relative; padding:10px 90px 10px 10px; background-color:#fff;}
.search-date button									{position:absolute; top:50%; right:10px; transform:translateY(-50%); width:75px; height:40px; background-color:#333; color:#fff; font-size:1.4rem;}
.search-date .datepicker							{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin:0 -2px;}
.search-date .dategroup							{position:relative; width:100%; margin:0 2px;}
.search-date .dategroup span					{position:absolute; top:5px; right:10px; display: inline-block; width:30px; height:30px;}


/* 부분결제 안내문구 */
.pay-desc											{margin-bottom:20px; padding:10px 15px; border:1px solid #e7e7e7; border-width:1px 0; background-color:#f5f5f5;}
.pay-desc li										{position:relative; margin:5px 0; padding-left:10px; font-size:0.95em; color:#151515; line-height:1.2;}
.pay-desc li:before									{content:""; position:absolute; top:5px; left:0; z-index:1; width:5px; height:1px; background-color:#777;}


/* 반품사유 */
.txtarea											{height:130px; padding:10px; font-size:1.4rem; line-height:1.5; border:1px solid #bbb;}

/* 결제방법 */
.account-select										{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin-top:10px; padding:0 5px;}
.account-select li									{width:100%; padding:0 5px;}
.account-select li span								{position:relative; text-indent:15px; display:block;font-size:1.125em; color:#888; line-height:36px; border:2px solid #e0e0e0;text-align:center; cursor:pointer;}
.account-select li span:before						{position:absolute; top:50%; left:5px; transform:translateY(-50%); width:20px; height:20px; background:#fff url('/img/icon/i_checkbox.png') no-repeat left center; background-size:20px auto; background-position:top center; content:'';}
.account-select li span.on							{color:#333; border:2px solid #ea5b0a; background-color:#fff; background-position:0 right;}
.account-select li span.on:before					{background-position:bottom center;}



/* 최근 3개월 주문 */
.recent											{margin:-10px 0 0; padding:20px 15px 10px; background:#ffffff; border-top:15px solid #eee;}
.recent dl										{width:100%;}
.recent dl:after								{display:block; content:''; clear:both;}
.recent dl dt									{display:-webkit-flex; display:flex; justify-content:space-between; margin-bottom:12px; font-family:'NotoKrM'; font-size:1.5rem; color:#555555;}
.recent dl dt a								{display: inline-block; font-size:12px; text-decoration:underline;}
.recent dl dd									{position:relative; float:left; width:45%; padding:15px 10px; font-size:1.4rem; text-align:left; color:#444444; background:#f9f9f9;}
.recent dl dd:last-child				{width:55%; padding-right:0px; font-size:15px; text-align:left; color:#444444;}
.recent dl dd strong					{margin-left:6px; font-size:1.6rem; color:#000000;}
.recent dl dd:after						{position:absolute; content:''; top:15px; right:0px; width:2px; height:16px; background:#eeeeee;}
.recent dl dd:last-child:after							{display: none;}
.recent p																{position:relative; padding:15px 10px; font-size:1.3rem; color:#666666;}
.recent p:after																		{position:absolute; content:''; top:20px; left:0px; width:4px; height:4px; background:#ea5b0a; -webkit-border-radius:50%; border-radius:50%;}

/* 마이페이지 리스트 */
.mypageList										{border-top:15px solid #eee; border-bottom:15px solid #eee;}
.mypageList:after							{content:''; display:block; clear:both;}
.mypageList li									{float:left; width:50%; border-bottom:1px solid #eeeeee; border-right:1px solid #eeeeee;}
.mypageList li:nth-child(2n)			{border-right:none}
.mypageList li:last-child				{border-right:1px solid #eeeeee; border-bottom:none;}
.mypageList li a								{display:block; width:100%; padding:20px; font-size:1.5rem; color:#777777;}
.tab-style01														{padding:10px 0; background:#fafafa; border-bottom:1px solid #eeeeee;}


/*약관 리스트*/
.title-center														{display:block; margin-bottom:10px; text-align:center; font-family:'NotoKrM'; color:#202020; font-size:1.6em; line-height:1.5;}
.terms-list												{margin-bottom:20px; padding:20px; background:#ffffff; font-size:1.4rem; color:#000000; border:1px solid #eeeeee;}
.terms-list > li											{position:relative; margin-bottom:8px; padding-left:10px; line-height:1.5; font-size:1.4rem;}
.terms-list > li:last-child									{margin-bottom:0;}
.terms-list > li:before											{position:absolute; top:8px; left:0; content:''; width:3px; height:3px; background:#232e7c;}
.terms-list > li ol													{padding-top:4px;}
.terms-list > li ol li												{padding-left:0px; margin-bottom:2px; font-size:1.4rem; line-height:1.5;}
	

/* 약관동의 */
.agree-list											{border-top:1px solid #eee;}
.agree-list li										{position:relative; padding:15px 10px; font-size:1.2em; color:#777; border-bottom:1px solid #eee;}
.agree-list li:first-child							{padding:20px 10px; font-size:1.3em; color:#555; background-color:#fafafa;}
.agree-list li a									{position:absolute; top:50%; right:5px; z-index:1; display:inline-block; padding:5px; font-size:1.2rem; color:#888; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 약관 */
.termsWrap											{padding:30px; border:2px dashed #ddd; -webkit-border-radius:15px; border-radius:15px;}
.terms-form strong,
.terms-form em,
.terms-form span									{display:block;}
.terms-form strong									{margin:30px 0; font-family:'NotoKrB'; font-weight:normal; font-size:1.6rem; color:#151515;}
.terms-form strong:first-child						{margin-top:10px;}
.terms-form em										{margin-bottom:6px; font-family:'NotoKrM'; font-size:1.5rem; color:#333;}
.terms-form span,
.terms-form li										{font-size:1.4rem; color:#555; line-height:1.5;}
.terms-form span,
.terms-form ul,
.terms-form ol										{margin-bottom:20px;}
.terms-form ul										{padding:0 5px;}
.terms-form ol										{padding:0 10px;}
.terms-form li										{margin-bottom:5px;}


/* 핸드폰 본인인증 */ 
.certify-type																	{-webkit-display:flex; display:flex; margin:0 -5px 20px;}
.certify-type > li															{width:50%; margin:0 5px; padding:20px; border:1px solid #ddd; text-align:center; font-size:1.3em; color:#999999;}
.certify-type > li.on														{border-color:#000000; color:#000000;}
.certify-type > li > p														{width:50px; height:50px; margin:0 auto 12px; -webkit-border-radius:50%; border-radius:50%;}
.certify-type > li:first-child > p									{background:#eeeeee url('/img/icon/certify-phone.png')center center no-repeat; background-size:100%;}
.certify-type > li:last-child > p									{background:#eeeeee url('/img/icon/certify-ipin.png')center center no-repeat; background-size:100%;}


/* 우편번호검색 */
.popup-search																{margin:0; padding:5px 0; height:auto; background-color:#fff;}
.popup-search > li														{position:relative; margin:0; padding:5px 10px; height:auto;}
.popup-search > li > ol												{margin:0; padding:0; height:auto;}
.popup-search > li > ol:after										{content:""; display:block; float:none; clear:both;}
.popup-search > li > ol > li										{float:left; margin:0; padding:0; width:50%;}
.popup-search > li > ol > li > span							{display:block;}
.popup-search > li > ol > li:first-child > span		{margin-right:5px;}
.popup-search > li > ol > li:last-child > span		{margin-left:5px;}
.popup-search > li > span											{display:block; margin-right:70px; width:auto;}
.popup-search > li > span input								{margin:0; padding:0; text-indent:5px; width:100%; height:28px;}
.popup-search > li > button										{position:absolute; right:10px; top:5px; z-index:10; display:block; margin:0; padding:0; width:65px; height:30px; font-size:1em; color:#fff; text-align:center;}
.popup-search > span												{display:block; padding:5px 10px;}
.popup-search > span > button								{width:100%; height:30px; font-size:1em; color:#fff; text-align:center;}
.popup-text																	{margin:0; padding:0 10px; height:auto; background-color:#fff;}
.popup-text dl																{margin:0; padding:10px 0 5px; height:auto; border-bottom:1px dotted #ddd; letter-spacing:-.5px;}
.popup-text dl dt														{margin-bottom:5px; font-weight:bold; font-size:1.05em; color:#000;}
.popup-text dl dd														{margin-bottom:5px; padding:0; font-size:0.95em;}
.popup-text dl dd a													{color:#e70000;}
.popup-text dl dd b													{font-weight:normal; color:#e70000;}


/* 우편번호결과 */
.post-result														{margin-top:5px; padding:0; height:auto; background-color:#fff;}
.post-result dl													{margin:0; padding:0; height:auto; border-bottom:1px solid #ddd; cursor:pointer;}
.post-result dl:after										{content:""; display:block; float:none; clear:both;}
.post-result dl dt,
.post-result dl dd											{display:table; float:left; padding:0;}
.post-result dl dt												{width:25%; text-align:center;}
.post-result dl dd											{width:75%;}
.post-result dl dt span,
.post-result dl dd span									{display:table-cell; vertical-align:middle; padding:10px; height:20px; font-size:1em; color:#333; line-height:1.3em;}
.post-result dl dd span									{border-left:1px solid #ddd;}
.post-result dl.on											{background-color:#eff2f7;}


/* 장바구니 주문버튼 */
.select-order																{margin:0 -5px; padding:10px 0; height:auto;}
.select-order:after													{content:""; display:block; float:none; clear:both;}
.select-order li															{float:left; width:25%;}
.select-order li:last-child										{width:50%;}
.select-order li span												{display:block; margin:0 5px;}
.select-order li span button									{margin:0; padding:0; width:100%; height:40px; font-size:1.05em; text-align:center;}
.select-order li:nth-child(1) span button			{color:#fff; border:1px solid #ccc; background-color:#ccc;}
.select-order li:nth-child(2) span button			{color:#151515; border:1px solid #151515; background-color:#fff;}
.select-order li:nth-child(3) span button			{color:#fff; border:1px solid #ea5b0a ; background-color:#ea5b0a ;}


/* 주문항목 */
.totalList											{margin:-10px -10px 20px;}
.totalList > li										{position:relative; display:table; width:100%; border-bottom:1px solid #eee;}
.totalList > li > p									{display:block; position:absolute; top:50%; left:5px; transform:translateY(-50%); width:80px; height:80px; border:1px solid #f5f5f5; overflow:hidden;}
.totalList > li > p img								{width:100%; height:auto;}
.totalList > li > dl								{display:table-cell; vertical-align:middle; padding-left:95px; height:100px;}
.totalList > li > dl > dt							{margin-bottom:5px; font-weight:bold; font-size:1.4em; color:#333; line-height:1.4em;}
.totalList > li > dl > dd							{margin-bottom:5px; font-size:1.2em; line-height:1.3em;}
.totalList > li > dl > dd:last-child				{margin:0;}
.totalList > li > dl > dd > span					{display:inline-block; margin:0 10px; font-size:0.875em; color:#bbb;}
.totalList > li > dl > dd > strong					{display:block; margin-top:5px; font-weight:normal; font-size:1.05em; color:#000;}
.totalList > li > dl > dd > strong > span					{display:inline-block; margin:0 10px; font-size:0.875em; color:#bbb;}
.totalList > li > dl > dd > b						{color:#333;}


/* 최종결제금액 */
.amount-payment										{padding:15px; border:1px solid #e0e0e0; background-color:#fafafa; text-align:right;}
.amount-payment em									{font-style:normal; font-size:1.2em; color:#333;}
.amount-payment em b								{display:inline-block; margin-right:10px; color:#151515;}
.amount-payment p									{display:block; margin:5px 0; font-size:1.125em; color:#ea5b0a ;}
.amount-payment p strong							{font-weight:600; font-size:1.4em; letter-spacing:0;}
.amount-payment dl									{margin-left:0; padding:5px 0;}
.amount-payment dl:after							{content:""; display:block; float:none; clear:both;}
.amount-payment dl dt,
.amount-payment dl dd								{float:left; font-size:1.125em; color:#333;}
.amount-payment dl dt								{width:60%; text-align:left;}
.amount-payment dl dd								{width:40%;}


/* 완료 Text */
.complete-text										{padding:20px 0 25px; font-weight:normal; font-size:1.8rem; font-family:'NotoKrM'; color:#232e7c ; text-align:center; line-height:1.5;}
.complete-text	 em								{display:block;}
.complete-text	 span							{display:block; margin-top:8px; color:#999999; font-size:1.4rem; font-family:'NotoKrR'; }


/* 회원탈퇴 */
.leave												{margin:0; padding:0; height:auto;}
.leave > p											{display:block; margin:0; padding-top:50px; font-size:1.05em; color:#ea5b0a ; line-height:1.4em; background:url('/img/icon/leave-icon.png') no-repeat center top; background-size:40px; text-align:center;}
.leave-check										{display:block; margin:20px 0 30px; height:auto; font-size:1.125em; font-weight:bold; color:#333; line-height:1.2em; text-align:center;}


/* 상품평 */
.review															{margin-bottom:80px; padding:0; height:auto;}
.review .write-btn										{text-align:right;}
.review .write-btn button							{display:inline-block; margin:15px 0; padding:0 20px; height:30px; font-size:1.1em; text-align:center;}
.review ul														{margin:0; padding:0; height:auto; border-top:1px solid #ddd;}
.review ul li													{position:relative; padding:15px 10px; border-bottom:1px dotted #ccc;}
.review ul li:after											{content:""; display:block; float:none; clear:both;}
.review .edit-btn											{position:absolute; top:15px; right:4px; }  
.review .edit-btn a										{display:inline-block; padding:4px 6px; color:#999;}
.review .edit-btn span								{color:#ddd;}
.review .mem-mark > p								{margin-bottom:10px; font-size:16px; color:#ffcc00;}
.review .mem-mark > span						{display:inline-block;}
.review .review-content								{width:100%;}
.review .review-content	 dt						{padding-bottom:2px; color:#333; font-size:1.15em;}
.review .review-content	 dd						{width:100%; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.review .review-content	 em						{padding-top:6px; display:inline-block; font-style:normal; color:#bbb;}
.review .photo-review								{position:relative;}
.review .photo-review dl							{padding-right:70px;}
.review .photo-review p							{position:absolute; bottom:5px; right:0; width:60px; height:60px; }
.review .photo-review p img					{width:100%; }
.review .notFound										{padding:80px 0; font-size:12px; color:#333; background-color:#fafafa; text-align:center;}
.review .notFound strong							{display:block; margin-bottom:3px; letter-spacing:0;}
.review-detail												{padding:15px 10px; background:#f9f9f9; border-bottom:1px solid #eee;}						
.review-detail .review-all dt						{padding-bottom:2px; font-size:1.15em;}
.review-detail .review-all dd					{width:100%;} 							
.review-detail .review-all dd img			{padding-top:20px; width:200px;} 							
.review-detail .review-all em					{padding-top:6px; display:inline-block; font-style:normal; color:#bbb;}


/* 상품평작성 제품정보 */
.review-product												{position:relative; display:table; width:100%;}
.review-product > p										{position:absolute; top:0; left:0; z-index:9999; width:100px; height:100px; border:1px solid #eee;}
.review-product > p img								{width:100%; height:auto;}
.review-product dl											{display:table-cell; vertical-align:middle; padding-left:115px; height:100px;}
.review-product dt											{margin-bottom:2px; font-size:14px; color:#333;}
.select-mark														{margin:15px 0; padding:15px 0 20px; background-color:#fafafa; text-align:center;}
.select-mark label											{margin:0 15px; font-size:16px; color:#ffcc00;}
.select-mark label input								{margin-top:3px; margin-right:3px;}


/* Event */
.event-board															{margin:0; padding:0; height:auto;}
.event-board li															{position:relative; margin-bottom:20px; border-bottom:1px solid #eee; cursor:pointer;}
.event-board li:last-child										{margin-bottom:0; border-bottom:none;}
.event-board li > p													{display:block;}
.event-board li > p img											{width:100%; height:auto;}
.event-board li > dl													{padding:10px 5px 15px;}
.event-board li > dl dt											{margin-bottom:3px; font-weight:bold; font-size:1.25em; color:#000;}
.event-board li > dl dd											{font-size:1em; color:#666;}
.event-board li > span										{position:absolute; top:0; left:0; z-index:5; width:0; height:0; border-style:solid; border-width:80px 80px 0 0; text-align:center;}
.event-board li > span > strong						{display:block; margin-top:-63px; width:53px; font-size:16px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.event-board li > span.on										{border-color:#ea5b0a  transparent transparent transparent;}
.event-board li > span.on > strong						{color:#fff;}
.event-board li > span.off										{border-color:#ccc transparent transparent transparent;}
.event-board li > span.off > strong						{color:#f0f0f0;}


/* video List */
.video-list													{margin:0; height:auto; background-color:#fff;}
.video-list ul												{margin:0; padding-top:10px; height:auto;}
.video-list li												{display:table; position:relative; margin:0; padding:8px 0; width:100%; border-bottom:1px solid #eee; cursor:pointer;}
.video-list li.on											{background:#f5f5f5;}
.video-list li:first-child							{border-top:1px solid #eee;}
.video-list li:last-child							{border-bottom:none;}
.video-list li > p										{position:absolute; top:8px; left:0px; z-index:5; width:60px; height:60px;}
.video-list li > p img								{width:100%; height:100%;}
.video-list li > dl										{padding-left:80px; display:table-cell; vertical-align:middle; height:60px;}
.video-list li > dl > dt								{margin-bottom:3px; padding:0; font-weight:normal; font-size:1.25em; color:#000; line-height:1.2em;}
.video-list li > dl > dd								{margin:0; padding:0; font-size:1em; color:#8a8a8a;}
.video-list li > dl > dd span					{display:inline-block; margin:0 5px; padding:0; font-size:0.875em; color:#ccc;}
.video-list li > dl > dd em						{font-style:normal; display:inline-block; padding:1px 10px; font-size:0.75em;}
.video-list li > dl > dd img						{display:inline-block; width:15px; height:15px;}


/* Sub Image Page */
.image-sub													{display:block;}
.image-sub img											{width:100%; height:auto;}


/* 상단검색 */
.top-search																{position:relative; padding:10px; background-color:#fff;}
.top-search > span													{display:block; margin:0 55px 0 85px;}
.top-search > span input										{height:30px;}
.top-search > p														{display:block; margin-right:55px;}
.top-search > p input												{height:30px;}
.top-search #select_box										{position:absolute; top:10px; left:10px; z-index:1; width:80px;}
.top-search #select_box label								{left:5px;}
.top-search #select_box .selectBox					{padding-left:0;}
.top-search button													{position:absolute; top:10px; right:10px; z-index:1; width:50px; height:30px; font-size:1.05em; color:#fff; background-color:#ea5b0a }


/* 서브 컨텐츠 */
.conents-page												{margin:0; padding:0; font-size:1.05em; color:#444; line-height:1.5em;}
.conents-page > em									{font-style:normal; display:block; margin:20px 0; font-size:1.5em; color:#000; letter-spacing:-1px; text-align:center;}
.conents-page > p										{display:block; margin-top:10px;}
.conents-page > p b									{color:#000;}


/* 고객지원센터 */
.customer														{margin:0 auto; padding:30px 20px; height:auto; border:1px solid #eee; background-color:#f9f9f9;}
.customer .greeting									{margin:0 auto 10px;}
.customer .greeting strong							{font-weight:normal; font-size:2.0rem; color:#232e7c; line-height:1.4;}
.customer .greeting strong b						{font-family:'NotoKrB'; font-weight:normal; color:#;}
.customer .service-info span						{position:relative; display:block; padding-bottom:70px; font-size:1.4rem; color:#656565; line-height:1.5;}
.customer .service-info span:after					{content:""; position:absolute; bottom:25px; left:0; z-index:1; width:40px; height:1px; background-color:#ea5b0a;}
.customer .service-info em							{display:block; margin-bottom:8px; font-family:'NotoKrM'; font-size:1.6rem; color:#151515;}
.customer .service-info dl dt						{margin-bottom:20px; font-family:'NotoKrB'; font-size:3.0rem; color:#ea5b0a; letter-spacing:-1px;}
.customer .service-info dl dd						{position:relative; margin-top:8px; padding-left:15px; font-size:14px; color:#656565; line-height:1.4;}
.customer .service-info dl dd:before				{content:""; position:absolute; top:10px; left:5px; z-index:1; width:4px; height:4px; background-color:#ea5b0a; transform:translateY(-50%); -webkit-transform:translateY(-50%);}