@charset "utf-8";


.png24 {tmp:expression(setPng24(this));}

/* etc define */
.underline {text-decoration:underline;}
.lineThrough {text-decoration:line-through; color:#8a8a8a;}
.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 !important;}
.alignTop {vertical-align:top !important;}
.alignBottom {vertical-align:bottom !important;}
.alignLeft {text-align:left !important;}
.alignCenter {text-align:center !important;}
.alignRight {text-align:right !important;}
.borderTop {border-top:1px solid var(--color-cl);}
.borderBottom {border-bottom:1px solid #dfdfdf;}
.borderRight {border-right:1px solid #e8e8e8;}
.txtspace {letter-spacing:-1px;}
.displayInline-block {display:inline-block;}
.displayBlock {display:block;}
.borderNone {border:none !important;}
.overflowHidden {overflow:hidden;}
.cursorLock {cursor:no-drop;}
.blind {position:absolute; clip:rect(0 0 0 0); width:0; height:0; overflow:hidden;}

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

h1													{display:block; margin-bottom:60px; font-family:'NotoKrB'; font-size:28px; color:#151515; text-align:center;}
h2													{display:block; width:1320px; margin:0 auto 20px; font-family:'NotoKrB'; font-size:28px; color:#151515; text-align:left;}


/* Background */
.background-gray									{background-color:#fafafa;}
.background-yellow									{background-color:#fbbc38;}


/* Font Color */
.color01											{color:#1a9cd0;}
.color02											{color:#95358c;}
.color03											{color:#ea5b0a;}
.color04											{color:#e9405a;}
.color05											{color:#41b947;}


/* Sub Top Btn */
#to_the_top											{position:fixed; bottom:40px; right:0; z-index:100; display:none; padding-left:20px; width:60px; height:40px; font-family:'RobotoB'; font-size:12px; color:var(--color-wt); background-color:#1a9cd0; -webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.15); box-shadow:0 2px 1px 0 rgba(0,0,0,.15);}
#to_the_top:after									{content:""; position:absolute; top:50%; left:12px; z-index:1; width:7px; height:4px; background:url('/common/img/icon/arrow_top.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* Btn Style */
.btn-style01										{display:block; margin:40px auto; width:200px; height:60px; font-family:'NotoKrM'; font-size:20px; -webkit-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); box-shadow:0 1px 5px 0 rgba(0,0,0,.4);}
.btn-style01:hover									{-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); box-shadow:0 5px 10px 0 rgba(0,0,0,.2);}
.btn-style02										{display:block; margin:0 auto; padding:0 40px; height:60px; font-family:'NotoKrM'; font-size:18px; -webkit-border-radius:30px; border-radius:30px;}
.btn-style02:hover									{-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.2); box-shadow:0 4px 12px 0 rgba(0,0,0,.2);}
.btn-style03												{width:120px; height:46px; ont-family:'NotoKrM'; font-size:16px;}
.btn-style04										{width:80px; height:46px; ont-family:'NotoKrM'; font-size:16px;}

/* Btn Color */
.btn-color01										{color:var(--color-wt); background-color:#1a9cd0;}
.btn-color01:hover									{background-color:#1a9cd0;}
.btn-color02										{color:#151515; background-color:var(--color-wt);}
.btn-color03										{color:#888; border:1px solid #ccc; background-color:var(--color-wt);}

/* Btn Position */
.btn-position										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin-top:40px;}
.btn-position button								{margin:0 10px;}


/* 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:40px; font-size:14px; border-width:1px; border-style:solid;}
.button-popup button:first-child					{color:#454545; border-color:#d2d2d2; background-color:var(--color-wt);}
.button-popup button:last-child						{color:var(--color-wt); border-color:#1a9cd0; background-color:#1a9cd0;}


/* Btn Hover */
.btn-hover											{-webkit-transition:all .2s; transition:all .2s;}


/* Checkbox Image */
.wrap-checkbox										{position:relative; display:inline-block; margin-right:15px;}
.wrap-checkbox:last-child							{margin-right:0;}
.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; display:block; padding-left:25px; color:#888;}
.wrap-checkbox > label:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('/common/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:left bottom;}
.wrap-checkbox > input:checked+label				{color:var(--color-bk);}
.wrap-checkbox.maximum > input						{width:28px; height:28px;}
.wrap-checkbox.maximum > label						{padding-left:36px;}
.wrap-checkbox.maximum > label:before				{width:28px; height:28px; background-image:url('/common/img/icon/i_checkbox_maximum.png');}


/* Radio Image */
.wrap-radio											{position:relative; display:inline-block; margin-right:15px;}
.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; display:block; padding-left:25px; color:#888;}
.wrap-radio > label:before							{content:""; position:absolute; top:50%; left:0; z-index:1; width:20px; height:20px; background:url('/common/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:left bottom;}
.wrap-radio > input:checked+label					{color:var(--color-bk);}


/* Layout Selector */
.container											{position:relative; margin:0 auto; padding:80px 10px; max-width:1340px;}
.contents											{margin:0 auto; width:1200px;}
.section											{padding:50px 10px;}


/* Header */
.header												{position:fixed; top:0; left:0; z-index:9997; width:100%; min-width:1220px; height:120px; background-color:var(--color-wt); -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1); box-shadow:0 1px 0 0 rgba(0,0,0,.1); -webkit-transition:all .2s ease; transition:all .2s ease;}
.header .header-inner								{margin:0 auto; max-width:1340px;}
.header .headerTop									{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-end; -webkit-justify-content:flex-end; height:60px;}
.header .headerTop .logo							{position:absolute; top:50%; left:10px; z-index:1; margin-top:-10px; width:110px; height:80px; text-indent:-9999px; background:url('/common/img/top/logo.png') no-repeat; -webkit-transition:all .2s ease; transition:all .2s ease;}
.header .headerTop .top-menu						{margin-top:20px; padding-right:10px;}
.header .headerTop .top-menu > li					{position:relative; float:left; padding-right:25px;}
.header .headerTop .top-menu > li:after				{content:""; position:absolute; top:50%; right:13px; z-index:-1; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.header .headerTop .top-menu > li:last-child:after	{display:none;}
.header .headerTop .top-menu > li > a				{font-size:12px; color:#656565; -webkit-transition:all .1s; transition:all .1s;}
.header .headerTop .top-menu > li > a:hover			{color:#1a9cd0;}
.header .headerTop .top-menu > li > em				{position:absolute; top:50%; right:0; z-index:1; width:20px; line-height:20px; font-family:'NotoKrM'; font-size:11px; color:var(--color-wt); background-color:#ea5b0a; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.header .headerTop .book-search						{position:absolute; bottom:-35px; right:10px; z-index:1; padding-right:30px; width:200px; border-bottom:1px solid #333; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.header .headerTop .book-search:hover				{width:230px;}
.header .headerTop .book-search input				{padding:0; height:30px; font-size:14px; color:#151515; border:none; -webkit-transition:all 0; transition:all 0;}
.header .headerTop .book-search input:hover			{-webkit-box-shadow:none; box-shadow:none;}
.header .headerTop .book-search button				{position:absolute; top:0; right:0; z-index:2; width:30px; height:30px; text-indent:-9999px; background:transparent url('/common/img/top/i_booksearch.png') no-repeat center;}
.header .headerTop .book-search input:-ms-input-placeholder{color:#bbb;}
.header .gnb										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-end; -webkit-justify-content:flex-end; padding-right:250px;}
.header .gnb > li									{text-align:center;}
.header .gnb > li > a								{position:relative; display:inline-block; padding:0 35px 20px; line-height:40px; font-size:16px; color:#151515; -webkit-transition:all .2s; transition:all .2s;}
.header .gnb > li > a:after							{content:""; position:absolute; top:100%; left:50%; z-index:10; width:0; height:1px; background-color:#ea5b0a; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-transition:all .5s; transition:all .5s;}
.header .gnb > li > a:hover							{color:#ea5b0a;}
.header .gnb > li.on > a:after						{width:70%;}
.header .gnb > li .depth							{display:none; position:absolute; top:100%; left:0; z-index:1; padding:30px 0; width:100%; border-top:1px solid #ddd; background-color:var(--color-wt); -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1); box-shadow:0 1px 0 0 rgba(0,0,0,.1);}
.header .gnb > li .depth ol							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center;}
.header .gnb > li .depth ol > li					{padding:0 15px; width:280px;}
.header .gnb > li .depth ol > li > button			{display:block; margin:0 auto 10px; padding:0 20px; height:30px; font-size:14px; color:var(--color-wt); background-color:#1a9cd0; -webkit-border-radius:15px; border-radius:15px; -webkit-transition:all .2s; transition:all .2s; -webkit-box-shadow:1px 2px 1px 0 rgba(0,0,0,.2); box-shadow:1px 2px 1px 0 rgba(0,0,0,.2);}
.header .gnb > li .depth ol > li > button:hover		{background-color:#ea5b0a;}
.header .gnb > li .depth ol > li > a				{position:relative; display:block; padding:10px; font-size:13px; color:#454545; border-bottom:1px dashed #ddd; -webkit-transition:all .1s; transition:all .1s;}
.header .gnb > li .depth ol > li > a:last-child		{border-bottom:none;}
.header .gnb > li .depth ol > li > a:after			{content:""; position:absolute; top:50%; right:20px; z-index:1; width:3px; height:5px; background:url('/common/img/top/gnb_arrow.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.header .gnb > li .depth ol > li > a:hover			{color:#ea5b0a;}
.header .gnb > li .depth ol > li > a:hover:after	{right:10px; opacity:1;}
.header .gnb > li.individual						{position:relative;}
.header .gnb > li.individual ol						{display:none; position:absolute; top:100%; left:50%; z-index:1; margin-top:-15px; padding:10px 20px; width:180px; background-color:#1a9cd0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.header .gnb > li.individual ol > li				{display:table; width:100%; text-align:left;}
.header .gnb > li.individual ol > li > a			{display:table-cell; vertical-align:middle; height:30px; font-size:13px; color:var(--color-wt);}
.header .gnb > li.individual ol > li > a:hover		{color:#ea5b0a;}
.header.turn										{top:-40px;}
.header.turn .logo									{margin-top:25px; width:120px; height:50px; background-position:left bottom;}


/* 이미지배너 */
.section-banner										{margin:40px auto 0; max-width:1320px; height:150px; text-align:center; background:#ffeef4;}
.section-banner a									{display:block;}


/* 행사안내 */
.section-event											{margin:80px auto 40px;}
.event-monthly										{position:relative; max-width:1320px; margin:0 auto;}
.event-monthly > a									{position:absolute; top:-40px; right:0px; color:#999; font-size:16px;}
.event-monthly ul									{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin:0 -20px;}
.event-monthly ul li								{padding:0 10px; width:33.333333%;}
.event-monthly ul li a							{display:block; margin:0 10px; -webkit-transition:all .3s ease; transition:all .3s ease; border:1px solid var(--color-cl);}
.event-monthly ul li a:hover				{box-shadow:10px 26px 30px -2px rgba(0,0,0,.02);}
.event-monthly ul li a p						{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; /*height:240px;*/ text-align:center; overflow:hidden; background:#f5f5f5;}
.event-monthly ul li a p img				{max-width:100%; max-height:100%;}
.event-monthly ul li a span					{position:relative; display:inline-block; margin:30px 0 0 20px; font-size:16px; color:#ea5b0a; font-family:'NotokrM';}
.event-monthly ul li a dl						{height:160px; padding:12px 20px 20px;}
.event-monthly ul li a dl dt					{max-height:60px; font-size:22px; color:#333; line-height:1.4; font-family:'NotokrM'; overflow:hidden;}
.event-monthly ul li a dl dd					{height:50px; margin-top:10px; font-size:16px; color:#999; line-height:1.5; overflow:hidden}
.event-monthly .control-nav											{position:absolute; bottom:100%; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:20px;}
.event-monthly .control-nav a											{position:relative; margin-left:-1px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; background-color:var(--color-wt); -webkit-transition:all .15s; transition:all .15s;}
.event-monthly .control-nav a:after								{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:22px; background:url('/common/img/icon/recom_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.event-monthly .control-nav a:last-child:after				{background-position:right top;}
.event-monthly .control-nav a:hover								{z-index:1; border-color:#555;}


/* 음원미리듣기 */
.section-preview										{background:#f9f9f9;}
.preview-wrap											{width:1480px; margin:40px auto 0; overflow:hidden;}
.preview-wrap	.title-tooltip					{display:block; max-width:800px; margin:30px auto 0; padding:15px; text-align:center; font-family:'NotokrM';}
.preview-wrap	.title-tooltip a				{color:#1a9cd0; font-size:22px;}
.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('/common/img/main/btn_direction_nav.png') no-repeat center left; background-size:cover; content:'';} 
.preview-wrap .slick-next:before		{background:url('/common/img/main/btn_direction_nav.png') no-repeat center right; background-size:cover; } 
.preview-wrap .slick-prev:hover,			
.preview-wrap .slick-next:hover			{background:rgba(35,46,124,1);} 
.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:inline-block; width:500px; height:500px; text-align:center; line-height:500px; overflow:hidden;}
.music-preview a.player-on:after									{content:""; position:absolute; top:50%; left:50%; z-index:1; width:60px; height:60px; background:url('/common/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:0 auto; max-width:1320px;}
.bestSeller ul															{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -20px; overflow:hidden;}
.bestSeller ul li														{position:relative; padding:0 20px; width:25%;}
.bestSeller ul li i														{position:absolute; top:10px; right:10px; display:block; width:50px; height:50px; line-height:50px; text-align:center; font-size:16px; color:var(--color-wt); background:#bbc3ff; -webkit-border-radius:50%; border-radius:50%; -webkit-box-shadow:2px 5px 18px -4px rgba(0,0,0,.2); box-shadow:2px 5px 18px -4px rgba(0,0,0,.2);}
.bestSeller ul li a														{display:block; /*height:410px; padding:10px; border:1px solid #d4d4d4; background-color:var(--color-wt);*/ -webkit-transition:all .3s ease; transition:all .3s ease;}
.bestSeller ul li a p													{display:-webkit-flex; display:flex;  -webkit-justify-content:center; justify-content:center; -webkit-align-items:center;  align-items:center; width:300px; height:300px; overflow:hidden; background-color:#f3f3f3;}
.bestSeller ul li a p img											{height:100%;}
.bestSeller ul li a .info-product							{margin-top:20px; padding:0 5px;}
.bestSeller ul li a .info-product em					{display:block; width:300px; min-height:40px; font-size:17px; color:#333; line-height:1.2;}
.bestSeller ul li a .info-product em,
.bestSeller ul li a .info-product dl						{margin-bottom:10px; padding:0 5px;}
.bestSeller ul li a .info-product dl						{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:space-between; justify-content:space-between; padding-top:16px; border-top:1px dashed #ddd;}
.bestSeller ul li a .info-product dl dt strike		{margin-right:5px; font-size:14px; color:#bbb;}
.bestSeller ul li a .info-product dl dt strong,
.bestSeller ul li a .info-product dl dt b				{font-weight:normal; font-size:18px; color:#333;}
.bestSeller ul li a .info-product dl dt strong		{font-family:'NotoKrM';}
.bestSeller ul li a .info-product dl dd					{font-size:18px; color:#ff3000;}
.bestSeller .control-nav											{position:absolute; bottom:100%; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:20px;}
.bestSeller .control-nav a											{position:relative; margin-left:-1px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; background-color:var(--color-wt); -webkit-transition:all .15s; transition:all .15s;}
.bestSeller .control-nav a:after								{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:22px; background:url('/common/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;}
.bestSeller .control-nav a:hover								{z-index:1; border-color:#555;}


/* 신간도서 */
.newBooks																		{position:relative; margin:0 auto; max-width:1320px;}
.newBooks ul																	{margin:0 -10px;}
.newBooks ul:after															{content:''; clear:both; display:block;}
.newBooks ul li																{float:left; margin-bottom:20px; padding:0 10px; width:50%;}
.newBooks ul li a															{display:block; padding:20px; background:var(--color-wt); -webkit-transition:all .3s ease; transition:all .3s ease;}
.newBooks ul li a:after													{content:''; clear:both; display:block;}
.newBooks ul li a p															{float:left; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:250px; height:250px; background-color:var(--color-wt); overflow:hidden;}
.newBooks ul li a p img													{height:100%;}
.newBooks ul li a .info-product									{float:right; width: calc(100% - 250px); padding:10px 0 0 30px;}
.newBooks ul li a .info-product em							{display:block; width:65px; margin-bottom:8px; padding:6px 0; border-radius:50px; text-align:center; background:#1a9cd0; border:1px solid #1a9cd0; color:var(--color-wt); font-size:12px; font-family:'NotoKrM'; -webkit-transition:all .2s ease; transition:all .2s ease;}
.newBooks ul li a .info-product em strong					{display: inline-block; margin-left:5px; color:#bbc3ff;}
.newBooks ul li a:hover .info-product em					{background:#ea5b0a; border:1px solid #ea5b0a;}
.newBooks ul li a:hover .info-product em strong		{color:#ffb286;}
.newBooks ul li a .info-product span								{display:block; min-height:50px; font-size:20px; color:#333; line-height:1.2; font-family:'NotokrM';}
.newBooks ul li a .info-product dl														{padding-top:16px; height:110px; overflow:hidden}
.newBooks ul li a .info-product dl dt													{font-size:16px; line-height:1.5; color:#999999;}
.newBooks ul li a .info-product dl dd												{font-size:18px; color:#ff3000;}
.newBooks .control-nav												{position:absolute; bottom:100%; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:20px;}
.newBooks .control-nav a											{position:relative; margin-left:-1px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; background-color:var(--color-wt); -webkit-transition:all .15s; transition:all .15s;}
.newBooks .control-nav a:after									{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:22px; background:url('/common/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;}
.newBooks .control-nav a:hover									{z-index:1; border-color:#555;}


/* 추천도서목록 new */
.recommend													{position:relative; margin:60px auto 0; max-width:1320px; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.thumb-item														{width:500px;}
.thumb-item img													{cursor:pointer;}
.thumb-item	:after											{display:block; content:''; clear:both;}
.thumb-item > span										{display:block; width:100%; height:76px; margin:20px 0 30px; padding-bottom:20px; color:#1a9cd0; font-size:22px; font-family:'NotokrM'; text-align:center; border-bottom:1px dashed var(--color-cl); line-height:1.3; overflow:hidden;}
.thumb-item > span > a									{color:inherit;}
.thumb-item > p												{float:left; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; width:250px; height:250px; margin-bottom:40px; overflow:hidden;}
.thumb-item .item-desc 							{float:left; width:calc(100% - 250px); padding:0 0 0 30px;}
.thumb-item .item-desc:after					{display:block; content:''; clear:both;}
.thumb-item .item-desc dl dt,					
.thumb-item .item-desc dl dd					{float:left; margin-bottom:18px; font-size:18px;}
.thumb-item .item-desc dl dt					{width:35%; color:var(--color-bk);}
.thumb-item .item-desc dl dd					{width:65%; color:#777;}
.thumb-item .item-desc dl dd del			{color:#bbbbbb;}
.thumb-item .item-desc dl dd span			{display:inline-block; margin-left:6px; color:#ff3000;}
.thumb-item .item-desc dl dd em				{display:inline-block; width:60px; height:18px; margin-top:8px; background:url('/common/img/icon/i_fixedPrice.png') no-repeat; text-indent:-9999px;}
.thumb-item .item-desc button										{display:block; width:100%; height:50px; margin:30px auto 0; background:#1a9cd0 url('/common/img/main/play_btn2.png') 50px center no-repeat; background-size:40px; color:var(--color-wt); text-indent:20px; font-size:16px;  -webkit-boder-radius:30px; border-radius:30px; -webkit-transition:all .3s; transition:all .3s;}
.thumb-item .item-desc button:hover							{box-shadow:8px 8px 36px -4px rgba(0,0,0,.1);}

.recommend ul																	{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; width:calc(100% - 500px); padding-left:90px; overflow:hidden;}
.recommend ul li																{padding:0 10px; width:100%;}
.recommend ul li.on a														{border:1px solid #ea5b0a;}
.recommend ul li a																{display:block; padding:12px; border:1px solid #d9d9d9; background-color:var(--color-wt); -webkit-transition:all .3s ease; transition:all .3s ease;}
.recommend ul li a p															{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:200px; height:200px; overflow:hidden; background:#fafafa;}
.recommend ul li a:hover													{border-color:#999;}
.recommend ul li a p img													{height:100%;}
.recommend ul li a .info-product									{margin-top:20px;}
.recommend ul li a .info-product > em							{display:block; height:65px; margin:15px 0; font-size:16px; color:#333; line-height:1.4; overflow:hidden;}
.recommend ul li a .info-product dl:after						{display:block; content:''; clear:both;}
.recommend ul li a .info-product dl dt,						
.recommend ul li a .info-product dl dd							{float:left; margin-bottom:12px; color:#333333; font-size:15px;}
.recommend ul li a .info-product dl dt:last-child,						
.recommend ul li a .info-product dl dd:last-child		{margin-bottom:0;}
.recommend ul li a .info-product dl dt							{width:30%;}
.recommend ul li a .info-product dl dd							{width:70%;}
.recommend ul li a .info-product dl dd strike				{margin-right:5px; color:#bbb;}
.recommend ul li a .info-product dl dd strong			{font-weight:normal; color:#333; font-family:'NotoKrM';}
.recommend ul li a .info-product dl dd span				{display:inline-block; margin-left:6px; color:#ff3000;}
.recommend ul li a .info-product dl dd em					{display:inline-block; width:60px; height:18px; margin-left:4px; background:url('/common/img/icon/i_fixedPrice.png') no-repeat; text-indent:-9999px;}
.recommend .control-nav												{position:absolute; bottom:100%; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:15px;}
.recommend .control-nav a												{position:relative; margin-left:-1px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; background-color:var(--color-wt); -webkit-transition:all .15s; transition:all .15s;}
.recommend .control-nav a:after									{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:22px; background:url('/common/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;}
.recommend .control-nav a:hover									{z-index:1; border-color:#555;}


/* 추천도서목록 
.recommend											{position:relative; margin:0 auto; max-width:1320px;}
.recommend ul										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -20px; overflow:hidden;}
.recommend ul li									{padding:0 20px; width:25%;}
.recommend ul li a									{display:block; height:410px; padding:10px; border:1px solid #d4d4d4; background-color:var(--color-wt); -webkit-transition:all .3s ease; transition:all .3s ease;}
.recommend ul li a p								{display:block; background-color:#f3f3f3;}
.recommend ul li a:hover							{border-color:#555;}
.recommend ul li a p img							{width:100%;}
.recommend ul li a .info-product					{margin-top:20px; padding:0 5px;}
.recommend ul li a .info-product em					{display:block; font-size:17px; color:#333; line-height:1.2;}
.recommend ul li a .info-product em,
.recommend ul li a .info-product dl					{margin-bottom:10px; padding:0 5px;}
.recommend ul li a .info-product dl					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; padding-top:10px; border-top:1px dashed #ddd;}
.recommend ul li a .info-product dl dt strike		{margin-right:5px; font-size:14px; color:#bbb;}
.recommend ul li a .info-product dl dt strong,
.recommend ul li a .info-product dl dt b			{font-weight:normal; font-size:18px; color:#333;}
.recommend ul li a .info-product dl dt strong		{font-family:'NotoKrM';}
.recommend ul li a .info-product dl dd				{font-size:18px; color:#ff3000;}
.recommend .control-nav								{position:absolute; bottom:100%; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:15px;}
.recommend .control-nav a							{position:relative; margin-left:-1px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; background-color:var(--color-wt); -webkit-transition:all .15s; transition:all .15s;}
.recommend .control-nav a:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:22px; background:url('/common/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;}
.recommend .control-nav a:hover						{z-index:1; border-color:#555;}
*/

/* 이달의 작가 */
.author																						{position:relative;}
.author .authorList																	{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; /*justify-content:center; -webkit-justify-content:center;*/ margin:0 auto; max-width:1410px;}
.author .authorList > div														{position:relative; z-index:2; margin:20px 30px 0; width:100%; height:380px; text-align:center; cursor:pointer}
.author .authorList > div p,
.author .authorList > div em,
.author .authorList > div span												{position:relative; z-index:2; display:block;}
.author .authorList > div p													{margin:0 auto; width:200px; height:200px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-border-radius:50%; border-radius:50%;}
.author .authorList > div p.on												{border:3px solid #ea5b0a;}
.author .authorList > div em													{position:relative; display:inline-block; margin-top:20px; font-family:'RobotoB'; font-size:22px; color:#ea5b0a; -webkit-transition:all .3s; transition:all .3s;}
.author .authorList > div em:before									{position:absolute; top:-26px; left:50%; transform:translateX(-50%); width:14px; height:14px; border-radius:50%; background:#ea5b0a; content:'';}
.author .authorList > div span												{display:block; width:300px; margin-top:12px; font-size:16px; color:#777777;}
.author .authorList > div button											{display:block; margin:20px auto 0; padding:8px 20px; background:#1a9cd0; color:var(--color-wt); font-size:14px;}
.author .control-nav a															{position:absolute; top:50%; left:50%; z-index:5; width:32px; height:104px; text-indent:-9999px; background:url('/common/img/main/author_arrow.png') no-repeat; opacity:.3; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition:all .3s; transition:all .3s;}
.author .control-nav a:first-child										{margin-left:-750px;}
.author .control-nav a:last-child											{margin-left:750px; background-position:right top;}
.author .control-nav a:hover												{opacity:1;}

.hover-tooltip																			{position:absolute; top:350px; left:50%; transform:translateX(-50%); display:block; width:50%; padding:20px; background:rgba(255,255,255,1); border-radius:0 15px 15px 15px; -webkit-box-shadow:4px 4px 20px 0 rgba(0,0,0,.1); box-shadow:4px 4px 20px 0 rgba(0,0,0,.03); z-index:2;}
.hover-tooltip span																{display:block; margin-bottom:12px; color:#bbc3ff; font-size:24px; font-family:'RobotoB';}
.hover-tooltip p																		{font-size:15px; line-height:1.6; color:#1a9cd0; font-family:'NotoKrR';}


/* 베스트후기 */
.bestReview																			{position:relative; margin:0 auto; max-width:1320px;}
.bestReview .reviewList														{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin:30px -15px 0; overflow:hidden;}
.bestReview .reviewList li													{width:50%; margin:0 15px; padding:25px; border:1px solid var(--color-cl); /*background:#f5f5f5;*/}
.bestReview .reviewList li:after										{display:block; content:''; clear:both;}
.bestReview .reviewList li a												{position:relative; float:left; display:block; width:calc(100% - 250px); height:100%; padding-right:30px;}
.bestReview .reviewList li a:after										{position:absolute; content:'리뷰 자세히보기'; bottom:10px; left:0; color:#333333; font-size:14px; font-family:'NotoKrB';}
.bestReview .reviewList li a span										{display:inline-block; margin-bottom:20px; line-height:1.4; font-size:22px; color:#333333; font-family:'NotoKrB';}
.bestReview .reviewList li a p											{display:inline-block; height:155px; font-size:15px; line-height:1.5; color:#888888; overflow:hidden;}
.bestReview .reviewList li a:hover p								{text-decoration:underline;}
.bestReview .bookInfo														{float:right;}
.bestReview .bookInfo p													{display:-webkit-flex; display:flex; align-items:center; width:250px; height:250px; margin-bottom:10px; overflow:hidden;}
.bestReview .bookInfo p img											{max-height:100%;}
.bestReview .bookInfo button											{width:250px; height:50px; background:#1a9cd0; color:var(--color-wt); font-size:16px;}

.bestReview .control-nav													{position:absolute; bottom:100%; right:0; z-index:1; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; margin-bottom:15px;}
.bestReview .control-nav a												{position:relative; margin-left:-1px; width:40px; height:40px; text-indent:-9999px; border:1px solid #ddd; background-color:var(--color-wt); -webkit-transition:all .15s; transition:all .15s;}
.bestReview .control-nav a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:22px; background:url('/common/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;}
.bestReview .control-nav a:hover									{z-index:1; border-color:#555;}

/* 후기보기 */
.review-view													{margin-top:-31px;}
.review-view .package								{display:table; margin-bottom:25px; padding:15px 0; width:100%; border-bottom:5px solid #f2f2f2;}
.review-view .package p,
.review-view .package dl							{display:table-cell; vertical-align:middle; height:120px;}
.review-view .package p							{width:120px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-view .package dl							{padding-left:15px;}
.review-view .package dl dt						{font-size:17px; color:#151515;}
.review-view .package dl dd						{margin-top:10px; font-size:14px; color:#999;}
.review-view .mention span						{display:block; font-size:15px; margin-bottom:12px;}
.review-view .mention span em				{position:relative; margin-right:20px;}
.review-view .mention span em:after	{position:absolute; content:""; top:4px; right:-10px; width:2px; height:10px; background:var(--color-cl);}
.review-view .mention span em:last-child:after	{display:none;}
.review-view .mention p							{height:210px; padding:15px; font-size:15px; line-height:1.5; color:#333333; background:#fafafa; overflow-y:scroll;}
.review-view .photo-view							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-start; -webkit-justify-content:flex-start; margin:20px -10px 0;}
.review-view .photo-view a						{display:block; margin:0 10px; width:33.333333%; height:100px; background-color:#f2f2f2;}
.review-view .photo-view a span			{display:block; width:100%; height:100%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}


/* 영상 갤러리 */
.video-bg															{background-color:#dbd9ea;}
.video-gallery													{margin:0 auto; max-width:1320px; text-align:center;}
.video-gallery a												{position:relative; display:inline-block; width:1060px; height:540px; overflow:hidden;}
.video-gallery a:before									{content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background-color:rgba(0,0,0,.7);}
.video-gallery a:after										{content:""; position:absolute; top:50%; left:50%; z-index:1; width:120px; height:120px; background:url('/common/img/main/play_btn.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.video-gallery dl												{position:relative; display:inline-block; margin:40px 0; padding:30px 40px; width:800px; color:#151515; background-color:rgba(255,255,255,.3); text-align:left; -webkit-border-radius:15px; border-radius:15px;}
.video-gallery dl:after									{content:""; position:absolute; top:-30px; left:40px; z-index:1; width:0; height:0; border-style:solid; border-width:30px 0 0 30px; border-color:transparent transparent transparent rgba(255,255,255,.3); overflow:hidden;}
.video-gallery dl dt											{margin-bottom:15px; font-family:'NotoKrM'; font-size:18px;}
.video-gallery dl dd										{font-size:16px; line-height:1.4;}
.video-gallery em											{display:block; margin:20px auto 30px; padding:20px 0; width:1060px; font-family:'NotoKrM'; font-size:17px; color:rgba(0,0,0,.5); line-height:1.4; border:2px solid rgba(0,0,0,.2);}
.video-gallery em strong								{display:block; margin-bottom:8px; font-size:19px; color:rgba(0,0,0,.7);}
.video-gallery button										{display:block; margin:0 auto; width:340px; height:60px; font-family:'NotoKrM'; font-size:18px; color:var(--color-wt); background-color:#333; -webkit-border-radius:30px; border-radius:30px;}


/* 영상 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 a						{position:absolute; top:-50px; right:0; z-index:1; width:40px; height:40px; background:url('/common/img/icon/close_video.png') no-repeat;}
.layerVideo .player-container .support				{position:relative;}
.layerVideo .player-container .support p			{display:block; margin:0 auto; width:1060px; height:600px;}


/* 메인 공지 팝업 */
.layerPopup											{position:absolute; top:50%; left:50%; z-index:9998; padding:1px; background-color:#1a9cd0; -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4); /*transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);*/}
.layerPopup .popup-body								{position:relative; background-color:var(--color-wt);}
.layerPopup .popup-body dl							{padding:30px; min-width:400px; min-height:300px;}
.layerPopup .popup-body dl dt						{margin-bottom:20px; font-family:'NotoKrM'; font-size:20px; color:#151515;}
.layerPopup .popup-body dl dd						{font-size:14px; color:#555; line-height:1.6;}
.layerPopup .popup-body dl dd *						{line-height:1.6;}
.closeWrap											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; align-items:center; -webkit-align-items:center; padding:0 10px; height:40px;}
.closeWrap .popup-checkbox							{position:relative;}
.closeWrap .popup-checkbox > input					{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:16px; height:16px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.closeWrap .popup-checkbox > label					{position:relative; display:block; padding-left:23px; font-size:13px; color:rgba(255,255,255,.9);}
.closeWrap .popup-checkbox > label:before			{content:""; position:absolute; top:50%; left:0; z-index:1; width:16px; height:16px; background:url('/common/img/icon/i_popupcheck.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.closeWrap .popup-checkbox > input:checked+label:before{background-position:left bottom;}
.closeWrap .popup-checkbox > input:checked+label	{color:var(--color-wt);}
.closeWrap a										{position:relative; right:-5px; width:30px; height:30px; text-indent:-9999px;}
.closeWrap a:before,
.closeWrap a:after									{content:""; position:absolute; background-color:var(--color-wt); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.closeWrap a:before									{top:15px; left:0; width:100%; height:1px;}
.closeWrap a:after									{top:0; left:15px; width:1px; height:100%;}


/* Layer View */
.layerView											{display:none; position:fixed; left:0; top: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,.5);}
.layerView .layer-body								{position:absolute; left:50%; top:50%; z-index:9999; background-color:var(--color-wt); overflow:hidden; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.layer-container									{position:relative; padding:40px;}
.layer-container > a								{position:absolute; top:20px; 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:var(--color-bk); -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:var(--color-bk);}
.layer-container .header-title em					{font-size:13px; color:#999;}


/* Layer Size */
.layer-delivery										{width:700px; height:500px;}
.layer-review										{width:600px; height:760px;}


/* 메인 하단 서비스 */
.information										{padding:60px 10px;}
.information > ul									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 auto; max-width:1320px;}
.information > ul > li								{position:relative; width:33.333333%; min-height:230px;}
.information > ul > li:after						{content:""; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background-color:var(--color-cl);}
.information > ul > li:last-child:after				{display:none;}
.information > ul > li em							{display:block; font-family:'NotoKrB'; font-size:18px; color:#151515;}
.information .board-total							{position:relative; padding-right:45px;}
.information .board-total > a						{position:absolute; top:5px; right:45px; z-index:1; font-size:12px; color:#333;}
.information .board-total > a:hover					{text-decoration:underline;}
.information .board-total ol						{margin-top:25px;}
.information .board-total ol li						{position:relative; padding:10px 70px 10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.information .board-total ol li a					{position:relative; padding-left:40px; font-size:14px; color:#333;}
.information .board-total ol li a:before			{position:absolute; top:50%; left:0; z-index:1; width:34px; font-family:'NotoKrM'; font-size:11px; color:var(--color-wt); line-height:18px; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:9px; border-radius:9px;}
.information .board-total ol li a.notice:before		{content:"공지"; background-color:#1a9cd0;}
.information .board-total ol li a.event:before		{content:"행사"; background-color:#ea5b0a;}
.information .board-total ol li a:hover				{text-decoration:underline;}
.information .board-total ol li span				{position:absolute; top:50%; right:0; z-index:1; width:60px; font-size:12px; color:#666; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.information .callcenter							{padding:0 45px;}
.information .callcenter dl							{position:relative; margin-top:30px;}
.information .callcenter dl dt						{margin-bottom:15px; font-family:'RobotoB'; font-size:38px; color:#1a9cd0;}
.information .callcenter dl dd						{position:relative; margin-top:8px; padding-left:15px; font-size:14px; color:#656565;}
.information .callcenter dl dd:before				{content:""; position:absolute; top:50%; left:5px; z-index:1; width:3px; height:3px; background-color:#454545; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.information .callcenter button						{display:block; margin:20px 10px 0; padding:0 10px; height:34px; font-size:14px; color:#454545; border:1px solid #888; background-color:transparent; -webkit-transition:all .3s; transition:all .3s;}
.information .callcenter button:hover				{color:var(--color-bk); border-color:#151515;}
.information .service								{padding-left:45px;}
.information .service .site-link					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; margin-top:30px;}
.information .service .site-link a					{position:relative; width:60px; height:60px; border:1px solid #fbbc38; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s; transition:all .3s;}
.information .service .site-link a:after			{content:""; position:absolute; top:50%; left:50%; z-index:1; width:30px; height:30px; background-repeat:no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.information .service .site-link a:nth-child(1):after{background-image:url('/common/img/icon/link_01.png');}
.information .service .site-link a:nth-child(2):after{background-image:url('/common/img/icon/link_02.png');}
.information .service .site-link a:nth-child(3):after{background-image:url('/common/img/icon/link_03.png');}
.information .service .site-link a:nth-child(4):after{background-image:url('/common/img/icon/link_04.png');}
.information .service .site-link a:nth-child(5):after{background-image:url('/common/img/icon/link_05.png');}
.information .service .site-link a > span			{position:absolute; top:100%; left:50%; z-index:1; width:120px; font-family:'NotoKrB'; font-size:12px; color:#ea5b0a; text-align:center; opacity:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.information .service .site-link a:hover			{background-color:#ea5b0a; border:1px solid #ea5b0a;}
.information .service .site-link a:hover:after		{background-position:left bottom;}
.information .service .site-link a:hover > span		{top:115%; opacity:1;}
.information .service > span						{display:block; margin-top:40px; padding-bottom:15px; font-family:'NotoKrB'; font-size:16px; color:#151515;}
.information .service .world a						{float:left; display:inline-block; margin-right:15px; width:50px; height:35px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; -webkit-border-radius:5px; border-radius:5px;}
.information .service .world a:nth-child(1)			{background-image:url('/common/img/icon/flag_china.jpg');}
.information .service .world a:nth-child(2)			{background-image:url('/common/img/icon/flag_taiwan.jpg');}
.information .service .world a:nth-child(3)			{background-image:url('/common/img/icon/flag_vietnam.jpg');}
.information .service .shortcut 					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; margin-top:30px;}
.information .service .shortcut a					{position:relative; width:50px; height:50px; text-indent:-9999px; background-color:#f0f0f0; background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-border-radius:50%; border-radius:50%;}


/* Footer */
.footer												{position:relative; border-top:1px solid var(--color-cl);}
.footer .footer-inner								{margin:0 auto; padding:0 10px; max-width:1340px;}
.footer .footer-inner:after							{content:""; position:absolute; top:40px; left:0; z-index:1; width:100%; height:1px; background-color:var(--color-cl);}
.footer .footer-inner .link							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-left:1px solid var(--color-cl);}
.footer .footer-inner .link a						{padding:0 30px; line-height:40px; font-size:14px; color:#333; border-right:1px solid var(--color-cl); text-align:center;}
.footer .footer-inner .link a:hover					{text-decoration:underline;}
.footer .footer-inner ol							{position:relative; margin:30px auto; max-width:1320px;}
.footer .footer-inner ol:after						{content:""; position:absolute; top:50%; right:0; z-index:1; width:240px; height:70px; background:url('/common/img/icon/logo_jybooks.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.footer .footer-inner ol > li						{padding:5px 0; font-size:14px; color:#808080;}
.footer .footer-inner ol > li > span				{position:relative; display:inline-block; vertical-align:middle; margin-right:20px;}
.footer .footer-inner ol > li > span:after			{content:""; position:absolute; top:50%; right:-13px; z-index:1; width:1px; height:10px; background-color:#e2e2e2; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.footer .footer-inner ol > li > span:last-child:after{display:none;}


/* 서브상단 */
.top-comm											{height:160px;}
.top-comm .inside									{position:relative; margin:0 auto; padding:0 10px; max-width:1340px; height:100%; background:var(--color-wt) /*url('/common/img/sub/comm_bg.png') no-repeat center*/;}
.top-comm .inside em								{position:relative; top:50%; display:inline-block; padding-right:40px; font-family:'NotoKrB'; font-size:42px; color:#252525; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.top-comm .inside em:after							{content:""; position:absolute; top:100%; left:50%; z-index:-1; margin-top:-5px; width:100%; height:12px; background-color:#ea5b0a; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-border-radius:4px 4px 20px 0; border-radius:4px 4px 20px 0;}
.top-comm.bg-board									{background-color:#a5d9e4;}
.top-comm.bg-customer								{background-color:#cac7e0;}
.top-comm.bg-mypage									{background-color:var(--color-wt) /*#f397bb;*/}
.top-comm.bg-cart									{background-color:#ffcf69;}
.top-comm.bg-terms									{background-color:#abc935;}


/* History Page */
.history-page										{position:absolute; bottom:20px; right:10px; z-index:1;}
.history-page a,
.history-page span									{display:inline-block; vertical-align:middle;}
.history-page a										{width:17px; height:14px; text-indent:-9999px; background:url('/common/img/icon/history_home.png') no-repeat;}
.history-page span									{position:relative; margin-left:30px; font-size:12px; color:#333;}
.history-page span:after							{content:""; position:absolute; top:50%; left:-18px; z-index:1; width:6px; height:10px; background:url('/common/img/icon/history_arrow.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.history-page span:last-child						{font-family:'NotoKrB';}


/* Location */
.location											{border-bottom:1px solid #e7e7e7;}
.location .inner									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 auto; padding:0 10px; max-width:1340px;}
.location .inner > a								{position:relative; width:40px; line-height:44px; text-indent:-9999px; border-left:1px solid var(--color-cl);}
.location .inner > a:after							{content:""; position:absolute; top:50%; left:50%; z-index:1; width:14px; height:14px; background:url('/common/img/icon/location_home.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.location .inner > ul								{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.location .inner > ul > li							{position:relative; display:table; margin-left:-1px;}
.location .inner > ul > li > label					{position:relative; display:table-cell; vertical-align:middle; padding:0 20px; min-width:240px; height:44px; font-size:15px; color:#454545;  border-left:1px solid var(--color-cl); border-right:1px solid var(--color-cl);}
.location .inner > ul > li > label:after			{content:""; position:absolute; top:20px; right:10px; z-index:1; width:10px; height:6px; background:url('/common/img/icon/arrow_location.png') no-repeat; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.location .inner > ul > li > ol						{display:none; position:absolute; top:100%; left:0; z-index:1; width:100%; border:1px solid var(--color-cl); background-color:var(--color-wt);}
.location .inner > ul > li > ol > li				{display:table; width:100%; border-bottom:1px solid var(--color-cl);}
.location .inner > ul > li > ol > li:last-child		{border-bottom:none;}
.location .inner > ul > li > ol > li > a			{display:table-cell; vertical-align:middle; padding:0 20px; height:55px; font-size:15px; color:#454545; line-height:1.2;}
.location .inner > ul > li > ol > li > a:hover		{text-decoration:underline;}
.location .inner > ul > li.on > ol					{display:block;}
.location .inner > ul > li.on > label:after			{-webkit-transform:rotate(180deg); transform:rotate(180deg);}


/* 인증방식선택 */
.certify-type										{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:40px; padding:20px 30px; background-color:#f6f6f6;}
.certify-type:after									{content:"/"; position:absolute; top:50%; left:50%; z-index:1; font-size:80px; color:var(--color-wt); transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.certify-type li									{width:100%; font-family:'NotoKrM'; font-size:14px; text-align:center;}


/* 아이디/비밀번호 찾기 */
.find-member										{margin:0 auto; width:800px; border-bottom:1px solid var(--color-cl);}
.find-member .checkFind								{padding:40px;}
.find-member .checkFind dl							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-top:10px; padding:0 100px;}
.find-member .checkFind dl dt						{width:30%; font-family:'NotoKrM'; font-size:15px; color:var(--color-bk); line-height:40px;}
.find-member .checkFind dl dd						{position:relative; width:70%; font-size:12px;}
.find-member .checkFind dl dd.sole					{padding-left:30%; width:100%;}
.find-member .checkFind dl dd span					{display:block; padding-right:100px;}
.find-member .checkFind dl dd button				{position:absolute; top:0; right:0; z-index:1; width:95px; height:40px; font-family:'NotoKrB'; font-size:12px; color:#ea5b0a; border:2px solid #ea5b0a; background-color:transparent;}
.find-member .checkFind dl dd ol					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.find-member .checkFind dl dd ol li					{width:100%;}
.find-member .checkFind dl dd ol li.gap				{ width:30px; line-height:40px; text-align:center;}
.find-member .search-result							{margin:30px 0; padding:30px 0; font-size:16px; color:#333; background-color:#f5f5f5; text-align:center; -webkit-border-radius:8px; border-radius:8px;}
.find-member .search-result > em					{margin:0 5px 0 10px; font-family:'NotoKrM'; color:#ff3000;}
.find-member .must										{margin-top:50px; padding:0 145px; }
.find-member .must li									{position:relative; margin-bottom:10px; padding-left:15px; font-size:14px; color:#555; text-align:left;}
.find-member .must li:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:4px; height:4px; background-color:#ea5b0a; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 회원선택 */
.select-members										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin-bottom:40px;}
.select-members a									{margin:0 20px; padding-top:40px; width:320px; height:320px; border:1px solid #dcdcdc; text-align:center; -webkit-border-radius:5px; border-radius:5px;}
.select-members p									{position:relative; display:block; margin:0 auto; width:120px; height:120px; text-indent:-9999px; background-color:var(--color-cl); overflow:hidden; -webkit-border-radius:50%; border-radius:50%;}
.select-members p:after								{content:""; position:absolute; top:50%; left:0; z-index:1; width:120px; height:120px; background-repeat:no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.select-members p.user01:after						{background-image:url('/common/img/icon/user01.png');}
.select-members p.user02:after						{background-image:url('/common/img/icon/user02.png');}
.select-members p.user03:after						{background-image:url('/common/img/icon/user03.png');}
.select-members dl									{margin-top:30px;}
.select-members dl dt								{margin-bottom:15px; font-family:'NotoKrM'; font-size:24px; color:var(--color-bk);}
.select-members dl dd								{font-size:16px; color:#888; line-height:1.3;}
.select-members a,
.select-members p,
.select-members p:after,
.select-members dl dt,
.select-members dl dd								{-moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
.select-members a:hover								{border-color:#ea5b0a;}
.select-members a:hover p							{background-color:#ea5b0a;}
.select-members a:hover dt							{color:#ea5b0a;}
.select-members a:hover dd							{color:#333;}
.select-members a .separator						{margin:10px 0;}
.select-members a .separator:before,
.select-members a .separator:after					{content:""; display:block; margin:0 auto; height:1px; background-color:#999; transition:width .3s ease, background-color .3s ease; -webkit-transition:width .3s ease, background-color .3s ease; -o-transition:width .3s ease, background-color .3s ease; -ms-transition:width .3s ease, background-color .3s ease; -moz-transition:width .3s ease, background-color .3s ease;}
.select-members a .separator:before					{bottom:-15px; width:80px;}
.select-members a .separator:after					{bottom:0; margin-top:5px; width:40px;}
.select-members a:hover .separator:before,
.select-members a:hover .separator:after			{background-color:#ea5b0a;}
.select-members a:hover .separator:before			{width:40px;}
.select-members a:hover .separator:after			{width:80px;}


/* 회원종류안내 */
.type-member										{position:relative; margin:0 auto; padding:15px 40px; width:1040px; border:1px solid #ddd; -webkit-border-radius:5px; border-radius:5px;}
.type-member dl										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; padding:25px 0; border-bottom:1px dotted #e7e7e7;}
.type-member dl:last-child							{border-bottom:none;}
.type-member dl dt									{position:relative; top:5px; padding-left:20px; width:15%; font-family:'NotoKrM'; font-size:18px; color:var(--color-bk);}
.type-member dl dt:before							{content:""; position:absolute; top:7px; left:5px; z-index:1; width:6px; height:6px; background-color:#ea5b0a; -webkit-border-radius:50%; border-radius:50%;}
.type-member dl dt:after							{content:""; position:absolute; top:0; right:30px; z-index:1; width:1px; height:18px; background-color:#ddd;}
.type-member dl dd									{width:85%; font-size:14px; color:#505050; line-height:1.6;}
.type-member dl dd b								{font-family:'NotoKrM'; font-weight:normal; color:#ea5b0a;}


/* 회원가입단계 */
.join-process										{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin-bottom:80px;}
.join-process:before								{content:""; position:absolute; bottom:-40px; left:50%; z-index:1; width:1200px; height:5px; background-color:#ddd; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-border-radius:5px; border-radius:5px;}
.join-process li									{position:relative; width:240px; text-align:center;}
.join-process li:before,
.join-process li:after								{content:""; position:absolute; top:26px; z-index:1; width:8px; height:8px; background-color:#ddd; -webkit-border-radius:50%; border-radius:50%;}
.join-process li:before								{right:5px;}
.join-process li:after								{right:-13px;}
.join-process li:last-child:before,
.join-process li:last-child:after					{display:none;}
.join-process li em									{display:block; margin:0 auto; width:60px; line-height:60px; font-family:'NotoKrB'; font-size:18px; color:#707070; background-color:#ddd; -webkit-border-radius:50%; border-radius:50%;}
.join-process li span								{display:block; margin-top:15px; font-size:16px; color:#454545;}
.join-process li.on em								{color:var(--color-wt); background-color:#1a9cd0;}
.join-process li.on span							{color:#1a9cd0;}
.join-process li.on:before,
.join-process li.on:after							{background-color:#1a9cd0;}


/* 회원가입 약관동의 */
.browsewrap > ol									{margin-bottom:40px;}
.browsewrap > ol > li								{position:relative; margin-bottom:10px; padding-left:20px; font-size:16px; color:#252525;}
.browsewrap > ol > li:before						{content:""; position:absolute; top:50%; left:5px; z-index:1; width:8px; height:8px; border:2px solid #1a9cd0; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.browsewrap > ul > li								{position:relative; margin-bottom:50px;}
.browsewrap > ul > li:last-child					{border-bottom:none;}
.browsewrap > ul > li > em							{display:block; margin-bottom:20px; font-family:'NotoKrM'; font-size:20px; color:#151515;}
.browsewrap > ul > li > em b						{margin-left:5px; font-weight:normal; color:#ff3000;}
.browsewrap > ul > li > button						{position:absolute; top:0; right:0; z-index:1; width:80px; height:30px; font-size:12px; color:#999; border:1px solid #ddd; background-color:transparent;}
.browsewrap > ul > li > span						{display:block; margin-top:20px; font-size:16px; text-align:right;}
.browsewrap .agreement-inner						{padding:20px; height:300px; border:2px dashed #ddd; overflow-y:auto;}
.all-agree											{margin-bottom:40px; padding-bottom:45px; font-family:'NotoKrB'; font-size:18px; text-align:center; border-bottom:1px solid var(--color-cl);}
.all-agree small									{margin-left:5px; font-size:14px; color:#999;}


/* 회원가입 본인인증 */
.member-auth em										{display:block; padding-top:20px; margin-bottom:20px; font-family:'NotoKrM'; font-size:28px; color:#151515; line-height:1.6; text-align:center;}
.member-auth ul										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; padding:60px;}
.member-auth ul li									{position:relative; margin:0 15px; padding-left:180px; width:100%;}
.member-auth ul li p								{position:absolute; top:0; left:0; z-index:1; display:block; width:160px; height:160px; text-indent:-9999px; background-color:var(--color-cl); background-repeat:no-repeat; background-position:center; background-size:cover; -webkit-border-radius:50%; border-radius:50%;}
.member-auth ul li dl								{margin-bottom:30px;}
.member-auth ul li dl dt							{margin-bottom:15px; font-family:'NotoKrM'; font-size:22px; color:#151515;}
.member-auth ul li dl dd							{font-size:14px; color:#656565; line-height:1.4;}
.member-auth ul li button							{display:block; width:180px; height:40px; font-size:14px; color:var(--color-wt); background-color:#1a9cd0; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .2s; transition:all .2s;}
.member-auth ul li button:hover						{background-color:#ea5b0a;}


/* Narrow Gap */
.narrow-gap											{padding:0 10%;}


/* 회원정보완료 */
.join-complete										{padding-top:40px;}
.join-complete dl									{position:relative; padding-top:180px; text-align:center;}
.join-complete dl:before							{content:""; position:absolute; top:0; left:50%; z-index:1; width:240px; height:140px; background:url('/common/img/icon/i_complete.png') no-repeat; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.join-complete dl dt								{margin-bottom:20px; font-size:28px; color:#151515;}
.join-complete dl dt b								{font-family:'NotoKrM'; font-weight:normal; color:#d03435;}
.join-complete dl dd								{margin-bottom:8px; font-size:16px; color:#555;}
.bid-member											{padding:0 100px;}
.bid-member table									{width:100%;}


/* Table Write */
table.table-write									{width:100%;}
table.table-write th,
table.table-write td								{padding:10px 0; height:60px; font-weight:normal; color:#333; border-bottom:1px dotted #ddd; text-align:left;}
table.table-write th								{padding-left:20px; font-family:'NotoKrM'; font-size:16px; color:#151515;}
table.table-write th em								{position:relative; display:inline-block;}
table.table-write th em:after						{content:"√"; position:absolute; top:0; right:-15px; z-index:1; font-weight:bold; font-size:16px; color:#ff3000;}
table.table-write td								{font-size:15px; color:#555;}
table.table-write td button							{display:inline-block; padding:0 30px; height:40px; font-size:14px; color:#555; border:2px solid #ddd; background-color:transparent; -webkit-transition:all .2s; transition:all .2s;}
table.table-write td button:hover					{color:var(--color-wt); border-color:#333; background-color:#333;}
table.table-write td > span							{position:relative; display:inline-block; margin-left:15px; padding-left:20px; font-size:14px; color:#999;}
table.table-write td > span:before					{content:""; position:absolute; top:0; left:0; z-index:1; width:15px; height:15px; border:1px solid #ccc; background:url('/common/img/icon/i_point.png') no-repeat center; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
table.table-write td > span strong						{color:#ea5b0a;}
table.table-write td > input:nth-child(3)			{margin:5px 0;}
table.table-write td > small						{display:inline-block; width:10px; text-align:center;}
table.table-write td > textarea						{height:200px;}
table.table-write td > .icon-delete						{position:relative; text-indent:-9999px;}
table.table-write td > .icon-delete > i				{position:absolute; top:50%; right:8px; transform:translateY(-50%); width:24px; height:24px; cursor:pointer; z-index:1;}
table.table-write td > .icon-delete > i:before	{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); content:''; width:16px; height:16px; background:url('/common/img/icon/layer_close.png'); background-size:100%; z-index:5;}
table.table-write td > .useAll								{margin-left:12px;}
table.table-write td > .mileage:before				{display:none;}
table.table-write td > .mileage > strong			{color:#ea5b0a;}
table.table-write td > .btn-card							{width:160px; background:#777777; color:var(--color-wt); border:none;}
.color-accept										{color:#ea5b0a;font-weight:500;}
.color-finish										{color:var(--color-pc);font-weight:500;}


/* Form Divide */
.form-divide										{position:relative; margin:0 5%; padding:30px 0 30px 20%; border-bottom:1px dashed #d2d2d2;}
.form-divide > em									{position:absolute; top:50px; left:0; z-index:1; font-family:'NotoKrB'; font-size:18px; color:#333; line-height:1;}
.form-divide table.table-write th,
.form-divide table.table-write td					{border-bottom:none;}


/* 결제하기 */
.payment-box										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-top:10px; margin-left:30%; padding:25px 25px 30px; border:1px solid #e0e0e0; background-color:#fafafa;}
.payment-box .agree-payment,
.payment-box .amount-payment						{width:100%;}
.payment-box .agree-payment span					{display:block; margin-bottom:20px; font-size:14px; color:#333; line-height:1.4;}
.payment-box .agree-payment #wrap-checkbox			{display:block;}
.payment-box .agree-payment label					{font-size:16px; color:#757575;}
.payment-box .agree-payment label b					{display:inline-block; margin-left:5px; font-weight:normal; font-size:12px; color:#999;}
.payment-box .agree-payment button					{display:block; vertical-align:middle; margin-top:25px; width:100%; height:50px; font-family:'NotoKrM'; font-size:18px; text-align:center;}
.payment-box .amount-payment						{text-align:right;}
.payment-box .amount-payment em						{font-size:16px; color:#333;}
.payment-box .amount-payment em b					{display:inline-block; margin-right:10px; font-family:'NotoKrM'; color:#1a9cd0;}
.payment-box .amount-payment p						{display:block; margin:15px 0; font-size:24px; color:#b30909;}
.payment-box .amount-payment p strong				{font-family:'NotoKrB'; font-size:42px;}
.payment-box .amount-payment dl						{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; margin-left:60px; padding:10px 0;}
.payment-box .amount-payment dl dt,
.payment-box .amount-payment dl dd					{font-size:14px; color:#333;}
.payment-box .amount-payment dl dt					{position:relative; padding-left:10px;}
.payment-box .amount-payment dl dt:before			{content:""; position:absolute; top:50%; left:0; z-index:1; width:4px; height:4px; background-color:#999; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}


/* 주문완료 */
.complete											{margin:0 auto; width:900px;}
.complete-text										{margin-bottom:30px; text-align:center}
.complete-text em									{display:block; margin-bottom:20px; font-family:'NotoKrB'; font-size:38px; color:#151515;}
.complete-text span									{font-size:16px; color:#808080;}


/* 첨부파일 */
.file-area > input									{width:400px;}
.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;}


/* 수량 */
.amount												{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 auto; width:110px;}
.amount a,
.amount input										{border:1px solid #c9c9c9; text-align:center;}
.amount a											{position:relative; width:30px; line-height:28px; font-family:'dotum'; color:#999; text-align:center; -webkit-transition:all .3s; transition:all .3s;}
.amount a:hover										{color:#ea5b0a; border-color:#ea5b0a;}
.amount input										{padding:0; width:50px; height:30px; font-size:13px; border-left:none; border-right:none;}


/* Pagination */
.pagination											{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;}
.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('/common/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:var(--color-bk);}
.pagination a.select:hover							{color:var(--color-bk); text-decoration:none; cursor:default;}

/* Pagination2 */
.pagination2											{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center;}
.pagination2 a										{display:inline-block; vertical-align:middle; width:28px; line-height:26px; font-size:14px; color:#a3a3a3; border:1px solid transparent; text-align:center;}
.pagination2 a:hover									{text-decoration:underline;}
.pagination2 a.btn-arrow								{position:relative; margin:0 4px; border-color:#e5e5e5; text-indent:-9999px;}
.pagination2 a.btn-arrow:after						{content:""; position:absolute; top:50%; left:50%; z-index:1; width:26px; height:26px; background:url('/common/img/icon/paging_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.pagination2 a.btn-arrow.first:after					{background-position:left top;}
.pagination2 a.btn-arrow.prev:after					{background-position:right top;}
.pagination2 a.btn-arrow.next:after					{background-position:right bottom;}
.pagination2 a.btn-arrow.last:after					{background-position:left bottom;}
.pagination2 a.select								{color:var(--color-bk);}
.pagination2 a.select:hover							{color:var(--color-bk); text-decoration:none; cursor:default;}
/* No Data */
.noData												{margin:0 auto 60px; padding-top:120px;text-align:center;}
.noData > span										{position:relative; padding-top:120px; width:100%; font-size:18px; color: var(--color-st);}
/*.noData > span:before								{content:""; position:absolute; top:0; left:50%; z-index:1; width:120px; height:120px; background:var(--color-cl) url('/common/img/icon/no_data.png') no-repeat center; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-border-radius:50%; border-radius:50%;}*/
.noData2											{border-top:1px solid var(--color-ct);margin:0 auto;padding:40px 0;}
.noData > span										{font-size:16px;line-height:1.3;}
.noData2 > span:before								{content:none;}


/* Table List */
.table-list											{position:relative; border-top:1px solid #151515;}
.table-list > em									{position:absolute; bottom:100%; left:0; z-index:1; margin-bottom:10px; font-family:'NotoKrM'; font-size:17px; color:#151515;}
.table-list > button								{position:absolute; bottom:-46px; right:0; z-index:1; margin-bottom:5px; padding:0 20px; height:30px; font-family:'NotoKrM'; font-size:13px; color:#1a9cd0; border:1px solid #1a9cd0; background-color:transparent;}
.table-list > button:hover							{color:var(--color-wt); background-color:#1a9cd0;}
.table-list table									{width:100%; text-align:center;}
.table-list table th,
.table-list table td								{padding:10px; height:50px; font-size:15px; color:#151515; line-height:1.2; border-bottom:1px solid #ccc;}
.table-list table th								{font-family:'NotoKrM'; background-color:#f5f5f5;}
.table-list table td > a							{float:left; font-family:'NotoKrM'; text-align:left;}
.table-list table td > p							{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; width:100px; height:100px; cursor:pointer; overflow:hidden;}
.table-list table td > p img							{height:100%;}
.table-list table td strong							{margin-right:3px; font-family:'NotoKrM'; font-size:18px; color:#ff3000;}
.table-list table.td-left td						{padding-left:20px; text-align:left;}
.table-list .wrap-checkbox label					{text-indent:-9999px;}
.table-list .btn-table								{margin:0 auto; width:120px;}
.table-list .btn-table button						{display:block; margin:5px 0; width:100%; height:34px; font-size:13px; border-width:1px; border-style:solid;}
.table-list .btn-table button:nth-child(1)			{color:var(--color-wt); border-color:#ea5b0a; background-color:#ea5b0a;}
.table-list .btn-table button:nth-child(2)			{color:#252525; border-color:#ccc; background-color:var(--color-wt);}

.table-list table td a.bottomLink					{display:block; text-decoration:underline; color:var(--color-bk);}
.table-list .order-info											{display:table; position:relative; width:100%; cursor:pointer;}
.table-list .order-info > p									{display:block; position:absolute; top:0; left:0;  width:50px; height:50px; cursor:pointer; /*z-index:10;*/}
.table-list .order-info > p img							{width:100%; height:100%;}
.table-list .order-info > span							{display:table-cell; vertical-align:middle; padding-left:60px; height:50px; font-size:14px; color:#333; text-align:left;}


/* 주문배송 업체등록 이미지 */
.img-description													{display:block; margin:50px auto 0; width:1000px; overflow:hidden;}


/* 취소반품 정책 */
/*.policy-list											{margin:30px 0 40px 0; background:#f5f5f5; padding:20px;}*/
.policy-list											{margin:30px 0 40px 0; padding:20px;}
.policy-list > li										{position:relative; margin-bottom:8px; font-size:14px; text-indent:10px; line-height:1.5;}
.policy-list > li:last-child					{margin-bottom:0px;}
.policy-list > li:before							{position: absolute; top:8px; left:0; z-index: 1; content: ""; width: 4px; height: 4px; background-color: #ea5b0a; -webkit-border-radius: 50%; border-radius: 50%;}
.policy-list li ol									{padding-top:4px;}
.policy-list li ol li								{padding-left:0px; margin-bottom:2px; font-size:14px; line-height:1.5;}


/* 총 금액 합계  */
.total-calculate									{padding:40px 0; border-bottom:1px solid #ccc; text-align:center;}
.total-calculate span,
.total-calculate em									{display:inline-block; vertical-align:middle; margin:0 15px;}
.total-calculate span								{font-size:16px; color:#555;}
.total-calculate span b,
.total-calculate span strong						{padding:0 3px 0 10px; font-family:'NotoKrM'; font-size:20px;}
.total-calculate span b								{color:var(--color-bk);}
.total-calculate span strong						{color:#ff3000;}
.total-calculate em									{font-size:24px; color:#bcbcbc;}


/* 장바구니 합계 */
.totalPrice																				{margin-top:30px; text-align:center;border-top:2px solid var(--color-bk); overflow:hidden;}
.totalPrice .detail-price														{width:100%; height:115px; border:1px solid #dfdfdf; border-top:none;}
.totalPrice .detail-price > p												{float:left; width:33.333333%; height:115px; padding:34px 0 0; text-align:center; font-size:18px; color:#666; border-right:1px solid #efefef;}
.totalPrice .detail-price > p:last-child							{border-right:none;}
.totalPrice .detail-price > p.calculate								{position:relative;}
.totalPrice .detail-price > p.calculate:before				{position:absolute; top:50%; left:-15px; transform:translateY(-50%); width:30px; height:30px; border:1px solid #efefef; border-radius:50%; background:var(--color-wt); font-size: 18px; line-height:28px; color:#555; content:"+";}
.totalPrice .detail-price > p.calculate:after					{position:absolute; top:50%; right:-15px; transform:translateY(-50%); width:30px; height:30px; border:1px solid #efefef; border-radius:50%; background:var(--color-wt); font-size: 18px; line-height:28px; color:#555; content:"=";}
.totalPrice .detail-price > p.calculate:after					{position:absolute; content:"=";}  
.totalPrice .detail-price > p.calculate.dc:after				{position:absolute; content:"-";}  
.totalPrice .detail-price > p.txt-sale > span					{color:#ff3000}
.totalPrice .detail-price > p > span									{display:block; margin-top:5px; color:#222; font-weight:700; font-size:24px;}




/* Form Calendar */
.form-calendar										{display:inline-block; margin-right:10px;}
.form-calendar input								{text-indent:0; width:120px; font-size:14px; text-align:center; }


/* 주문 */
.order-desc											{margin:20px 0 40px 0;}
.order-desc li										{position:relative; margin-bottom:8px; font-size:14px; text-indent:10px;}
.order-desc li:before								{position: absolute; top: 50%; left:0; z-index: 1; content: ""; width: 4px; height: 4px; background-color: #ea5b0a; transform: translateY(-50%); -webkit-transform: translateY(-50%); -webkit-border-radius: 50%; border-radius: 50%;}


/* 주문배송조회 버튼 */
.btn-return											{height:30px; padding:0 10px; background:#1a9cd0; font-size:12px; color:var(--color-wt); -webkit-border-radius:3px; border-radius:3px;}
.btn-shipping										{margin-top:4px; background:var(--color-wt); color:#999; border:1px solid #bbb;}
.btn-chart											{height:30px; padding:0 10px; background:var(--color-wt); color:#999; border:1px solid #bbb; -webkit-border-radius:3px; border-radius:3px;}


/* Table Notice 
.table-notice										{position:relative; margin-bottom:40px; border-top:1px solid #dedede;}
.table-notice table									{width:100%; text-align:center;}
.table-notice table td								{padding:10px; height:100px; font-size:18px; color:#777; line-height:1.2; border-bottom:1px solid #dedede;}
.table-notice table td a							{position:relative; float:left; padding-left:10px; font-family:'NotoKrM'; color:var(--color-bk); text-align:left;}
.table-notice table td a:hover						{text-decoration:underline;}
.table-notice table td a.on:after					{content:""; position:absolute; top:50%; right:-25px; z-index:1; width:18px; height:18px; background:#ea5b0a url('/common/img/icon/i_n.png') no-repeat center; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.table-notice table td .noticeNum					{position:relative; font-size:13px; color:var(--color-wt);}
.table-notice table td .noticeNum:after				{content:""; position:absolute; top:50%; left:50%; z-index:-1; width:40px; height:40px; background-color:#1a9cd0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -webkit-border-radius:50%; border-radius:50%;}
*/


/* Table Notice */
.table-notice										{margin-bottom:40px; border-top:1px solid #505050;}
.table-notice table									{width:100%; text-align:center;}
.table-notice table th,
.table-notice table td								{padding:10px; height:60px; font-size:15px; border-bottom:1px solid #e5e5e5; border-top:none;}
.table-notice table th								{font-weight:normal; color:#151515;}
.table-notice table td								{color:#757575;}
.table-notice table td a							{float:left; color:var(--color-bk);}
.table-notice table td a:hover						{text-decoration:underline;}
.table-notice table td .noticeNum					{padding:1px 5px; font-family:'NotoKrM'; font-size:12px; color:var(--color-wt); background-color:#ea5b0a; -webkit-border-radius:3px; border-radius:3px;}


/* Table title button */
.title-bothSide													{position:relative;}
.title-bothSide	button									{position:absolute; right:0; bottom:5px; height:36px;}
.title-bothSide	span										{position:absolute; right:130px; bottom:14px; color:red; font-size:15px;}


/* Search Board */
.search-board										{position:absolute; top:-60px; right:0; z-index:1;}
.search-board #select_box							{width:120px; height:50px; border-color:#ccc;}
.search-board #select_box label						{font-size:16px; line-height:48px;}
.search-board input									{width:300px; height:50px; font-size:16px; border-color:#ccc;}
.search-board button								{display:inline-block;  width:80px; height:50px; font-size:16px; -webkit-border-radius:2px; border-radius:2px;}


/* Board Search */
.board-search										{position:relative; margin:0 auto 40px; width:600px; height:56px; 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:var(--color-wt);}
.board-search input									{padding:0 15px; height:100%; font-size:16px; border:none; background-color:transparent; -webkit-transition:none; transition:none;}
.board-search button								{position:absolute; top:0; right:0; z-index:1; width:60px; height:56px; 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('/common/img/icon/board_search.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}


/* Board View */
.boardView											{padding-top:20px;}
.boardView .board-header							{position:relative; padding-bottom:40px; border-bottom:1px solid var(--color-cl);}
.boardView .board-header em							{display:block; padding-right:30%; font-family:'RobotoM','NotoKrM',sans-serif; font-size:28px; color:#222; line-height:1.2; letter-spacing:-.5px;}
.boardView .board-header .date						{position:absolute; top:10px; right:0; z-index:1;}
.boardView .board-header .date span					{position:relative; display:inline-block; margin-left:20px; font-size:15px; color:#666;}
.boardView .board-header .date span:after			{content:""; position:absolute; top:50%; left:-11px; z-index:1; width:1px; height:8px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.boardView .board-header .date span:first-child:after{display:none;}
.boardView .board-content							{padding:40px 0; font-size:14px; color:#666; line-height:1.6; border-bottom:1px solid var(--color-cl);}
.boardView .board-content *							{line-height:1.6;}


/* Board Reply */
.board-reply										{margin-top:-1px; padding:30px; border:5px solid #e9e9e9;}
.board-reply .title-reply							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; margin-bottom:25px; padding-bottom:15px; line-height:30px; border-bottom:1px dashed #d0d0d0;}
.board-reply .title-reply > em						{font-family:'NotoKrM'; font-size:18px; color:#151515;}
.board-reply .title-reply > span					{font-size:14px; color:#888;}
.board-reply .text-reply							{font-size:16px; color:#151515; line-height:1.6;}


/* Event Board */
.event-board										{position:relative; margin-bottom:40px; border-top:1px solid #dedede;}
.event-board li										{position:relative; display:table; padding:10px 0; width:100%; border-bottom:1px solid #dedede; cursor:pointer;}
.event-board li p									{position:absolute; top:10px; left:0; z-index:1; width:420px; height:240px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:contain;}
.event-board li dl									{display:table-cell; vertical-align:middle; padding-left:500px; height:240px; }
.event-board li dl dt								{margin-bottom:16px; font-family:'RobotoM','NotoKrM',sans-serif; font-size:28px; color:#404040; line-height:1.4; letter-spacing:-.5px;}
.event-board li dl dd								{font-size:15px; color:#606060;}
.event-board li dl dd span						{display:block; height:48px; line-height:1.5; margin-bottom:36px; font-family:'NotoKrR'; font-size:16px; color:#999999; overflow:hidden;}
.event-board li dl dd em							{display:block; margin-top:15px; font-family:'NotoKrM'; font-size:16px; color:#ff3000;}
.event-board li.off p:after							{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(255,255,255,.9);}
.event-board li.off dl dd em						{color:#bbb;}
.ongoing											{color:#ff3000;}
.finish												{color:#bbb;}


/* Tab Category */
.tab-category										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin-bottom:60px; border-bottom:1px solid #ededed;}
.tab-category a										{position:relative; display:inline-block; margin:0 20px; padding:0 10px; font-size:16px; color:#666; line-height:40px;}
.tab-category a:before								{content:""; position:absolute; top:50%; right:-24px; z-index:1; width:4px; height:4px; background-color:#ccc; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.tab-category a:last-child:before					{display:none;}
.tab-category a.on									{color:#ea5b0a;}
.tab-category a.on:after							{content:""; position:absolute; top:100%; left:0; z-index:1; width:100%; height:1px; background-color:#ea5b0a;}



/* Tab State */
.tab-state														{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; justify-content:start; -webkit-justify-content:start; margin-bottom:10px;}
.tab-state button										{position:relative; margin-right:5px; padding:0 20px; height:40px; font-size:15px; color:#999; border:1px solid #ddd; background:var(--color-wt);}
.tab-state button.on									{z-index:1; color:var(--color-bk); border-color:#222e7c; background:#222e7c; color:var(--color-wt);}

/* 쿠폰함 */
.current-state												{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; align-items:center; margin-bottom:30px; padding:30px 0; border:4px solid #e0e0e0; text-align:center;}
.current-state span										{display: block; width:300px; font-size:20px; color:var(--color-bk);}
.current-state .wrap-items						{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; width:calc(100% - 300px);}
.current-state .wrap-items dl					{position:relative; display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; width:33.333333%;}
.current-state .wrap-items dl:after											{position:absolute; content:''; top:50%; right:0px; transform:translateY(-50%); width:1px; height:30px; background:var(--color-cl);}
.current-state .wrap-items dl:last-child:after						{display:none;}
.current-state .wrap-items dt					{width:50%; font-size:16px; color:#555555; text-align:center;}
.current-state .wrap-items dd					{width:50%; text-align:center; font-size:18px;}
.current-state .wrap-items dd strong		{font-weight:normal; color:#1986b2;}


/* 고객센터 */
.customer											{position:relative; padding:60px; border:4px solid #f4f4f4;}
.customer:after										{content:""; position:absolute; bottom:0; left:300px; z-index:1; width:170px; height:115px; background:url('/common/img/icon/i_customer.png') no-repeat;}
.customer .greeting									{position:absolute; top:80px; left:60px; z-index:1; width:260px; height:190px; background-color:#f0566b; border-radius:50px; -webkit-border-radius:50px;}
.customer .greeting:after							{content:""; position:absolute; bottom:40px; right:-15px; z-index:-1; width:0; height:0; border-style:solid; border-width:100px 0 0 100px; border-color:transparent transparent transparent #f0566b;}
.customer .greeting strong							{position:absolute; top:50%; left:15px; z-index:1; padding:0 30px; font-weight:normal; font-size:20px; color:var(--color-wt); line-height:1.8; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.customer .greeting strong b						{font-family:'NotoKrB'; font-weight:normal; font-size:28px; color:#ffdd7e;}
.customer .service-info								{padding-left:440px;}
.customer .service-info span						{position:relative; display:block; padding-bottom:50px; font-size:16px; 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:10px; font-family:'NotoKrM'; font-size:18px; color:#151515;}
.customer .service-info dl dt						{margin-bottom:10px; font-family:'NotoKrB'; font-size:46px; color:#1a9cd0; letter-spacing:-1px;}
.customer .service-info dl dd						{position:relative; margin-top:8px; padding-left:15px; font-size:14px; color:#656565;}
.customer .service-info dl dd:before				{content:""; position:absolute; top:50%; left:5px; z-index:1; width:4px; height:4px; background-color:#ea5b0a; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* FAQ */
.faq-accodian										{margin-bottom:40px;}
.faq-accodian li									{border-bottom:1px solid #ddd;}
.faq-accodian li .question							{display:table; padding:0 20px; width:100%; cursor:pointer;}
.faq-accodian li .question span						{position:relative; display:table-cell; vertical-align:middle; padding:0 100px 0 60px; height:100px; font-size:20px; color:#333;}
.faq-accodian li .question span:before				{content:"Q"; position:absolute; top:30px; left:0; z-index:1; width:40px; line-height:40px; font-family:'RobotoM'; font-size:18px; color:var(--color-wt); background-color:#1a9cd0; text-align:center; border-radius:50%; -webkit-border-radius:50%;}
.faq-accodian li .question span:after				{content:""; position:absolute; top:40px; right:20px; z-index:1; width:20px; height:20px; background:url('/common/img/icon/arrow_accodian.png') no-repeat; -webkit-transition:all .3s ease-out; transition:all .3s ease-out;}
.faq-accodian li .question.on span					{color:#ea5b0a;}
.faq-accodian li .question.on span:before			{background-color:#ea5b0a;}
.faq-accodian li .question.on span:after			{-webkit-transform:rotate(180deg); transform:rotate(180deg);}
.faq-accodian li .answer							{display:none; margin:0 60px 40px; padding:35px 40px; font-size:16px; color:#333; line-height:1.6; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px;}
.faq-accodian li .answer *							{line-height:1.6;}
/*.faq-accodian li .answer a						    {display:block; margin:20px auto 10px; width:120px; line-height:30px; font-size:1.05em; color:var(--color-wt); background-color:#333; text-align:center; -webkit-border-radius:20px; border-radius:20px; -webkit-transition:all .2s; transition:all .2s;}*/
.faq-accodian li .answer a						    {text-decoration:underline;}
.faq-accodian li .answer a:hover					{background-color:#95358c;}


/* Tab Classify */
.tab-classify										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between; margin-bottom:15px; margin-right:-1px; padding-left:1px;}
.tab-classify button								{position:relative; margin-left:-1px; width:100%; height:50px; font-size:16px; color:#999; border:1px solid #ddd; border-bottom:1px solid var(--color-bk); background-color:#fafafa;}
.tab-classify button.on								{z-index:1; color:var(--color-bk); border-color:var(--color-bk); border-bottom-color:var(--color-wt); background-color:var(--color-wt);}


/* 전체 카테고리 */
.category .route									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; align-items:center; margin-bottom:20px;}
.category .route span								{position:relative; display:inline-block; padding-right:30px; font-size:20px; color:#252525;}
.category .route span:after							{content:""; position:absolute; top:50%; left:-20px; z-index:1; width:10px; height:16px; background:url('/common/img/icon/arrow_route.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.category .route span:first-child:after				{display:none;}
.category .route p												{color:#999999; font-size:16px;}




/* 보기형식 */
.type												{display:table-cell; vertical-align:middle; padding-left:20px; width:71px; height:40px;}
.type > span										{width:51px; height:26px; border:1px solid #d5d5d5; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.type > span > a									{position:relative; width:100%; height:100%;}
/*.type > span > a									{position:relative; width:100%; height:100%; text-indent:-9999px;}*/
.type > span > a:nth-child(1):after					{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:12px; background:url('/common/img/icon/i_array.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.type > span > a:nth-child(2):after					{content:"\F3FB"; font-family:"bootstrap-icons"; font-size:13px; color:var(--color-ph); position:absolute; top:50%; left:50%; z-index:1; width:14px; height:14px; transform:translate(-50%,-50%); -webkit-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; filter:invert(21%) sepia(95%) saturate(7209%) hue-rotate(350deg) brightness(81%) contrast(112%);}
.type > span > a.on:nth-child(2):after				{color:var(--color-pc);}


/* 추천도서 */
.suggested											{position:relative; padding-top:15px; margin-bottom:50px; border-bottom:2px dashed #efefef;}
.suggested > em										{position:relative; display:block; margin-bottom:20px; padding-bottom:15px; font-size:24px; color:#252525; /*text-indent:20px;*/ border-bottom:1px solid #333;}
/*.suggested > em:before								{content:""; position:absolute; top:8px; left:2px; z-index:1; width:10px; height:10px; border:3px solid #1a9cd0; -webkit-border-radius:50%; border-radius:50%;}*/
.suggested > .recommend .control-nav				{position:absolute; top:-15px; right:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}


/*.productBox > li.fixedPrice .thumb-wrap:after				{content:"도서정가제"; position:absolute; top:15px; left:-25px; z-index:1; padding:5px 0; width:100px; font-family:'NotoKrB'; font-size:13px; color:#1a9cd0; background-color:var(--color-wt); text-align:center; transform:rotate(-45deg);}*/
.productBox > li.fixedPrice .info-product ol li span:after	{content:""; position:absolute; top:50%; left:100%; z-index:1; margin-left:10px; width:60px; height:18px; background:url('/common/img/icon/i_fixedPrice.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}




/* 제품상세정보 */
.productHeader										{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -webkit-justify-content:space-between; justify-content:space-between; margin-bottom:40px;}
.productHeader .product-photo						{position:relative;}
.productHeader .product-photo > p					{width:540px; height:540px; border:1px solid var(--color-cl); overflow:hidden; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}
.productHeader .product-photo > p img				{max-height:100%;}
.productHeader .product-photo > ul					{position:absolute; top:0; right:-112px; z-index:1;}
.productHeader .product-photo > ul > li				{margin-bottom:20px; width:92px; height:92px; border:1px solid var(--color-cl); background-color:#fafafa; line-height:92px; cursor:pointer; text-align:center; overflow:hidden;}
.productHeader .product-photo > ul > li.on			{border-color:#ea5b0a;}
.productHeader .product-photo > ul > li img			{max-height:100%;}
.productHeader .product-info						{padding-left:18%; width:100%;}
.productHeader .productName							{padding:5px 5px 25px; font-family:'RobotoR','NotoKrR',sans-serif; font-size:28px; color:#151515; border-bottom:1px dashed #ddd; letter-spacing:-.5px;}
.productHeader .productDetail						{padding:20px 0; border-bottom:1px solid #e9e9e9; letter-spacing:0;}
.productHeader .productDetail > dl					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; padding:5px 15px;}
.productHeader .productDetail > dl > dt,
.productHeader .productDetail > dl > dd				{font-size:15px; line-height:24px;}
.productHeader .productDetail > dl > dt				{width:40%; color:#656565;}
.productHeader .productDetail > dl > dd				{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; -webkit-align-items:center; align-items:center; width:60%; font-family:'RobotoM','NotoKrM',sans-serif; color:var(--color-bk);}
.productHeader .productDetail > dl > dd strong		{font-family:'RobotoB','NotoKrB',sans-serif; font-weight:normal; font-size:20px; color:#1a9cd0;}
.productHeader .productDetail > dl > dd em			{margin-left:10px; color:#ff3000;}
.productHeader .productDetail > dl > dd strike		{color:#bbb;}
.productHeader .productDetail > dl > dd p			{margin-left:10px; width:60px; height:18px; text-indent:-9999px; background:url('/common/img/icon/i_fixedPrice.png') no-repeat;}
.productHeader .productDetail .quantity				{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.productHeader .productDetail .quantity a,
.productHeader .productDetail .quantity input		{border:1px solid #c9c9c9; text-align:center;}
.productHeader .productDetail .quantity a			{position:relative; width:24px; line-height:22px; font-family:'dotum'; color:#999; -webkit-transition:all .3s; transition:all .3s;}
.productHeader .productDetail .quantity a:hover		{color:#ea5b0a; border-color:#ea5b0a;}
.productHeader .productDetail .quantity input		{padding:0; width:40px; height:24px; font-size:13px; border-left:none; border-right:none;}
.productHeader .productTotal						{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:20px; padding:20px 15px; border-bottom:1px solid var(--color-cl);}
.productHeader .productTotal span					{font-size:16px; color:#454545; line-height:30px;}
.productHeader .productTotal span:first-child		{width:40%;}
.productHeader .productTotal em						{padding-left:3px; font-size:13px; color:#999;}
.productHeader .productTotal strong					{font-size:24px; color:var(--color-bk);}
.productHeader .productBtn							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; -webkit-justify-content:space-between;}
.productHeader .productBtn button					{margin:0 5px; width:100%; height:46px; font-size:16px; color:#252525; border:1px solid #ccc; background-color:var(--color-wt);}
.productHeader .productBtn button:first-child		{color:var(--color-wt); border-color:#ea5b0a; background-color:#ea5b0a;}
.productHeader .npay-wrap							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:flex-end; -webkit-justify-content:flex-end; margin-top:10px; padding:0 5px;}
.page-anchor										{display:hidden; position:absolute; top:-80px;}


/* 제품상세 Tab */
.productTab											{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; border-top:1px solid #ccc;}
.productTab a										{position:relative; display:inline-block; margin:0 20px; padding:30px 10px; font-family:'RobotoM','NotoKrM',sans-serif; font-size:17px; color:#999;}
.productTab a:before								{content:""; position:absolute; top:50%; right:-24px; z-index:1; width:1px; height:14px; background-color:#ccc; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.productTab a:last-child:before						{display:none;}
.productTab a.on									{color:#ea5b0a;}
.productTab a.on:after								{content:""; position:absolute; top:100%; left:0; z-index:1; width:100%; height:1px; background-color:#ea5b0a;}


/* 제품상세정보 */
.product-contents									{padding:60px 0; text-align:center;}
.product-contents > em								{display:inline-block; margin-bottom:40px; padding:0 45px; font-family:'NotoKrB'; font-size:26px; color:var(--color-wt); line-height:50px; background-color:#1a9cd0; -webkit-border-radius:25px; border-radius:25px;}
.product-contents > p								{display:block; margin-bottom:60px;}
.product-contents > table                           {margin:0 auto;}


/* Slide Gallery */
.slide-gallery										{margin:0 auto; padding-bottom:80px; width:1200px;}
.main-thumb											{position:relative;}
.main-thumb > p										{display:block; width:100%; height:560px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main-thumb .direct-control a						{position:absolute; top:50%; z-index:2; display:block; width:40px; height:60px; text-indent:-9999px; background:rgba(0,0,0,.2) url('/common/img/icon/thumb_control.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main-thumb .direct-control a.prev					{left:10px;}
.main-thumb .direct-control a.next					{right:10px; background-position:right top;}
.main-thumb .direct-control a.prev:hover			{background-position:left bottom;}
.main-thumb .direct-control a.next:hover			{background-position:right bottom;}
.thumb-body											{position:relative; margin-top:24px;}
.thumb-body .control-frame > a						{position:absolute; top:50%; z-index:2; text-indent:-9999px; width:0; height:0; border-style:solid; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition:all .3s; transition:all .3s;}
.thumb-body .control-frame > a.prev					{left:-48px; border-width:30px 38px 30px 0; border-color:transparent var(--color-cl) transparent transparent;}
.thumb-body .control-frame > a.next					{right:-48px; border-width:30px 0 30px 38px; border-color:transparent transparent transparent var(--color-cl);}
.thumb-body .control-frame > a.prev:hover			{border-width:45px 38px 45px 0; border-color:transparent #ea5b0a transparent transparent;}
.thumb-body .control-frame > a.next:hover			{border-width:45px 0 45px 38px; border-color:transparent transparent transparent #ea5b0a;}
.thumb-body .frameList								{position:relative; margin:0 auto; width:1200px; 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; margin:0 -12px;}
.thumb-body .frameList ul li						{position:relative; margin:0 12px; cursor:pointer;}
.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:5px solid var(--color-cl); -webkit-transition:all .3s; transition:all .3s;}
.thumb-body .frameList ul li.on:after				{border-color:#ea5b0a;}


/* 영상미리보기 */
.dream-video										{padding:0 90px 90px;}
.dream-video span									{display:block; height:550px; margin-bottom:50px;}


/* 파일 다운로드 */
.file-download										{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-bottom:80px; padding:30px; background-color:#f4f6fa;}
.file-download a									{position:relative; display:inline-block; margin:15px 30px; padding:0 30px; font-size:15px; color:#1e75d6; line-height:36px; text-indent:20px; border:1px solid #e6e7e9; background-color:var(--color-wt); border-radius:18px; -webkit-border-radius:18px;}
.file-download a:before								{content:""; position:absolute; top:50%; left:0; z-index:1; width:38px; height:38px; background:#2f79d9 url('/common/img/icon/file_down.png') no-repeat center; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:50%; -webkit-border-radius:50%;}
.file-download a:hover								{text-decoration:underline;}


/* 오디오 미리듣기 */
.audio-preview										{margin-bottom:40px; padding:40px 80px; background:#f4f6fa;}
.audio-preview > li									{padding:25px 0;}
.audio-preview > li > em							{display:block; margin-bottom:10px; font-family:'NotoKrR'; font-size:22px; color:var(--color-bk); text-align:left;}
.IE													{width:100%;}


@media screen and (-webkit-min-device-pixel-ratio:0){
	.audio-preview {
		background: #43c6ac;
		background: -webkit-linear-gradient(-65deg, #f8ffae, #43c6ac);
		background: linear-gradient(-65deg, #f8ffae, #43c6ac);
	}
	.audio-preview > li > em {font-family:'NotoKrB'; color:var(--color-wt);}
	.IE {display:none;}
}


/* 별점 */
.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('/common/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('/common/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										{padding:40px 0 60px;}
.review-wrap .title-line							{position:relative; margin-bottom:30px;}
.review-wrap .title-line span						{font-size:14px; color:#353535; line-height:1.6;}
.review-wrap .title-line span b						{font-family:'RobotoM','NotoKrM',sans-serif; font-weight:normal; color:#ea5b0a;}
/* .review-wrap .title-line button						{position:absolute; top:50%; right:0; z-index:1; padding:0 20px; height:36px; font-size:14px; color:var(--color-wt); background-color:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:3px; -webkit-border-radius:3px;} */
.review-wrap .title-line button						{min-width:170px;padding:10px 35px; height:50px; font-size:14px; color:var(--color-wt); background-color:#333; border-radius:4px; -webkit-border-radius:4px;}
.review-wrap .review-list							{margin-bottom:40px; border-top:1px solid #ededed;}
.review-wrap .review-list li						{position:relative; display:table; padding:20px; width:100%; border-bottom:1px solid #ededed;}
.review-wrap .area-text,
.review-wrap .thumbnail								{display:table-cell; height:90px;}
.review-wrap .area-text								{vertical-align:top;}
.review-wrap .area-text .user-data					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; align-items:center; -webkit-align-items:center;}
.review-wrap .area-text .user-data .date-of							{margin-left:20px;}
.review-wrap .area-text .user-data .date-of span					{position:relative; padding-right:20px; font-size:13px; 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					{margin-top:15px; font-size:13px; max-height:65px; color:#5f5f5f; line-height:1.7; overflow:hidden;}
.review-wrap .area-text .article *					{line-height:1.7;}
.review-wrap .area-text > a							{display:block;}
.review-wrap .area-text > a:before					{content:""; position:absolute; top:0; bottom:0; left:0; right:0; z-index:1;}
.review-wrap .area-text > a span					{position:relative; display:inline-block; padding:15px 0 10px; font-size:12px; color:var(--color-bk);}
.review-wrap .area-text > a span:after				{content:""; position:absolute; top:50%; right:-17px; z-index:1; margin-top:2px; width:11px; height:6px; background:url('/common/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; max-width:480px;}
.review-wrap .area-text .full-image p img			{border-radius:8px; -webkit-border-radius:8px;}
.review-wrap .thumbnail								{position:relative; vertical-align:top; padding-left:20px; width:110px;}
.review-wrap .thumbnail > p							{width:90px; height:90px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-wrap .thumbnail > span						{position:absolute; top:0; left:20px; z-index:1; width:30px; line-height:30px; font-size:13px; color:var(--color-wt); 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 a span: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										{padding:40px 0 60px;}
.review-write .title-line button						{min-width:170px;padding:10px 35px; height:50px; font-size:14px; color:var(--color-wt); background-color:#333; border-radius:4px; -webkit-border-radius:4px;}{margin-top:-31px;}
.review-write .benefit								{padding:20px; font-size:14px; color:rgba(255,255,255,.5); background-color:#333; text-align:center;}
.review-write .benefit b							{font-weight:normal; color:var(--color-wt);}
.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:14px; color:#999;}
.review-write textarea								{margin-top:30px; height:130px;}
.review-write textarea:focus						{border-color:#bbb;}
.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-top:20px;}
.review-write .photo-register dl					{position:absolute; top:50%; left:0; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.review-write .photo-register dl dt					{font-family:'NotoKrM'; font-size:18px; color:#202020;}
.review-write .photo-register dl dd					{margin-top:8px; font-size:14px; color:#999;}
.review-write .photo-register a						{position:relative; display:block; margin-left:20px; width:100px; height:100px; 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:var(--color-wt); border-radius:50%; -webkit-border-radius:50%;}
.review-write .photo-register a:after				{width:12px; height:12px; background:url('/common/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('/common/img/icon/i_more_arrow.png') center center no-repeat; border:1px solid var(--color-bk); -webkit-border-radius:50%; border-radius:50%;}



/* 비밀번호 입력 */
.password											{text-align:center;}
.password > em										{display:block; margin-bottom:15px; font-family:'NotoKrB'; font-size:28px; color:#333; line-height:1.4;}
.password > span									{display:block; margin-bottom:50px; font-size:16px; color:#808080;}
.password dl										{margin:0 auto; padding-bottom:15px; width:420px; text-align:left;}
.password dl:after									{content:""; display:block; float:none; clear:both;}
.password dl dt,
.password dl dd										{float:left;}
.password dl dt										{width:30%; font-size:16px; color:var(--color-bk); line-height:40px;}
.password dl dd										{width:70%;}
.password strong									{position:relative; display:inline-block; margin-top:40px; padding-left:23px; font-family:'NanumSquareR'; font-weight:normal; font-size:13px; color:#d03435;}
.password strong:before								{content:""; position:absolute; top:50%; left:0; z-index:1; width:16px; height:16px; background:#d03435 url('/common/img/icon/i_alert.png') no-repeat center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}
.password ol										{margin:30px auto 0; padding:25px 40px 0; width:580px; border-top:1px solid var(--color-cl); text-align:left;}
.password ol li										{position:relative; padding:5px 20px; font-size:14px; color:#333;}
.password ol li:before								{content:"√"; position:absolute; top:50%; left:0; z-index:1; font-size:15px; color:#d03435; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

/*.pass {-webkit-text-security: disc;}*/


/* 우편번호 Layer View */
.postLayerView										{position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
.postLayerView:before								{content:""; position:absolute; width:100%; height:100%; background-color:var(--color-bk); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity:.5;}
.postLayerView .postLayer-body						{position:absolute; left:50%; top:50%; z-index:9999; background-color:var(--color-wt); overflow:hidden; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -moz-box-shadow:0 4px 16px 0 rgba(0,0,0,.15); -o-box-shadow:0 4px 16px 0 rgba(0,0,0,.15); -webkit-box-shadow:0 4px 16px 0 rgba(0,0,0,.15); box-shadow:0 4px 16px 0 rgba(0,0,0,.15);}
.postLayer-container								{position:relative; padding:20px;}
.postLayer-container > a							{position:absolute; top:20px; right:20px; z-index:1; width:30px; height:30px; text-indent:-9999px;}
.postLayer-container > a:before,
.postLayer-container > a:after						{content:""; position:absolute; background-color:var(--color-bk); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.postLayer-container > a:before						{top:14px; left:-1px; width:31px; height:1px;}
.postLayer-container > a:after						{top:-1px; left:14px; width:1px; height:31px;}
.postLayer-container > em							{display:block; margin-bottom:20px; font-size:28px; color:#333;}
.postLayer-container > em > span					{display:inline-block; padding-left:10px; font-size:12px; color:#999;}
.postLayer-container > em > span > strong			{color:#ef0000;}
.postLayer-container > em > span.title-desc			{display:inline-block; padding-left:10px; font-size:15px; color:#999;}
.postLayer-container > em > span.title-desc	 > strong{color:#039be6; font-weight:normal;}
.postLayer-container > button						{display:block; margin:4px auto 0; padding-bottom:3px; width:180px; height:50px; font-family:'NotoKrR'; font-size:18px; border-radius:25px; -moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.4); box-shadow:0 1px 5px 0 rgba(0,0,0,.4);}
.postLayer-container > button:hover					{-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); -o-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2); box-shadow:0 5px 10px 0 rgba(0,0,0,.2);}


/* 팝업 */
.pop-header														{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-between; align-items:center; height:50px; padding:0 10px; background:var(--color-bk);}
.pop-header em												{color:var(--color-wt); font-size:16px;}
.pop-header button										{width:24px; height:24px; background:url('/common/img/icon/close_video.png') center center no-repeat; text-indent:-9999px;}
.pop-container												{padding:10px;}
.btn-popupTable												{padding:4px 10px; font-size:13px;}


/* 마이페이지 메인 */
.profile																{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; border-top:2px solid #222222;}
.profile .info														{width:50%; padding:40px; border:1px solid rgba(0,0,0,0.1); border-top:none; border-right:none;}
.profile .info	> .name											{position:relative; display:table; width:100%; margin-bottom:40px;}
.profile .info	> .name p,										
.profile .info	> .name span									{display:table-cell; height:60px; vertical-align:middle;}
.profile .info	> .name p										{width:60px; text-indent:-9999px; background-color:#ddd; background-repeat:no-repeat; background-position:center; background-size:cover; border-radius:50%; -webkit-border-radius:50%;}
.profile .info	> .name span									{margin-left:20px; text-align:left;}
.profile .info	> .name span em							{display:block; margin:6px 0 6px 20px; font-size:20px; color:var(--color-bk);}
.profile .info	> .name span strong						{display:block; margin:0 0 0 20px;font-size:14px; color:#bbbbbb;font-weight:normal;}
.profile .info	> .name .btn-position					{position:absolute; top:12px; right:-5px; margin-top:0;}
.profile .info	> .name .btn-position button		{margin:0 5px; width:90px; height:36px; font-size:13px;}
.profile .info	> dl														{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; align-items:center; margin-bottom:16px; font-size:16px; color:#999; font-weight:normal;}
.profile .info	> dl:last-child									{margin-bottom:0;}
.profile .info	> dl > dt,
.profile .info	> dl > dd											{font-size:15px; font-weight:normal; line-height:1.5;}
.profile .info	> dl > dt												{width:25%; color:#999;}
.profile .info	> dl > dd											{width:75%; color:var(--color-bk);}
.profile .info	> dl > dd button								{width:100px; height:30px; font-size:13px;}
.profile .info	> dl > dd em										{position:relative; margin-right:20px;}
.profile .info	> dl > dd em:after							{position:absolute; content:''; top:4px; right:-12px; width:2px; height:10px; background:var(--color-cl);}
.profile .info	> dl > dd em:last-child:after					{display: none;}

.profile .orders																	{width:50%; padding:50px 40px; border:1px solid #ddd; border-top:none;}
.profile .orders ul li															{display:-webkit-flex; display:flex; -webkit-flex-wrap:nowrap; flex-wrap:nowrap;}
.profile .orders ul li	 dl 													{position:relative;}
.profile .orders ul li	 dl dt 												{display:block; margin-bottom:8px; color:#999999; font-size:14px;}
.profile .orders ul li	 dl dd 												{display:block; color:var(--color-bk); font-size:18px;}
.profile .orders ul li	 dl dd a 											{color:#1986b2;}
.profile .orders ul li.recent											{margin-bottom:12px;}
.profile .orders ul li.recent dl										{width:100%; padding:25px; border:4px solid var(--color-cl);}
.profile .orders ul li.recent dl:after								{display:block; content:''; clear:both;}
.profile .orders ul li.recent dl dt									{display:-webkit-flex; display:flex; justify-content:space-between; margin-bottom:24px; font-size:16px; }
.profile .orders ul li.recent dl dt a								{display: inline-block; font-size:12px; text-decoration:underline;}
.profile .orders ul li.recent dl dd									{position:relative; float:left; width:50%; padding-right:20px; font-size:15px; text-align:left; color:#444444;}
.profile .orders ul li.recent dl dd strong					{margin-left:6px; font-size:16px; color:var(--color-bk);}
.profile .orders ul li.recent dl dd:after						{position:absolute; content:''; top:0px; right:20px; width:2px; height:16px; background:var(--color-cl);}
.profile .orders ul li.recent dl dd:last-child:after							{display: none;}
.profile .orders ul li.coupon dl		 												{width:33.333333%; text-align:center;}
.profile .orders ul li.coupon dl:after											{position:absolute; content:''; top:50%; right:0px; transform:translateY(-50%); width:1px; height:30px; background:var(--color-cl);}
.profile .orders ul li.coupon dl:last-child:after						{display:none;}
.profile .orders p																					{position:relative; margin-bottom:50px; font-size:14px; color:var(--color-gr); padding-left:10px;}
.profile .orders p:after																		{position:absolute; content:''; top:50%; left:0px; transform:translateY(-50%); width:4px; height:4px; background:#ea5b0a; -webkit-border-radius:50%; border-radius:50%;}