@charset "utf-8";

/* All */
header, footer, main nav, section, article, aside, figure, figcaption, embed, iframe {display:block;}
body, table, input, textarea, select, button {font-size:12px;}
a img {border:0;}


/* reset style */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, img, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; font-style:normal; line-height:1;}


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


html {overflow-x:hidden; overflow-y:scroll;}
body {margin:0; padding:0; scroll 0 0 transparent; font-family:'RobotoR','NotoKrR',sans-serif; font-size:12px; color:#666;}

img, fieldset {border:none; vertical-align:middle; margin:0;}
img {max-width:100%;}
button, label {border:none; vertical-align:middle; font-family:'RobotoR','NotoKrR',sans-serif; outline:0; cursor:pointer;}
hr {display:none; border:none;}
ul, ol, li{list-style:none; margin:0; padding:0;}
dl, dd{list-style:none; margin:0; padding:0;}


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


a {outline:none; text-decoration:none; color:#333; select-dummy:expression(this.hideFocus=true); cursor:pointer;}
a:hover {text-decoration:none; color:#333;}
a:active, a:focus{text-decoration:none; color:#333;}

table {border-collapse:collapse; border:0; padding:0;}
caption {display:none;}
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */
select {display:inline-block; vertical-align:middle; margin:0; padding:0;}
textarea {padding:10px; width:100%; font-family:'RobotoR','NotoKrR',sans-serif; font-size:15px; color:#333; border:2px solid #ddd; background-color:#fff; line-height:1.4; outline:0; overflow:auto; resize:none; -webkit-transition:all .3s; transition:all .3s;}
textarea:-ms-input-placeholder {color:#bbb;}
textarea::placeholder {color:#bbb;}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"]								{vertical-align:middle; padding:0 10px; width:100%; height:40px; font-family:'RobotoR','NotoKrR',sans-serif; font-size:15px; color:#333; border:2px solid #ddd; background-color:#fff; outline:0; -webkit-transition:all .3s; transition:all .3s;}
textarea:hover,
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="password"]:hover						{border-color:#bbb; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.07); box-shadow:0 1px 3px 0 rgba(0,0,0,.07);}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus						{border-color:#ea5b0a;}
input[type="radio"],
input[type="checkbox"]								{vertical-align:middle; margin:0; padding:0; cursor:pointer;}

input::-webkit-input-placeholder					{font-weight:normal; color:#bbb;}
input:-ms-input-placeholder							{font-weight:normal; color:#bbb;}
input::-moz-placeholder								{font-weight:normal; color:#bbb;}
input:-moz-placeholder								{font-weight:normal; color:#bbb;}

input[readonly]										{border-color:#ccc; background-color:#e9ecef;}
input[readonly]:hover,
input[readonly]:focus								{cursor:no-drop; border-color:#ccc;}


/* 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 #eee;}
.borderBottom {border-bottom:1px solid #dfdfdf;}
.borderRight {border-right:1px solid #e8e8e8;}
.txtspace {letter-spacing:-1px;}
.displayInline-block {display:inline-block;}
.displayBlock {display:block;}
.displayNone {display:none;}
.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;}
.mt40 {margin-top:40px;}

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:#232e7c;}
.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:#fff; background-color:#232e7c; -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('/img/icon/arrow_top.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

#to_the_top.verWh							{background-color:#fff; color:#191E26; width:80px; height:100px; padding:inherit; padding-top:25px; border-width:1px 0 1px 1px; border-style:solid; border-color:#E1E5EC; border-radius:20px 0 0 20px; font-size:14px; -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1); box-shadow:0 1px 5px 0 rgba(0,0,0,.1);}
#to_the_top.verWh:after					{background-image:url('/img/main/i_toTop.png'); width:16px; height:16px; left:50%; transform:translate(-50%, -110%);}

#to_the_top.toTheTop-wrap										{position:fixed; bottom:40px; right:0; z-index:100; background-color:#fff; width:80px; border-width:1px 0 1px 1px; border-style:solid; border-color:#E1E5EC; border-radius:20px 0 0 20px; display:block; height:auto; padding:inherit; overflow:hidden; padding-block:15px 0; bottom:inherit; top:50%; transform:translate3d(0, -50%, 0);}
#to_the_top.toTheTop-wrap button							{position:relative; font-family:"NotoKrM"; color:#191E26; width:80px; height:100px; background-color:#fff; padding-top:25px; font-size:14px; }
#to_the_top.toTheTop-wrap button:after				{content:""; position:absolute; top:50%; width:24px; height:28px; left:50%; transform:translate(-50%, -110%); background-repeat:no-repeat; background-position:center;}
#to_the_top.toTheTop-wrap .noti:after					{background-image:url('/img/main/i_gotoTop_noti.png');}
#to_the_top.toTheTop-wrap .cs:after						{background-image:url('/img/main/i_gotoTop_cs.png');}
#to_the_top.toTheTop-wrap .agency:after				{background-image:url('/img/main/i_gotoTop_ag.png');}
#to_the_top.toTheTop-wrap .toTheTop					{font-family:'RobotoB';}
#to_the_top.toTheTop-wrap .toTheTop:after			{background-image:url('/img/main/i_toTop.png'); width:16px; height:16px; transform:translate(-50%, -110%);}
#to_the_top.toTheTop-wrap .toTheTop:last-child:before					{content:""; position:absolute; top:0; left:50%; transform:translateX(-50%); height:1px; width:62%; background-color:#E1E5EC;}


/* Selectbox Style */
#select_box											{position:relative; display:inline-block; vertical-align:middle; width:100%; height:40px; border:2px solid #ddd; background-color:#fff; -webkit-transition:all .3s; transition:all .3s;}
#select_box:after									{content:""; position:absolute; top:50%; right:10px; z-index:1; width:7px; height:4px; background:url('/img/icon/selectbox_arrow.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
#select_box label									{position:absolute; top:0; left:10px; font-size:15px; color:#333; line-height:36px;}
#select_box .selectBox								{padding-left:10px; width:100%; height:36px;font-size:14px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
#select_box:hover									{border-color:#bbb; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.07); box-shadow:0 1px 3px 0 rgba(0,0,0,.07);}


/* 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-style05										{font-size:14px; width:100px; font-family:"NotoKrM"; height:34px;}

/* Btn Color */
.btn-color01										{color:#fff; background-color:#232e7c;}
.btn-color01:hover									{background-color:#062a7c;}
.btn-color02										{color:#151515; background-color:#fff;}
.btn-color03										{color:#888; border:1px solid #ccc; background-color:#fff;}
.btn-color04										{color:#232e7c; background-color:#fff; border:1px solid #232e7c;}
.btn-color04:hover							{background-color:#232e7c; color:#fff;}

/* 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-position button:only-child			{margin:0; width:auto; padding:0 30px; min-width:200px;}

/* 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:#fff;}
.button-popup button:last-child						{color:#fff; border-color:#232e7c; background-color:#232e7c;}


/* 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('/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:#000;}
.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('/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('/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:#000;}


/* Layout Selector */
.wrap												{margin-top:120px; min-width:1220px;}
.container											{position:relative; margin:0 auto; padding:80px 10px; 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:#fff; -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('/img/top/logo.png') no-repeat; -webkit-transition:all .2s ease; transition:all .2s ease;}
.header .headerTop .logo:after						{position:absolute; left:calc(100% - 7px); bottom:14px; white-space:nowrap; color:#fff; background-color:red; text-indent:0; font-size:25px; font-family:"RobotoB"; padding:3px 8px;}
.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:#232e7c;}
.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:#fff; background-color:#ea5b0a; text-align:center; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.header .headerTop .top-menu > li.goFlatForm						{padding:0 0 0 25px;}
.header .headerTop .top-menu > li.goFlatForm:after			{content:""; position:absolute; top:50%; left:13px; z-index:-1; width:1px; height:10px; background-color:#ddd; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:block;}
.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('/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:#fff; -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:#fff; background-color:#232e7c; -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('/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 .menu04 ol > li							{width:180px;}

.header .gnb > li .depth ol.beGrid						{display:grid; grid-auto-flow:column; column-gap:30px;}
.header .gnb > li .depth ol.beGrid > li				{padding:0; width:auto;}
.header .gnb > li .depth ol.beGrid.sixCol			{grid-template-columns:repeat(6, auto);}

.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:#232e7c; 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:#fff;}
.header .gnb > li.individual ol > li > a:hover		{color:#ea5b0a;}
.header .gnb.menu07 > li > a				{padding:0 30px 20px;}
.header .gnb.menu05							{padding-left:130px; justify-content:center; -webkit-justify-content:center;}
.header.turn										{top:-40px;}
.header.turn .logo									{margin-top:25px; width:120px; height:50px; background-position:left bottom;}


/* Slide Banner */
.slide-banner										{margin:0 auto; width:100%; max-width:1920px; text-align:center;}
.flexslider												{position:relative; width:1320px; margin:0 auto; overflow:hidden;}
.flexslider .slides > li							{display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides > li:first-child				{display: block; -webkit-backface-visibility: visible;} 

/* Slide Direction Nav */
.flex-direction-nav									{width:0; height:0; text-indent:-9999px;}
.flex-direction-nav a								{position:absolute; top:50%; z-index:2; display:block; width:60px; height:80px; text-indent:-9999px; background:url('/img/main/btn_direction_nav.png') no-repeat; opacity:.5; cursor:pointer; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition:all .3s; transition:all .3s;}
.flex-direction-nav a:hover							{opacity:1;}
.flex-direction-nav .flex-prev						{left:0;}
.flex-direction-nav .flex-next						{right:0; background-position:right top;}


/* Slide Control Nav */
.flex-control-nav									{position:absolute; bottom:20px; left:50%; z-index:1; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.flex-control-nav li								{position:relative; display:inline-block; margin:0 5px;}
.flex-control-paging li a							{display:block; width:20px; height:20px; text-indent:-9999px; border:3px solid #fff; background-color:transparent; cursor:pointer; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s; transition:all .3s;}
.flex-control-paging li a.flex-active				{width:40px; border-color:#ea5b0a; background-color:#ea5b0a; -webkit-border-radius:20px; border-radius:20px;}

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


/* 행사안내 */
.section-event											{margin:40px 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 #eee;}
.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				{width:100%; /*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:#fff; -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('/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:#232e7c; 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('/img/main/btn_direction_nav.png') no-repeat center left; background-size:cover; content:'';} 
.preview-wrap .slick-next:before		{background:url('/img/main/btn_direction_nav.png') no-repeat center right; background-size:cover; } 
.preview-wrap .slick-prev: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('/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:#fff; 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:#fff;*/ -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:#fff; -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('/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:#ffffff; -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:#ffffff; 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:#232e7c; border:1px solid #232e7c; color:#ffffff; font-size:12px; font-family:'NotoKrM'; -webkit-transition:all .2s ease; transition:all .2s ease;}
.newBooks ul li 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:#fff; -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('/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													{max-width:100%; max-height:100%; 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:#232e7c; font-size:22px; font-family:'NotokrM'; text-align:center; border-bottom:1px dashed #eee; 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; -webkit-justify-content:center; justify-content: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:#000;}
.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('/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:#232e7c url('/img/main/play_btn2.png') 50px center no-repeat; background-size:40px; color:#fff; 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:#fff; -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('/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:#fff; -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('/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:#fff; -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:#fff; -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('/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:#232e7c; color:#ffffff; 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('/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:#232e7c; 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 #eee; /*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'; height:88px; overflow:hidden;}
.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:#232e7c; color:#ffffff; 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:#fff; -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('/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:#eeeeee;}
.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('/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:#fff; 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('/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:#232e7c; -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:#fff;}
.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('/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:#fff;}
.closeWrap a										{position:relative; right:-5px; width:30px; height:30px; text-indent:-9999px;}
.closeWrap a:before,
.closeWrap a:after									{content:""; position:absolute; background-color:#fff; -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:#fff; 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:#000; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
.layer-container > a:before							{top:14px; left:-1px; width:31px; height:1px;}
.layer-container > a:after							{top:-1px; left:14px; width:1px; height:31px;}
.layer-container .header-title						{margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #555;}
.layer-container .header-title strong				{display:block; margin-bottom:10px; font-weight:normal; font-size:24px; color:#000;}
.layer-container .header-title em					{font-size:13px; color:#999;}

.layerView.on											{display:block;}

/* Layer Size */
.layer-feedback										{width:1000px; height:820px; margin-left:-500px; margin-top:-410px;}
.layer-dtAlim										{width:840px; height:700px; margin-left:-420px; margin-top:-350px;}
.layer-photoview										{width:800px; height:820px; margin-left:-400px; margin-top:-410px;}
.layer-delivery										{width:700px; height:500px; margin-left:-350px; margin-top:-250px;}
.layer-review										{width:600px; height:760px; margin-left:-300px; margin-top:-380px;}
.layer-dtVideoDec								{width:1000px; height:850px; margin-left:-500px; margin-top:-450px;}
.layer-schedule									{width:500px; height:630px; margin-left:-250px; margin-top:-315px;}
.layer-studentInfo								{width:560px; height:420px; margin-left:-280px; margin-top:-210px;}	



/* 메인 하단 서비스 */
.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:#eee;}
.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:#fff; 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:#232e7c;}
.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:#232e7c;}
.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:#000; 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('/img/icon/link_01.png');}
.information .service .site-link a:nth-child(2):after{background-image:url('/img/icon/link_02.png');}
.information .service .site-link a:nth-child(3):after{background-image:url('/img/icon/link_03.png');}
.information .service .site-link a:nth-child(4):after{background-image:url('/img/icon/link_04.png');}
.information .service .site-link a:nth-child(5):after{background-image:url('/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('/img/icon/flag_china.jpg');}
.information .service .world a:nth-child(2)			{background-image:url('/img/icon/flag_taiwan.jpg');}
.information .service .world a:nth-child(3)			{background-image:url('/img/icon/flag_vietnam.jpg');}
.information .service .shortcut 					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:space-evenly; -webkit-justify-content:space-evenly; margin-top:30px;}
.information .service .shortcut a					{position:relative; width:60px; height:60px; 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 #eee;}
.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:#eee;}
.footer .footer-inner .link							{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; border-left:1px solid #eee;}
.footer .footer-inner .link a						{padding:0 30px; line-height:40px; font-size:14px; color:#333; border-right:1px solid #eee; 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('/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;}

.footer .footer-inner.w1920						{max-width:1920px; padding:0;}
.footer .footer-inner.noAfter:after			{display:none;}

.footer .beGrid												{display:grid;}
.footer-inner > .beGrid								{grid-auto-flow:row;}
.footer-inner > .beGrid > p:first-child			{background:url('/img/icon/footer_bg.png') no-repeat top center; padding-top:340px;}

.footer .beFlex												{display:flex; align-items:center;}
.footer .beFlex.farAway								{justify-content:space-between;}

.footer .infoTxt-wrap									{background-color:#232e7c; padding-block:0 160px;}
.footer .infoTxt-wrap .logo						{display:block; width:193px; height:62px; background:url('/img/icon/logo_jybooks_wh.png') no-repeat center;}
.footer .infoTxt-wrap > div						{max-width:1340px; margin:0 auto; display:grid; row-gap:30px;}  

.footer .infoTxt-wrap .link							{border:0;}
.footer .infoTxt-wrap .link a						{color:#fff; border:0; padding-inline:20px;}
.footer .infoTxt-wrap .link a:first-child				{padding-left:0;}
.footer .infoTxt-wrap .link a + a				{padding-left:21px; position:relative;}
.footer .infoTxt-wrap .link a + a:before					{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:11px; background-color:#42464C;}
.footer .infoTxt-wrap .link.farAway > span							{margin-left:auto;}

.footer .infoTxt-wrap ol									{width:100%; max-width:inherit;}
.footer .infoTxt-wrap ol li								{color:#fff;}
.footer .infoTxt-wrap ol li > span:after			{display:none;}
.footer .infoTxt-wrap ol:after						{display:none;}

.footer .infoTxt-wrap dl									{color:#fff; margin-bottom:60px;}
.footer .infoTxt-wrap dl ol								{margin:0;}
.footer .infoTxt-wrap dl > dt							{font:16px / 1 "PretendardB";}
.footer .infoTxt-wrap dl > dd						{margin-top:10px;}

.footer .infoTxt-wrap .beFlex.farAway > span					{display:grid; align-itemx:center; grid-auto-flow:column; column-gap:10px;}
.footer .infoTxt-wrap .beFlex.farAway > span > a			{display:block; aspect-ratio:1 / 1; width:40px; border:1px solid #5761A9; border-radius:50%; background-repeat:no-repeat; background-position:center;}
.footer .infoTxt-wrap .beFlex.farAway > span > a.insta						{background-image:url('/img/icon/link_insta_wh.png');}
.footer .infoTxt-wrap .beFlex.farAway > span > a.youtube				{background-image:url('/img/icon/link_youtube_wh.png');}
.footer .infoTxt-wrap .beFlex.farAway > span > a.cafe						{background-image:url('/img/icon/link_cafe_wh.png');}
.footer .infoTxt-wrap .beFlex.farAway > span > a.blog						{background-image:url('/img/icon/link_blog_wh.png');}

.footer .footer-ban-wrap							{text-align:center;}
.footer .footer-ban-wrap a						{display:inline-block; margin:0 auto;}
.footer .footer-ban-wrap > span,
.footer .footer-ban-wrap a:first-child			{margin-block:150px 50px;}
.footer .footer-ban-wrap > span						{display:inline-block;}

.footer .footer-ban-wrap .alink-wrap								{position:relative;}
.footer .footer-ban-wrap .alink-wrap > a							{position:absolute; top:50%; transform:translateY(-50%); border:0px solid red; height:50px; margin-top:4px;}
.footer .footer-ban-wrap .alink-wrap > a:last-of-type		{right:40px; width:230px;}
.footer .footer-ban-wrap .alink-wrap > a:nth-last-of-type(2)		{right:290px; width:190px;}

.footer .footer-ban-wrap.fixed											{position:fixed; bottom:0; left:0; width:100%; text-align:center; z-index:99;}
.footer .footer-ban-wrap.fixed > a,
.footer .footer-ban-wrap.fixed > span								{margin-block:0 20px;}

.footer.noBd											{border:0;}

.footer.bgCharacter							{background:url('/img/icon/footer_bg_bg.png') no-repeat center -14px;}


/* main */
main .beGrid										{display:grid;}
main .beFlex										{display:flex; align-items:center;}
main .beFlex.farAway						{justify-content:space-between;}

main > .beGrid										{row-gap:200px; padding-block:40px; padding-block:0;}

main > div > section,
main > .beGrid > div,
main > .beGrid > section							{max-width:1340px; margin:0 auto; width:100%; padding-inline:10px;}

main .beGrid.main-videoBan			{grid-template-columns:1fr 400px; column-gap:30px; padding-block:40px;}
main .beGrid.main-videoBan .video-wrap				{overflow:hidden;}

main .video-wrap									{position:relative;}

main .video-wrap .videoWrap				{overflow:hidden; border-radius:30px; height:0; padding:0 0 56.25%; position:relative;} /* height:440px; width:100%; aspect-ratio:16 / 9; padding:inherit */
main .video-wrap .videoWrap > a							{position:absolute; inset:0; background-position:center; background-repeat:no-repeat; background-size:cover; display:grid; place-items:center;}
main .video-wrap .videoWrap > a:after					{content: ""; display: block; width: 77px; aspect-ratio: 1 / 1; border-radius: 50%; background: rgba(0,0,0,.6) url('/img/main/play_btn.png') no-repeat center; background-size: 110% auto;}
main .video-wrap .videoWrap > video,
main .video-wrap .videoWrap > iframe,
main .video-wrap .videoWrap > embed				{position:absolute; inset:0; border-radius:30px;}

main .video-wrap .soundWrap						{position:absolute; left:0; top:0; padding:20px;}
main .video-wrap .soundWrap a						{display:block; background:url('/img/main/btn_sound_off.png') no-repeat left top; width:50px; aspect-ratio:1 / 1; transition:.2s;}
main .video-wrap .soundWrap a.on				{background-image:url('/img/main/btn_sound_on.png');}

main .video-wrap .playPause							{position:absolute; right:0; bottom:0; display:grid; place-items:center; border-radius:0 0 30px 0; width:90px; aspect-ratio:1 / 1;}
main .video-wrap .playPause:before							{content:""; position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:50px solid #fff; border-left:50px solid transparent; z-index:0;}
main .video-wrap .playPause a									{display:block; width:50px; aspect-ratio:1 / 1; border-radius:50%; transition:.2s; background:#EA4E1B url('/img/main/btn_video-pause.png') no-repeat center;}
main .video-wrap .playPause a.on											{background-color:#242E7C; background-image:url('/img/main/btn_video-play.png');}
main .video-wrap .playPause > span										{border-radius:50%; background-color:#fff; width:90px; aspect-ratio:1 / 1; z-index:1; display:grid; place-items:center;}
main .video-wrap .playPause > i								{position:absolute; aspect-ratio:1 / 1; width:45px;}
main .video-wrap .playPause > i:before									{content:""; display:block; width:92px; aspect-ratio:1 / 1; border-radius:50%; position:absolute;}
main .video-wrap .playPause > i:first-of-type						{top:-44px; right:0;}
main .video-wrap .playPause > i:first-of-type:before			{bottom:0; right:0; box-shadow:50px 50px 0 0 #fff;}
main .video-wrap .playPause > i:last-of-type							{bottom:0px; left:-44px;}
main .video-wrap .playPause > i:last-of-type:before			{bottom:0; right:0; box-shadow:50px 50px 0 0 #fff;}

main .main-banSlide .photoslider .photo-viewport .slides li					{overflow:hidden;}
main .main-banSlide .photoslider .photo-viewport .slides li > img		{}

main .main-banSlide .photoslider .photo-direction-nav,
main .main-banSlide .photoslider .photo-pauseplay								{padding-inline:20px;}

main .main-banSlide .photoslider .photo-control-nav							{padding-inline:10px;}	

main .main-banSlide .photoslider .photo-direction-nav a,
main .main-banSlide .photoslider .photo-pauseplay a							{display:inline-block; text-indent:-9999px; aspect-ratio:1 / 1; width:40px; position:relative;}

main .main-banSlide .photoslider .photo-control-nav							{display:flex; align-items:center; }
main .main-banSlide .photoslider .photo-control-nav > li > a						{display:none; font:18px / 1 "RobotoB"; color:#151515; min-width:40px; text-align:center;}
main .main-banSlide .photoslider .photo-control-nav > li > a.photo-active				{display:block;}

main .main-banSlide .photoslider .photo-direction-nav							{display:flex; align-items:center; justify-content:space-between;}
main .main-banSlide .photoslider .photo-direction-nav a:before,
main .main-banSlide .photoslider .photo-direction-nav a:after			{content:""; position:absolute; left:50%;  top:50%; width:3px; height:15px; background-color:#151515;}
main .main-banSlide .photoslider .photo-direction-nav a:before			{transform:translate(-50%, -50%) rotate(42deg); margin-top:-5px;}
main .main-banSlide .photoslider .photo-direction-nav a:after			{transform:translate(-50%, -50%) rotate(-42deg); margin-top:5px;}
main .main-banSlide .photoslider .photo-direction-nav li:last-child a:before			{transform:translate(-50%, -50%) rotate(42deg); margin-top:5px;}
main .main-banSlide .photoslider .photo-direction-nav li:last-child a:after			{transform:translate(-50%, -50%) rotate(-42deg); margin-top:-5px;}

main .main-banSlide .photoslider .photo-pauseplay								{position:absolute; right:59px; bottom:0; width:auto; display:grid; place-items:center;}
main .main-banSlide .photoslider .photo-pauseplay a							{background:url('/img/main/btn_pauseplay.png') no-repeat top center; transition:.2s;}
main .main-banSlide .photoslider .photo-pauseplay a.photo-pause				{background-position:top center;}
main .main-banSlide .photoslider .photo-pauseplay a.photo-play					{background-position:bottom center;}
/*
main .main-banSlide .photoslider .photo-pauseplay a.photo-pause:before,
main .main-banSlide .photoslider .photo-pauseplay a.photo-pause:after					{content:""; position:absolute; top:50%; transform:translateY(-50%); width:4px; height:20px; background-color:#151515;}
main .main-banSlide .photoslider .photo-pauseplay a.photo-pause:before				{left:12px;}
main .main-banSlide .photoslider .photo-pauseplay a.photo-pause:after					{right:12px;}
*/

main .main-banSlide .photoslider .bar-total			{position:absolute; bottom:0; right:50%; padding:0 10px 0 50px; height:40px; font:18px / 1 "RobotoB"; color:#151515; width:50%;}
main .main-banSlide .photoslider .bar-total > font						{min-width:40px; text-align:center;}
main .main-banSlide .photoslider .bar-total .barWrap					{height:4px; width:100%; background:#d9d9d9; flex:1 1 0; position:relative;}
main .main-banSlide .photoslider .bar-total .barWrap	 > span	{position:absolute; left:0; height:100%; background-color:#151515; transition:.2s;}

main .main-banSlide .photoslider.beGrid				{grid-template-rows:1fr auto; height:100%; grid-template-columns:1fr 1fr; position:relative;}

main .main-banSlide .photoslider.beGrid > ul.slides,
main .main-banSlide .photoslider.beGrid .photo-viewport					{grid-column:span 2; border-radius: 30px;}

main .main-banSlide .photoslider.beGrid > ul.slides > li							{border-radius: 30px; overflow:hidden;}
main .main-banSlide .photoslider.beGrid > ul.slides > li > a						{display:block; position:relative;}
/* main .main-banSlide .photoslider.beGrid > ul.slides > li > a:after				{content:""; position:absolute; inset:0; box-shadow:0 0 30px 0 rgba(0,0,0,.5) inset;} */


main .main-onlineCenter.hasBg								{max-width:inherit; padding-inline:inherit; background:#D8F6FF url('/img/main/bg_onlinecenter.png') no-repeat top center; padding-block:140px; padding-block:100px;}
main .main-onlineCenter.hasBg > .beGrid			{max-width:1340px; margin:0 auto; padding-inline:10px;}

main > div:first-child + .beGrid								{padding-top:150px; background:url('/img/main/bg_main_circletype.png') no-repeat top center;}

main .main-onlineCenter > .beGrid						{row-gap:50px;}

main section .title														{font:22px / 1 "NotoKrR"; color:#151515; margin-bottom:0;}
main section .title > em												{font:40px / 1 "MaplestoryB"; margin-block:25px 0;}
main section .title > em > font									{color:#EA4E1B;}
main section .title > em > font.green						{color:#8DC21F;}

main .main-onlineCenter .slide-banner				{/* width:auto; */ max-width:inherit; position:relative; background:url('/img/main/bezel.png') no-repeat top center; padding-block:35px;}
main .main-onlineCenter .slide-banner .flexslider				{width:auto; overflow:inherit;}

main .main-onlineCenter .flexslider.hasBgPad													{width:800px; position:static;}
main .main-onlineCenter .flexslider.hasBgPad .flex-viewport						{border-radius:20px; overflow:hidden;}

main .main-onlineCenter .slide-banner .flexslider .flex-viewport						{display:inline-block;}
main .main-onlineCenter .slide-banner .flexslider .flex-viewport .slides li a			{display:inline-block; margin:0 auto;}

main .main-onlineCenter .slide-banner .flexslider .flex-control-nav							{bottom:-50px; margin-block:25px;}
main .main-onlineCenter .slide-banner .flexslider .flex-control-paging li a				{border:0; height:14px;}
main .main-onlineCenter .slide-banner .flexslider .flex-control-paging li a:not(.flex-active)				{background-color:#E5E5E5; width:14px;}

main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav								{display:none;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a							{width:80px; aspect-ratio:1 / 1; border:1px solid #DBDBDB; border-radius:50%; background-color:#fff; opacity:1; box-shadow:0 5px 15px 0 rgba(0,0,0,.15); opacity:.7; transition:.2s;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a:hover				{opacity:1;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a:before,
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a:after				{content:""; position:absolute; top:50%; left:50%; width:5px; height:20px; background-color:#151515;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a:before				{transform:translate(-50%, -50%) rotate(42deg); margin-top:-6px;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a:after				{transform:translate(-50%, -50%) rotate(-42deg); margin-top:6px;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a.flex-next:before				{transform:translate(-50%, -50%) rotate(42deg); margin-top:6px;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a.flex-next:after				{transform:translate(-50%, -50%) rotate(-42deg); margin-top:-6px;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a.flex-prev			{left:8%;}
main .main-onlineCenter .slide-banner .flexslider .flex-direction-nav a.flex-next			{right:8%;}

main .main-onlineCenter .slide-banner.hasIcon .flexslider:before,
main .main-onlineCenter .slide-banner.hasIcon .flexslider:after					{content:""; position:absolute; background-repeat:no-repeat; background-position:left top; z-index:1;}
main .main-onlineCenter .slide-banner.hasIcon .flexslider:before					{right:100%; bottom:100%; right:76%; bottom:94%; width:387px; height:208px; background-image:url('/img/main/bg_onlinecenter_icon01.png');}
main .main-onlineCenter .slide-banner.hasIcon .flexslider:after					{left:100%; top:100%; left:75%; top:60%; width:203px; height:282px; background-image:url('/img/main/bg_onlinecenter_icon02.png');}

main .main-onlineCenter .txts-wrap					{font:24px / 1.6 "NotoKrB"; color:#151515; margin-block:40px 10px;}
main .main-onlineCenter .txts-wrap font			{color:#EA4E1B;}

/*
main .main-onlineCenter .btn-wrap > button					{width:190px; height:60px; border-radius:30px; font:18px / 1 "NotoKrB"; color:#fff; background-color:#EA4E1B;}
main .main-onlineCenter .btn-wrap > button > i			{margin-left:10px;}
*/

main .btn-wrap.alignCenter:last-child > button						{min-width:190px; height:60px; border-radius:30px; font:18px / 1 "NotoKrB"; color:#fff; background-color:#EA4E1B; transition:.25s;}
main .btn-wrap.alignCenter:last-child > button > i				{margin-left:10px;}
main .btn-wrap.alignCenter:last-child > button.wh				{background-color:#fff; color:#151515;}
main .btn-wrap.alignCenter:last-child > button.wh > i						{display:inline-block; width:25px; height:25px; background:url('/img/main/i_btn-arrow_bk.png') no-repeat center; vertical-align:middle;}
main .btn-wrap.alignCenter:last-child > button.wh:hover				{background-color:#EA4E1B; color:#fff; box-shadow:0 4px 15px 0 rgba(0,0,0,.15); box-shadow:0 4px 15px rgba(234,78,27,.35);}
main .btn-wrap.alignCenter:last-child > button.wh:hover > i			{background-image:url('/img/main/i_btn-arrow.png');}

main .main-curriculum .title > em:first-child				{margin-block:0 25px; line-height:1.4;}
main .main-curriculum > .beGrid									{row-gap:80px;}
main .main-curriculum > .beGrid > .beGrid					{grid-template-columns:1fr 1fr; column-gap:30px;}
main .main-curriculum > .beGrid > .beGrid > div		{border-radius:30px; background-color:#f6f6f6; padding:40px;}

main .main-curriculum > .beGrid  > .beGrid > div .beGrid.twoCol								{grid-template-columns:1fr 1.05fr; column-gap:30px; align-items:center;}
main .main-curriculum > .beGrid  > .beGrid > div .beGrid.threeCol							{grid-template-columns:repeat(3, 1fr); column-gap:50px; margin:0 auto;}
main .main-curriculum > .beGrid  > .beGrid > div .beGrid.fourCol								{grid-template-columns:repeat(4, 1fr); column-gap:40px; margin:0 auto;}
main .main-curriculum > .beGrid  > .beGrid > div > .beGrid											{row-gap:50px; padding-block:15px 30px;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child p + div > span				{display:inline-block; width:70%; padding:15px 10px; font:21px / 1 "MaplestoryB"; color:#fff; border-radius:25px; margin-top:30px; width:87%;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > a:first-child						{border-radius:15px; overflow:hidden;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > a:first-child p					{display:grid; place-items:center; aspect-ratio:3 / 2; background-repeat:no-repeat; background-position:center; background-size:cover;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > a:first-child p:after			{content:""; display:block; background:transparent url('/img/main/btn_video-play.png') no-repeat center; background-size:140%; width:40px; height:40px; border-radius:50%;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > ul										{font:18px "NotoKrM"; color:#151515;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > ul li + li												{margin-top:18px;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > ul li > .beFlex > p:first-child			{aspect-ratio:1 / 1; flex:0 0 44px; width:44px; background-color:#fff; border-radius:50%; margin-right:15px;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > ul li > .beFlex > p:first-child + font				{line-height:1.2; word-break:keep-all;}
main .main-curriculum > .beGrid  > .beGrid > div .alignCenter:first-child + .beGrid.twoCol > ul li > .beFlex > p:first-child + font > em					{word-break:keep-all;}

main .main-curriculum > .beGrid  > .beGrid > div .beGrid > span > p:first-child													{background-color:#fff; border-radius:50%; aspect-ratio:1 / 1; width:120px; display:grid; place-items:center; background-color:transparent; aspect-ratio:inherit;}
main .main-curriculum > .beGrid  > .beGrid > div .beGrid > span > button															{min-width:100px; min-height:30px; border-radius:15px; background-color:transparent; font:14px / 1 "NotoKrM"; color:#fff; background-color:#fff; color:#151515; min-height:34px; min-width:120px; font-size:16px; border-radius:17px; cursor:default;}
main .main-curriculum > .beGrid  > .beGrid > div .beGrid > span > p + button													{margin-top:17px; margin-top:0;}

main .main-curriculum > .beGrid  > .beGrid .nbyHelp									{background-color:#FFF2C5;}
main .main-curriculum > .beGrid  > .beGrid .nbyHelp .alignCenter:first-child p + div > span					{background-color:#FE8D1D;}
main .main-curriculum > .beGrid  > .beGrid .nbyHelp .alignCenter:first-child + .beGrid.twoCol > a:first-child p:after					{background-color:#FE8D1D;}
main .main-curriculum > .beGrid  > .beGrid .nbyHelp .alignCenter:first-child + .beGrid.twoCol > ul li > .beFlex > p:first-child + font > em				{color:#FE8D1D;}
main .main-curriculum > .beGrid  > .beGrid .nbyHelp .beGrid> span > button																					{background-color:#FE8D1D; color:#fff;}

main .main-curriculum > .beGrid  > .beGrid .nbyDstarter								{background-color:#DCDFFF;}
main .main-curriculum > .beGrid  > .beGrid .nbyDstarter .alignCenter:first-child p + div > span					{background-color:#7855FF;}
main .main-curriculum > .beGrid  > .beGrid .nbyDstarter .alignCenter:first-child + .beGrid.twoCol > a:first-child p:after					{background-color:#7855FF;}
main .main-curriculum > .beGrid  > .beGrid .nbyDstarter .alignCenter:first-child + .beGrid.twoCol > ul li > .beFlex > p:first-child + font > em				{color:#7855FF;}
main .main-curriculum > .beGrid  > .beGrid .nbyDstarter .beGrid > span > button																					{background-color:#7855FF; color:#fff;}

main .main-shortCourse .title							{line-height:1.6;}
main .main-shortCourse .title em					{/* font-size:34px; */ margin-block:0 25px; line-height:1.4;}
main .main-shortCourse > .beGrid					{row-gap:70px;}
main .main-shortCourse > .beGrid > .beGrid				{grid-template-columns:1fr 1fr; gap:30px;}
main .main-shortCourse > .beGrid > .beGrid > div				{border-radius:30px; transition:.25s; overflow:hidden;  box-shadow:0 4px 15px 0 rgba(0,0,0,.1); background-repeat:no-repeat; background-position:left top; min-height:400px;}
main .main-shortCourse > .beGrid > .beGrid > div:hover					{box-shadow:0 4px 15px 0 rgba(0,0,0,.25); box-shadow:0 4px 20px rgba(234,78,27,.35);}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap			{padding:35px 30px; display:flex; flex-direction:column; justify-content:space-between;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap > span:first-child							{display:grid; grid-gap:25px; row-gap:20px;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap > span > strong								{font:1.3rem / 1 "NotoKrB"; color:#151515; margin-top:10px; word-break:keep-all;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap > span > b										{font:18px / 1.5 "NotoKrM"; color:#151515; font-size:1.09rem; word-break:keep-all;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap > span > ul li										{font:14px / 1.4 "NotoKrR"; color:#666;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap > span > ul li + li								{margin-top:5px;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap .btn-wrap button												{background-color:#fff; width:auto; font:18px / 1 "NotoKrM"; color:#151515;}
main .main-shortCourse > .beGrid > .beGrid > div .infoWrap .btn-wrap button > i:last-child										{margin-left:7px; vertical-align:text-bottom;}

main .main-shortCourse > .beGrid > .beGrid .card-wrap					{display:grid; grid-template-columns:1fr 1.14fr; height:100%; position:relative; z-index:0;}
main .main-shortCourse > .beGrid > .beGrid .card-wrap > a					{height:100%;}
main .main-shortCourse > .beGrid > .beGrid .card-wrap:before					{content:""; position:absolute; inset:0; border:3px solid transparent; border-radius:30px; opacity:0; z-index:-1; transition:.25s;}  
main .main-shortCourse > .beGrid > .beGrid .card-wrap:hover:before			{border-color:#EA4E1B; opacity:1;}

main .main-shortCourse > .beGrid > .beGrid .helloNbyBaby			{background-image:url('/img/main/shortCourse_card_bg01-1.png');}
main .main-shortCourse > .beGrid > .beGrid .helloNby					{background-image:url('/img/main/shortCourse_card_bg02-1.png'); background-image:url('/img/main/shortCourse_card_bg02-2.png');}
main .main-shortCourse > .beGrid > .beGrid .nbyFree						{background-image:url('/img/main/shortCourse_card_bg03-1.png');}
main .main-shortCourse > .beGrid > .beGrid .nbyDream					{background-image:url('/img/main/shortCourse_card_bg04-1.png');}


main .main-saypen > .beGrid										{grid-template-columns:1fr 2fr; align-items:start; row-gap:80px;}
main .main-saypen .title-wrap.beGrid						{row-gap:20px;}
main .main-saypen .title												{text-align:left;}
main .main-saypen .title em										{/* font-size:34px; */ line-height:1.4; margin-top:0;}

main .main-saypen .btn-wrap.alignCenter.alignLeft:last-child				{text-align:left !important; margin-block:20px;}
main .main-saypen .saypen-banSlide																					{position:relative;}

main .main-saypen .saypen-banSlide .photo-viewport					{border-radius:30px;}
main .main-saypen .saypen-banSlide .photo-viewport ul li			{overflow:hidden;}	
main .main-saypen .saypen-banSlide .photo-viewport ul li > a		{display:block; text-align:center;}

main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav					{position:absolute; bottom:0; right:100%; white-space:nowrap; padding-inline:50px; display:grid; grid-auto-flow:column; column-gap:20px;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a				{display:block; width:60px; aspect-ratio:1 / 1; border:1px solid #dbdbdb; border-radius:50%; background-color:#fff; text-indent:-9999px; transition:.2s; z-index:1; position:relative;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a.on			{border-color:#DBDBDB; background-color:#fff;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a:before,
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a:after				{content:""; position:absolute; left:50%; top:50%; width:2px; height:15px; background-color:#222222;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a:before			{transform:translate(-50%, -50%) rotate(-42deg); margin-top:-5px;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a:after				{transform:translate(-50%, -50%) rotate(42deg); margin-top:5px;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a.photo-prev:before							{transform:translate(-50%, -50%) rotate(-42deg); margin-top:5px;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a.photo-prev:after							{transform:translate(-50%, -50%) rotate(42deg); margin-top:-5px;}

main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a.photo-disabled								{background-color:#F3F3F3; border-color:#e3e3e3;}
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a.photo-disabled:before,
main .main-saypen .saypen-banSlide .photoslider .photo-direction-nav a.photo-disabled:after					{opacity:.4;}

main .main-saypen .saypen-productList											{grid-column:span 2; overflow-y:hidden; overflow-x:auto;  padding:30px 20px; transition:.3s;}

main .main-saypen .saypen-productList .beGrid a > p					{aspect-ratio:1 / 1; align-content:center;}

main .main-saypen .saypen-productList .beGrid.fourCol				{grid-template-columns:repeat(4, 1fr); gap:40px 60px;}
main .main-saypen .saypen-productList .beGrid.fourCol a						{display:grid; row-gap:40px;}
main .main-saypen .saypen-productList .beGrid.fourCol a > dl					{font:16px "NotoKrM"; color:#111;}
main .main-saypen .saypen-productList .beGrid.fourCol a > dl > dt								{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.4; min-height:45px; word-break:keep-all;}
main .main-saypen .saypen-productList .beGrid.fourCol a > dl dd								{margin-top:25px;}
main .main-saypen .saypen-productList .beGrid.fourCol a > dl dd .beFlex					{font:22px / 1 "NotoKrR";}
main .main-saypen .saypen-productList .beGrid.fourCol a > dl dd .beFlex b				{font-family:"RobotoB";}
main .main-saypen .saypen-productList .beGrid.fourCol a > dl dd .beFlex b.orange			{color:#EA5B0B;}
main .main-saypen .saypen-productList .beGrid.fourCol > div				{padding:30px; position:relative; z-index:0; border-radius:30px; transition:.2s;}
main .main-saypen .saypen-productList .beGrid.fourCol > div:hover				{box-shadow: 0 4px 20px rgba(234,78,27,.35);}
main .main-saypen .saypen-productList .beGrid.fourCol > div:before				{content:""; position:absolute; inset:0; border:3px solid transparent; border-radius:30px; z-index:-1; transition:.2s;}
main .main-saypen .saypen-productList .beGrid.fourCol > div:hover:before				{border-color:#EA5B0B;}

main .main-saypen .saypen-productList.noScroll									{overflow:hidden;}

main .main-saypen .saypen-productList.beGrid										{grid-template-columns:100% 100%; column-gap:60px;}


main .main-qrEng .title em					{margin-top:0;}
main .main-qrEng .title.beFlex > p:first-child					{margin-right:10px;}

main .main-qrEng > .beGrid															{row-gap:60px; position:relative;}

main .main-qrEng .qrEng-banSlide .slick-arrow									{position:absolute; top:-82px; border:1px solid #dbdbdb; border-radius:50%; width:60px; height:60px; background-color:#fff;}
main .main-qrEng .qrEng-banSlide .slick-arrow:before,
main .main-qrEng .qrEng-banSlide .slick-arrow:after						{content:""; position:absolute; left:50%; top:50%; width:2px; height:15px; background-color:#222;}
main .main-qrEng .qrEng-banSlide .slick-arrow:before					{transform:translate(-50%, -50%) rotate(-42deg); margin-top:-5px;}
main .main-qrEng .qrEng-banSlide .slick-arrow:after						{transform:translate(-50%, -50%) rotate(42deg); margin-top:5px;}

main .main-qrEng .qrEng-banSlide .slick-disabled							{border-color:#e3e3e3; background-color:#f3f3f3;}
main .main-qrEng .qrEng-banSlide .slick-disabled:before,
main .main-qrEng .qrEng-banSlide .slick-disabled:after					{opacity:.4;}

main .main-qrEng .qrEng-banSlide .slick-prev									{right:80px; left:inherit;}
main .main-qrEng .qrEng-banSlide .slick-prev:before						{transform:translate(-50%, -50%) rotate(-42deg); margin-top:5px;}
main .main-qrEng .qrEng-banSlide .slick-prev:after							{transform:translate(-50%, -50%) rotate(42deg); margin-top:-5px;}

main .main-qrEng .qrEng-banSlide .slick-next									{right:0;}

main .main-qrEng .qrEng-banSlide .slick-list										{max-width:1320px;}

main .main-qrEng .qrEng-banSlide .slick-track									{padding-block:30px;}
main .main-qrEng .qrEng-banSlide .slick-slide > div							{margin-inline:30px; padding:30px; border-radius:30px; z-index:0; position:relative; transition:.2s;}
main .main-qrEng .qrEng-banSlide .slick-slide > div:hover				{box-shadow: 0 4px 20px rgba(234,78,27,.35);}
main .main-qrEng .qrEng-banSlide .slick-slide > div:before			{content:""; position:absolute; inset:0; z-index:-1; border:3px solid transparent; transition:.2s; border-radius:30px;}
main .main-qrEng .qrEng-banSlide .slick-slide > div:hover:before				{border-color:#EA5B0B;}

main .main-qrEng .qrEng-banSlide .slick-slide > div a									{display:grid; row-gap:40px;}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > p							{aspect-ratio:1 / 1; align-content:center;}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > dl							{font:16px "NotoKrM"; color:#111;}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > dl > dt					{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.4; min-height:45px; word-break:keep-all;}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > dl dd								{margin-top:25px;}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > dl dd .beFlex					{font:22px / 1 "NotoKrR";}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > dl dd .beFlex b				{font-family:"RobotoB";}
main .main-qrEng .qrEng-banSlide .slick-slide > div a > dl dd .beFlex b.orange			{color:#EA5B0B;}


main .main-realReview > .beGrid						{grid-template-columns:1fr 2fr;}
main .main-realReview .title-wrap						{padding-block:30px;}
main .main-realReview .title								{text-align:left; line-height:1.4;}
main .main-realReview .title em							{margin-block:0 25px; line-height:1.4;}

main .main-realReview .realReview-banSlide												{/* position:relative; min-height:500px; */}
main .main-realReview .realReview-banSlide .slick-slider						{/* position:absolute; inset:0; */}
main .main-realReview .realReview-banSlide .slick-list							{max-width:880px; padding-inline:0 150px;}
main .main-realReview .realReview-banSlide .slick-track						{padding-block:30px;}
main .main-realReview .realReview-banSlide .slick-slide > div				{margin-inline:15px; border-radius:30px; z-index:0; position:relative; transition:.2s; box-shadow: 0 4px 15px 0 rgba(0,0,0,.1); overflow:hidden;}
main .main-realReview .realReview-banSlide .slick-slide > div:before				{content:""; position:absolute; inset:0; z-index:-1; border:3px solid transparent; transition:.2s; border-radius:30px;}
main .main-realReview .realReview-banSlide .slick-slide > div:hover				{box-shadow: 0 4px 20px rgba(234,78,27,.35);}
main .main-realReview .realReview-banSlide .slick-slide > div:hover:before				{border-color:#EA5B0B;}

main .main-realReview .realReview-banSlide .slick-slide > div a									{display:grid; grid-template-rows:195px auto;}
main .main-realReview .realReview-banSlide .slick-slide > div p								{background-position:center; background-repeat:no-repeat; background-size:cover; display:grid; place-items:center; border-width:3px 3px 0; border-style:solid; border-color:transparent; border-radius:30px 30px 0 0; transition:.2s;}
main .main-realReview .realReview-banSlide .slick-slide > div a > p					{background-color: rgba(0,0,0,.075);}
main .main-realReview .realReview-banSlide .slick-slide > div:hover a > p					{border-color:#EA5B0B;}
main .main-realReview .realReview-banSlide .slick-slide > div .video > p:after			{content:""; display:block; width:77px; aspect-ratio:1 / 1; border-radius:50%; background:rgba(0,0,0,.6) url('/img/main/play_btn.png') no-repeat center; background-size:110% auto;}
main .main-realReview .realReview-banSlide .slick-slide > div dl								{padding:23px 20px 0; min-height:290px; font-size:16px; color:#666; min-height:225px;}
main .main-realReview .realReview-banSlide .slick-slide > div dl dt							{font:20px / 1.4 "NotoKrB"; color:#000; background:url('/img/main/i_quot_mark.png') no-repeat left top; padding-top:17px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break:keep-all;}
main .main-realReview .realReview-banSlide .slick-slide > div dl dd						{margin-top:20px;}
main .main-realReview .realReview-banSlide .slick-slide > div dl dd > font			{font:16px / 1.4 "NotoKrR"; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-break:keep-all;}
main .main-realReview .realReview-banSlide .slick-slide > div a > .beFlex:last-child					{padding:20px;}

main .main-realReview .realReview-banSlide .slick-arrow									{position:absolute; top:inherit; bottom:0; border:1px solid #dbdbdb; border-radius:50%; width:60px; height:60px; background-color:#fff;}
main .main-realReview .realReview-banSlide .slick-arrow:before,
main .main-realReview .realReview-banSlide .slick-arrow:after						{content:""; position:absolute; left:50%; top:50%; width:2px; height:15px; background-color:#222;}
main .main-realReview .realReview-banSlide .slick-arrow:before					{transform:translate(-50%, -50%) rotate(-42deg); margin-top:-5px;}
main .main-realReview .realReview-banSlide .slick-arrow:after						{transform:translate(-50%, -50%) rotate(42deg); margin-top:5px;}

main .main-realReview .realReview-banSlide .slick-prev										{left:-440px;}
main .main-realReview .realReview-banSlide .slick-prev:before						{transform:translate(-50%, -50%) rotate(-42deg); margin-top:5px;}
main .main-realReview .realReview-banSlide .slick-prev:after							{transform:translate(-50%, -50%) rotate(42deg); margin-top:-5px;}

main .main-realReview .realReview-banSlide .slick-next										{right:calc(100% + 300px);}

main .main-realReview .realReview-banSlide .slick-disabled							{border-color:#e3e3e3; background-color:#f3f3f3;}
main .main-realReview .realReview-banSlide .slick-disabled:before,
main .main-realReview .realReview-banSlide .slick-disabled:after					{opacity:.4;}


main .main-aboutNby > .beGrid								{grid-template-columns:1fr 1fr; column-gap:30px;}

main .main-aboutNby .title										{text-align:left;}
main .main-aboutNby .title em								{margin-block:0 25px;}

main .main-aboutNby > .beGrid > .beGrid					{row-gap:50px;}

main + .sns-noti-cs									{padding-block:100px;}
.sns-noti-cs .beGrid									{display:grid;}
.sns-noti-cs > .beGrid								{row-gap:80px;}
.sns-noti-cs > .beGrid > .beGrid					{min-width:1320px; margin:0 auto; grid-template-columns:2fr 1fr; column-gap:40px;}

.sns-noti-cs .snsWrap										{background-color:#F4F4F4;}
.sns-noti-cs .snsWrap > div							{max-width:1320px; margin:0 auto; padding-block:70px; background:url('/img/main/bg_main_sns-1.png') no-repeat center;}
.sns-noti-cs .snsWrap > .beGrid					{row-gap:39px;}
.sns-noti-cs .snsWrap em:first-child			{font:40px / 1 "MaplestoryB"; color:#151515;}
.sns-noti-cs .snsWrap .btn-wrap button					{background-color:#fff; width:300px; height:80px; border-radius:20px; color:#151515; font:20px / 1 "NotoKrM"; margin-inline:15px;}
.sns-noti-cs .snsWrap .btn-wrap button > i				{margin-right:10px;}
.sns-noti-cs .snsWrap .btn-wrap.four > button					{width:295px;}

.sns-noti-cs .notiWrap > .beGrid					{row-gap:50px;}
.sns-noti-cs .notiWrap .beFlex								{display:flex; align-items:center;}
.sns-noti-cs .notiWrap .beFlex.farAway				{justify-content:space-between;}
.sns-noti-cs .notiWrap .beFlex:first-child > em				{font:40px / 1 "MaplestoryB"; color:#151515;}
.sns-noti-cs .notiWrap .beFlex:first-child > a					{font:18px / 1 "NotoKrM"; color:#151515; display:flex; align-items:center;}
.sns-noti-cs .notiWrap .beFlex:first-child > a > i				{margin-left:10px;}

.sns-noti-cs .notiWrap .notiList  li										{font:20px "NotoKrR"; color:#151515;}
.sns-noti-cs .notiWrap .notiList  li > span:first-child > i		{height:28px; border-radius:14px; color:#fff; font-size:16px; background-color:#000; display:grid; place-items:center;}
.sns-noti-cs .notiWrap .notiList  li > span:first-child > i.new							{background-color:#EA4E1B; width:24px; height:24px; font:14px "NotoKrB";}
.sns-noti-cs .notiWrap .notiList  li > span:first-child > i:first-child				{padding-inline:15px;}
.sns-noti-cs .notiWrap .notiList  li > span:first-child > a:hover						{text-decoration:underline;}	
.sns-noti-cs .notiWrap .notiList  li > span.beGrid											{display:grid; grid-auto-flow:column; column-gap:15px; align-items:center;}
.sns-noti-cs .notiWrap .notiList  li > span.event > i:first-child				{background-color:#EA4E1B;}
.sns-noti-cs .notiWrap .notiList  li > span.noti > i:first-child				{background-color:#232E7C;}
.sns-noti-cs .notiWrap .notiList  li > span:last-child			{color:#999; font-family:"RobotoR";}
.sns-noti-cs .notiWrap .notiList  li + li										{margin-top:37px;}	

.sns-noti-cs .csWrap > .beGrid						{padding:80px 30px 30px 40px; background-color:#EDF9FF; border-radius:30px 90px 30px 60px; row-gap:30px; position:relative; cursor:pointer;}
.sns-noti-cs .csWrap > .beGrid dl										{font:16px / 1 "NotoKrR"; color:#151515;}
.sns-noti-cs .csWrap > .beGrid dl dt								{font-family:"NotoKrB";}
.sns-noti-cs .csWrap > .beGrid dl dd								{margin-top:15px;}
.sns-noti-cs .csWrap > .beGrid dl:first-child dt				{font-size:20px; font-family:"NotoKrR";}
.sns-noti-cs .csWrap > .beGrid dl:first-child em			{font:40px / 1 "MaplestoryB"; color:#213F9A;}
.sns-noti-cs .csWrap > .beGrid dl:first-child dt + dd			{margin-top:20px;}
.sns-noti-cs .csWrap > .beGrid .alignRight								{margin-top:20px;}
.sns-noti-cs .csWrap > .beGrid .alignRight > a						{display:inline-block; border-radius:50%; background:#232E7C url('/img/main/i_arrow_topright.png') no-repeat center; width:46px; aspect-ratio:1 / 1;}
.sns-noti-cs .csWrap > .beGrid:after													{content:""; position:absolute; right:51px; bottom:95%; width:155px; height:163px; background:url('/img/main/csWrap_icon_01.png') no-repeat left center;}

.sns-noti-cs.hasIcon .notiWrap,
.sns-noti-cs.hasIcon .csWrap						{padding-top:140px;}



/* 서브상단 */
.top-comm											{height:160px;}
.top-comm .inside									{position:relative; margin:0 auto; padding:0 10px; max-width:1340px; height:100%; background:#fff /*url('/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:#fff /*#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('/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('/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 #eee;}
.location .inner > a:after							{content:""; position:absolute; top:50%; left:50%; z-index:1; width:14px; height:14px; background:url('/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 #eee; border-right:1px solid #eee;}
.location .inner > ul > li > label:after			{content:""; position:absolute; top:20px; right:10px; z-index:1; width:10px; height:6px; background:url('/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 #eee; background-color:#fff;}
.location .inner > ul > li > ol > li				{display:table; width:100%; border-bottom:1px solid #eee;}
.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);}


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

.terms-form > ul > li > ul > li > ul,
.terms-form > ul > li > ul					{margin:6px 0 15px 10px;}
.terms-form .table-write + em,
.terms-form .table-write + ul			{margin-top:15px;}


/* Title */
.title												{margin-bottom:50px; text-align:center;}
.title em											{display:block; margin-bottom:25px; font-size:42px; color:#222; letter-spacing:-1px;}
.title span											{display:block; font-size:16px; color:#808080;}


/* Login */
.login-form											{margin:0 auto 40px; width:600px;}
.login-form .access									{padding:0 60px; font-size:14px;}
.login-form .access > em							{display:block; margin-bottom:5px; font-family:'NotoKrM'; font-size:14px; color:#353535;}
.login-form .access > input							{margin-bottom:20px; padding:0 15px; height:50px; font-size:16px;}
.login-form .access > button						{margin:30px 0; width:100%;}
.login-form .find									{margin:0 60px; padding-top:30px; border-top:1px solid #e6e6e6;}
.login-form .find ul								{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -15px;}
.login-form .find ul li								{padding:0 15px; width:100%;}
.login-form .find ul li button						{display:block; width:100%; height:40px; font-size:14px; color:#232e7c; border:1px solid #232e7c; background-color:transparent; -webkit-transition:all .3s; transition:all .3s;}
.login-form .find ul li button:hover				{color:#ea5b0a; border-color:#ea5b0a;}


/* SNS Login */
.login-form .snsLogins-wrap		{margin-inline:60px; margin-block:45px 20px;}

.snsBtn-wrap .beGrid,
.snsLogins-wrap .beGrid				{display:grid; align-items:center;}
.snsLogins-wrap > .beGrid			{row-gap:40px;}

.snsLogins-wrap p							{text-align:center; color:#808080; position:relative;}
.snsLogins-wrap p:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:1px; background-color:#808080; z-index:0; opacity:.5;}
.snsLogins-wrap p:last-of-type								{font-size:14px;}
.snsLogins-wrap p:last-of-type:before					{display:none;}
.snsLogins-wrap p > font				{background-color:#fff; padding-inline:25px; z-index:1; position:relative;}

.snsBtn-wrap > .beGrid					{column-gap:20px; grid-template-columns:repeat(4, minmax(auto, 1fr)); margin-inline:15%;}
.snsBtn-wrap > .beGrid > span			{display:grid; place-items:center;}

.snsBtn-wrap a				{width:100%; border-radius:50%; border:1px solid transparent; aspect-ratio:1 / 1; background-position:center; background-repeat:no-repeat; max-width:50px;}
.snsBtn-wrap a.kakao				{background-color:#FEE500; background-image:url('/img/sns/i_kakao.png'); background-size: 50% auto;}
.snsBtn-wrap a.naver					{background-color:#03C75A; background-image:url('/img/sns/i_naver.png'); background-size: 38% auto;}
.snsBtn-wrap a.apple					{background-color:#000; background-image:url('/img/sns/i_apple.png'); background-size: 38% auto;}
.snsBtn-wrap a.google				{background-color:#fff; background-image:url('/img/sns/i_google.png'); border-color:#747775; background-size: 45% auto;}



/* Login Tab Btn */
.tab-button											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap;}
.tab-button > li									{margin-left:-1px; width:100%;}
.tab-button > li:first-child						{margin-left:0;}
.tab-button > li a									{position:relative; display:block; line-height:50px; font-size:16px; color:#888; border:1px solid #eee; border-bottom-color:#333; text-align:center;}
.tab-button > li.active								{border-color:#333;}
.tab-button > li.active a							{z-index:1; color:#000; border-color:#333; border-bottom-color:#fff; overflow:hidden;}


/* 인증방식선택 */
.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:#fff; 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 #eee;}
.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:#000; 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%);}


/* SNS회원가입 */
.member-sns											{max-width:600px; margin-inline:auto; margin-block:70px;}
.member-sns .beGrid								{display:grid; align-items:center;}
.member-sns button								{height:75px; font:20px / 1 "NotoKrM";}

.member-sns > .beGrid									{row-gap:60px;}
.member-sns > .beGrid > button					{color:#fff; background-color:#052A83;}
.member-sns > .beGrid > dl							{color:#000; font:16px / 1 "BotoKrR";}
.member-sns > .beGrid > dl > dd					{margin-top:10px;}

.snsBtns-wrap									{display:grid; grid-auto-flow:row; row-gap:10px;}
.snsBtns-wrap > button					{height:60px; text-align:left; padding-left:70px; border:1px solid transparent; font:16px / 1 "NotoKrM"; background-repeat:no-repeat; background-position:15px center;}
.snsBtns-wrap .kakao					{background-color:#FEE500; background-image:url('/img/sns/i_kakao.png'); background-size:auto 30%;}
.snsBtns-wrap .naver						{background-color:#03C75A; background-image:url('/img/sns/i_naver.png'); background-size:auto 30%; color:#fff;}
.snsBtns-wrap .apple						{background-color:#000; background-image:url('/img/sns/i_apple.png'); background-size:auto 34%; color:#fff;}
.snsBtns-wrap .google					{background-color:#fff; background-image:url('/img/sns/i_google.png'); background-size:auto 34%; border-color:#747775;}



/* 회원선택 */
.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:#eee; 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('/img/icon/user01.png');}
.select-members p.user02:after						{background-image:url('/img/icon/user02.png');}
.select-members p.user03:after						{background-image:url('/img/icon/user03.png');}
.select-members dl									{margin-top:30px;}
.select-members dl dt								{margin-bottom:15px; font-family:'NotoKrM'; font-size:24px; color:#000;}
.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:#000;}
.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:#fff; background-color:#232e7c;}
.join-process li.on span							{color:#232e7c;}
.join-process li.on:before,
.join-process li.on:after							{background-color:#232e7c;}


/* 회원가입 약관동의 */
.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 #232e7c; 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 > ul > li > span > ul					{margin-left:70%;}
.browsewrap > ul > li > span > ul li					{margin:12px 0; text-align:left;}
.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 #eee;}
.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:#eee; 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:#fff; background-color:#232e7c; -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('/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 th.invisible 					{visibility: hidden;}
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:#fff; border-color:#333; background-color:#333;}
table.table-write td button.btn-blue			{width:80px; padding:0 8px; background-color:#232e7c; color:#ffffff; border:none;}
table.table-write td button.attachedBtn												{position:relative;}
table.table-write td button.attachedBtn > input[type="file"]					{position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
table.table-write td button.attachedBtn + small									{display:inline; margin-left:5px;}
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('/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('/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:#ffffff; border:none;}
table.table-write td > .desc-detail										{padding-left:4px;}
table.table-write td.dec										{border-bottom:0; padding-left:20px;}
table.table-write + .desc-txt									{color:red; font-size:13px; margin-top:15px; display:block; font-weight:bold;}

table.table-write .has-snsAcount						{padding-left:28px; position:relative;}
table.table-write .has-snsAcount:before				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; aspect-ratio:1 / 1; border:1px solid transparent; border-radius:50%; background-repeat:no-repeat; background-position:center;}
table.table-write .has-snsAcount.kakao:before				{background-color:#FEE500; background-image: url('/img/sns/i_kakao.png'); background-size:52% auto;}
table.table-write .has-snsAcount.naver:before				{background-color:#03C75A; background-image: url('/img/sns/i_naver.png'); background-size:52% auto;}
table.table-write .has-snsAcount.apple:before				{background-color:#000; background-image: url('/img/sns/i_apple.png'); background-size:52% auto;}
table.table-write .has-snsAcount.google:before			{background-color:#fff; background-image: url('/img/sns/i_google.png'); background-size:52% auto; border-color:#747775;}

.pay-divide																		{position:relative; width:100%;}
.pay-divide .wrap-input											{display:inline-block;}
.pay-divide .wrap-rest												{position:absolute; top:50%; left:280px; transform:translateY(-50%); display:flex; justify-content:space-between; width:calc(100% - 280px);}
.pay-divide .wrap-rest span									{width:55%; font-size:14px; color:#999;}
.pay-divide .wrap-rest span	strong					{color:#ea5b0a;}
.pay-divide .wrap-rest em										{width:45%; }

.color-accept										{color:#ea5b0a;}
.color-finish										{color:#ccc;}

table.table-write td .snsAcount-wrap		{margin-right:40%; margin-block:15px;}
.snsAcount-wrap .beGrid								{display:grid;}
.snsAcount-wrap .beFlex > span,
.snsAcount-wrap .beFlex								{display:flex; align-items:center;}
.snsAcount-wrap > .beGrid							{grid-auto-flow:row; row-gap:20px;}
.snsAcount-wrap > .beGrid .beFlex						{justify-content:space-between;}
.snsAcount-wrap > .beGrid .beFlex font			{color:#000; font:14px / 1 "NotoKrR";}
.snsAcount-wrap > .beGrid .beFlex font + font			{margin-left:10px;}
.snsAcount-wrap > .beGrid .beFlex button			{height:30px; border-radius:15px; width:auto; padding:0 12px; font-size:14px;}
.snsAcount-wrap > .beGrid .beFlex i			{flex:0 0 44px; width:44px; aspect-ratio:1 / 1; border:1px solid transparent; border-radius:50%; background-repeat:no-repeat; background-position:center; margin-right:10px;}
.snsAcount-wrap > .beGrid .beFlex.kakao i					{background-color:#FEE500; background-image: url('/img/sns/i_kakao.png'); background-size:50% auto;}
.snsAcount-wrap > .beGrid .beFlex.naver i					{background-color:#03C75A; background-image: url('/img/sns/i_naver.png'); background-size:38% auto;}
.snsAcount-wrap > .beGrid .beFlex.apple i					{background-color:#000; background-image: url('/img/sns/i_apple.png'); background-size:38% auto;}
.snsAcount-wrap > .beGrid .beFlex.google i					{background-color:#fff; background-image: url('/img/sns/i_google.png'); background-size:38% auto; border-color:#747775;}



/* 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:#232e7c;}
.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;}

.file-area												{margin-bottom:10px;}
.file-area:last-child,
.file-area:only-child							{margin-bottom: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('/img/icon/paging_arrow.png') no-repeat; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.pagination a.btn-arrow.first:after					{background-position:left top;}
.pagination a.btn-arrow.prev:after					{background-position:right top;}
.pagination a.btn-arrow.next:after					{background-position:right bottom;}
.pagination a.btn-arrow.last:after					{background-position:left bottom;}
.pagination a.select								{color:#000;}
.pagination a.select:hover							{color:#000; text-decoration:none; cursor:default;}


/* No Data */
.noData												{margin:0 auto 60px; padding-top:200px;text-align:center;}
.noData > span										{position:relative; padding-top:140px; width:100%; font-size:18px; color:#999;}
.noData > span:before								{content:""; position:absolute; top:0; left:50%; z-index:1; width:120px; height:120px; background:#eee url('/img/icon/no_data.png') no-repeat center; transform:translateX(-50%); -webkit-transform:translateX(-50%); -webkit-border-radius:50%; border-radius:50%;}


/* 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:#232e7c; border:1px solid #232e7c; background-color:transparent;}
.table-list > button:hover							{color:#fff; background-color:#232e7c;}
.table-list > button.list						{padding:0 13px 0 40px;}
.table-list > button.list > i							{position:absolute; top:50%; left:16px; transform:translateY(-50%); width:11px; height:10px; border-width:1px 0; border-style:solid; border-color:#232e7c;}
.table-list > button.list > i:after				{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); height:1px; width:100%; background-color:#232e7c;}
.table-list > button.list:hover > i						{border-color:#fff;}
.table-list > button.list:hover > i:after			{background-color:#fff;}

.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 > .soldout					{display:inline-block; margin-left:6px; padding:4px 6px; background:#ff3000; color:#ffffff; border-radius:3px; font-size:12px; vertical-align:middle;}
.table-list table td > .edit							{width:20px; height:20px; background:url('/img/icon/i_edit.png') no-repeat center; background-size:100% auto; display:inline-block; text-indent:-9999px; margin:0 0 0 10px; vertical-align:bottom;}
.table-list table td strong							{margin-right:3px; font-family:'NotoKrM'; font-size:18px; color:#ff3000;}
.table-list table td.left,
.table-list table.td-left td						{padding-left:20px; text-align:left;}
.table-list table th.right,
.table-list table td.right							{padding-right:20px; text-align:right;}
.table-list table td button								{width:100%; height:30px; background-color:transparent; border:1px solid #232e7c; color:#232e7c; font-size:13px;}
.table-list table td button:hover					{background-color:#232e7c; color:#fff;}
.table-list table td button > font					{position:relative; top:-1px;}
.table-list table td.status								{color:#ea5b0a;}
.table-list table td.compl								{color:#aaa;}
.table-list table td.hasLeftLine					{position:relative;}
.table-list table td.hasLeftLine:after			{content:""; position:absolute; right:0; top:0; height:100%; width:1px; background-color:#ccc;}
.table-list table td .beFlex								{display:flex; align-items:center; height:100%;}
.table-list table td .beFlex > p							{width:80px; height:60px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; margin-right:20px;}
.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:#fff; border-color:#ea5b0a; background-color:#ea5b0a;}
.table-list .btn-table button:nth-child(2)			{color:#252525; border-color:#ccc; background-color:#fff;}

.table-list table td a.bottomLink					{display:block; text-decoration:underline; color:#000;}
.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 > 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:#000;}
.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 #000; 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:#fff; 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:#fff; 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;}


/* 장바구니 결제하기  */
.cart-order											{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:30px;}
.cart-order a										{position:absolute; top:0; left:0; z-index:1; padding:0 15px; line-height:36px; font-size:13px; color:#252525; border:1px solid #ccc;}
.cart-order button									{margin-left:15px; padding:0 30px; height:46px; font-family:'NotoKrM'; font-size:15px; color:#232e7c; border:1px solid #232e7c; background-color:#fff;}
.cart-order button:last-child						{color:#fff; background-color:#232e7c;}


/* 조회 Box */
.date-search										{margin-bottom:20px; padding:30px 0; border:4px solid #e0e0e0; text-align:center;}
.date-search > span,
.date-search > ul									{display:inline-block; vertical-align:middle; margin-right:10px;}
.date-search > dl:after,
.date-search > ul:after								{content:""; display:block; float:none; clear:both;}
.date-search > ul > li								{display:table; float:left; width:100px;}
.date-search > ul > li > a							{display:table-cell; vertical-align:middle; padding-bottom:2px; font-size:12px; color:#666; height:32px; border:1px solid #e0e0e0; border-left:none; letter-spacing:0;}
.date-search > ul > li:first-child > a				{border-left:1px solid #e0e0e0;}
.date-search > ul > li > a:hover					{color:#151515;}
.date-search > ul > li.on > a						{color:#fff; border-color:#151515; background-color:#333;}
.date-search > span > em								{font-size:14px; padding:0 10px;}
.date-search > button								{display:inline-block; vertical-align:middle; width:80px; height:36px; font-weight:bold; font-size:13px; color:#fff; background-color:#232e7c;}
.date-search > button.btn-reset						{color:#fff; background-color:#bbbbbb; margin-left:5px;}

.date-search > span > .form-calendar:last-of-type					{margin:0 0 0 10px;}


/* 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:#232e7c; font-size:12px; color:#fff; -webkit-border-radius:3px; border-radius:3px;}
.btn-shipping										{margin-top:4px; background:#fff; color:#999; border:1px solid #bbb;}
.btn-chart											{height:30px; padding:0 10px; background:#fff; 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:#000; 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('/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:#fff;}
.table-notice table td .noticeNum:after				{content:""; position:absolute; top:50%; left:50%; z-index:-1; width:40px; height:40px; background-color:#232e7c; 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:#000;}
.table-notice table td a:hover						{text-decoration:underline;}
.table-notice table td .noticeNum					{padding:1px 5px; font-family:'NotoKrM'; font-size:12px; color:#fff; 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:#fff;}
.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('/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 #eee;}
.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 #eee;}
.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;}


/* 이전글 다음글 */
.prev-next-box li									{position:relative; display:table; padding-left:90px; width:100%; border-bottom:1px solid #eee;}
.prev-next-box li em								{position:absolute; top:50%; left:0; z-index:1; font-size:14px; color:#888; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.prev-next-box li span								{display:table-cell; vertical-align:middle; height:56px; font-size:14px; color:#aaa;}
.prev-next-box li span a							{color:#000;}
.prev-next-box li span a:hover						{text-decoration:underline;}


/* Board View Attfile */
.attfile-area										{padding:40px 20px; border-bottom:1px solid #eee;}
.attfile-area .file-size							{position:relative; margin-bottom:8px; padding-left:12px; font-size:14px;}
.attfile-area .file-size:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:7px; height:12px; background:url('/img/icon/i_file.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.attfile-area .file-size em							{color:#151515;}
.attfile-area .file-size span						{display:inline-block; margin-left:5px; font-size:13px; color:#666;}
.attfile-area .file-size span .num					{color:#ff3000;}
.attfile-area ul									{padding:10px 0; border:1px solid #ddd;}
.attfile-area ul li									{padding:10px 20px;}
.attfile-area ul li:hover							{background-color:#f9f9f9;}
.attfile-area ul li a								{position:relative; padding-left:25px; font-size:14px; color:#151515;}
.attfile-area ul li a:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:16px; height:16px; background:url('/img/icon/i_down.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.attfile-area ul li a:hover							{text-decoration:underline;}
.attfile-area ul li span							{display:inline-block; margin-left:10px; color:#999; font-family:'tahoma'; font-size:11px;}


/* 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 Mypage */
.tab-mypage													{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; margin:0 -10px; margin-bottom:60px; }
.tab-mypage a												{position:relative; display:inline-block; width:12.5%; margin:0 10px; padding:0 10px; font-size:16px; color:#666; text-align:center; line-height:40px; border:1px solid #ddd;}
.tab-mypage a.on										{color:#ea5b0a; border:1px solid #ea5b0a;}
.tab-mypage a.hasCircleNum							{display:flex; align-items:center; justify-content:center;}
.tab-mypage a.hasCircleNum > i						{display:grid; place-items:center; border-radius:50%; background-color:#ea5b0a; color:#fff; width:23px; height:23px; font-size:13px; margin-left:7px; font-family:"RobotoB";}

.tab-mypage.tenEa										{margin:0 -2px 60px; position:relative; -webkit-justify-content:flex-start; justify-content:flex-start;}
.tab-mypage.tenEa a									{width:100%; margin:0 2px; letter-spacing:-1px; padding:0 5px; font-size:15px;}
.tab-mypage.tenEa > div							{position:absolute; top:calc(100% + 5px); left:0; width:100%; display:-webkit-flex; display:flex; -webkit-justify-content:flex-start; justify-content:flex-start;}
.tab-mypage.tenEa > div > a						{/* width:9.69%; */ width:10.78%;}
.tab-mypage.tenEa > div.beGrid				{display:grid; grid-template-column:repeat(10, 1fr);}
.tab-mypage.mb100									{margin-bottom:100px;}


/* 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:#ffffff;}
.tab-state button.on									{z-index:1; color:#000; border-color:#222e7c; background:#222e7c; color:#ffffff;}

.tab-state.hasRightBtn > span					{margin-left:auto;}
.tab-state.hasRightBtn button				{min-width:116px;}


/* 쿠폰함 */
.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:#000000;}
.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:#eeeeee;}
.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; display:flex; padding:60px; border:4px solid #f4f4f4;}
.customer .service-info									{width:50%;}
.customer .service-info em							{position:relative; display:block; margin-bottom:10px; padding-top:20px; font-family:'NotoKrM'; font-size:18px; color:#151515;}
.customer .service-info em:after					{content:""; position:absolute; top:0px; left:0; z-index:1; width:65px; height:1px; background-color:#ea5b0a;}
.customer .service-info dl dt						{margin-bottom:10px; font-family:'NotoKrB'; font-size:46px; color:#232e7c; 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%);}
.customer .service-desc												{position:relative; width:50%; padding-left:40px; border-left:2px solid #f4f4f4; text-align:center;}
.customer .service-desc span									{display: block; color:#000000; font-size:20px;}
.customer .service-desc p											{margin-top:20px; color:#999999; font-size:16px; line-height:1.5;}


/* 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:#fff; background-color:#232e7c; 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('/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:#fff; 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 #000; background-color:#fafafa;}
.tab-classify button.on								{z-index:1; color:#000; border-color:#000; border-bottom-color:#fff; background-color:#fff;}


/* 전체 카테고리 */
.category											{margin-top:-20px; margin-bottom:30px;}
.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-family:'RobotoM','NotoKrM',sans-serif; 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('/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;}
.category > ol										{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.category > ol > li									{padding:15px 0; width:20%;}
.category > ol > li a								{position:relative; padding:5px 10px; font-size:16px; color:#454545; -webkit-transition:all .1s; transition:all .1s;}
.category > ol > li a: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%); -webkit-border-radius:50%; border-radius:50%;}
.category > ol > li a:hover							{color:#ea5b0a;}
.category > ol.beGrid							{display:grid; grid-template-columns:repeat(8, 1fr);}
.category > ol.beGrid > li					{width:auto;}


/* 리스트 종류별 */
.list-sort											{position:relative; display:table; margin-bottom:20px; width:100%; border-bottom:1px solid #333;}
.list-sort > em										{position:absolute; top:50%; left:0; z-index:1; font-size:18px; color:#000; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.list-sort > em b									{margin:0 2px 0 5px; color:#ea5b0a;}


/* 정렬 */
.array												{display:table-cell; vertical-align:middle; height:40px; text-align:right;}
.array > a											{position:relative; display:inline-block; margin-left:25px; font-size:15px; color:#454545;}
.array > a.on										{color:#ea5b0a;}
.array > a:before									{content:""; position:absolute; top:50%; left:-13px; z-index:1; width:1px; height:12px; background-color:#e7e7e7; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.array > a:first-child								{margin-left:0;}
.array > a:first-child:before						{display:none;}


/* 보기형식 */
.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%; text-indent:-9999px;}
.type > span > a:after								{content:""; position:absolute; top:50%; left:50%; z-index:1; width:12px; height:12px; background:url('/img/icon/i_array.png') no-repeat; 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;}
.type > span > a.on:nth-child(2):after				{background-position:right bottom;}


/* 추천도서 */
.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 #232e7c; -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											{display:flex; display:-webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:0 -20px;}
.productBox > li									{margin-bottom:40px; padding:0 20px; width:25%;}
.productBox > li .thumb-wrap						{position:relative; overflow:hidden;}
.productBox > li .thumb-wrap p						{position:relative; height:300px; background-color:#ffffff; cursor:pointer;}
.productBox > li .thumb-wrap p img					{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%;}
.productBox > li .thumb-wrap .orderBtn				{position:absolute; bottom:-100px; left:0; z-index:1; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; width:100%; background-color:rgba(0,0,0,.7); -webkit-transition:all .25s ease-out; transition:all .25s ease-out;}
.productBox > li .thumb-wrap .orderBtn a			{position:relative; padding-top:60px; width:100%; height:100px; font-size:14px; color:#fff; line-height:1.2; text-align:center; -webkit-transition:all .3s; transition:all .3s;}
.productBox > li .thumb-wrap .orderBtn a:hover		{background-color:#ea5b0a;}
.productBox > li .thumb-wrap .orderBtn a:before		{content:""; position:absolute; top:0; right:0; z-index:1; width:1px; height:100%; background-color:rgba(255,255,255,.15);}
.productBox > li .thumb-wrap .orderBtn a:last-child:before		{display:none;}
.productBox > li .thumb-wrap .orderBtn a:after					{content:""; position:absolute; top:15px; left:50%; z-index:1; width:40px; height:40px; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.productBox > li .thumb-wrap .orderBtn a:nth-child(1):after		{background-image:url('/img/icon/order01.png');}
.productBox > li .thumb-wrap .orderBtn a:nth-child(2):after		{background-image:url('/img/icon/order02.png');}
.productBox > li .thumb-wrap .orderBtn a:nth-child(3):after		{background-image:url('/img/icon/order03.png');}
.productBox > li .thumb-wrap .orderBtn.only-directBuy							{align-items:center;}
.productBox > li .thumb-wrap .orderBtn.only-directBuy > a					{height:60px; padding:0; display:flex; flex-direction:row-reverse; justify-content:center; align-items:center; font-size:18px; line-height:1;}
.productBox > li .thumb-wrap .orderBtn.only-directBuy > a:after				{position:static; transform:none; height:44px;}
.productBox > li .thumb-wrap:hover .orderBtn		{bottom:0;}
.productBox > li .info-product						{margin-top:15px; padding:0 5px;}
.productBox > li .info-product em					{display:block; min-height:38px; margin-bottom:10px; font-size:16px; color:#333; line-height:1.2;}
.productBox > li .info-product ol					{padding-top:10px; border-top:1px dashed #ddd;}
.productBox > li .info-product ol li				{position:relative; display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; align-items:baseline; -webkit-align-items:baseline; padding:5px 0; font-size:14px;}
.productBox > li .info-product ol li del,
.productBox > li .info-product ol li strike			{color:#bbb;}
.productBox > li .info-product ol li strong			{margin:0 8px; font-family:'NotoKrM'; font-weight:normal; color:#333;}
.productBox > li .info-product ol li b				{font-weight:normal; color:#ff3000;}
.productBox > li .info-product ol li .soldout				{display:inline-block; margin-left:6px; padding:4px 6px; background:#ff3000; color:#ffffff; border-radius:3px; font-size:12px; vertical-align:middle;}
.productBox > li .info-product ol li span			{position:relative; font-size:13px; color:#707070;}
.productBox > li .info-product ol li a				{position:absolute; top:50%; right:0; z-index:1; width:30px; height:30px; text-indent:-9999px; background-color:#232e7c; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.productBox > li .info-product ol li a:after		{content:""; position:absolute; top:50%; left:50%; z-index:1; margin-left:2px; width:0; height:0; border-style:solid; border-width:6px 0 6px 10px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.productBox > li .info-product ol li a:hover		{animation:shadow-pulse1 1s infinite;}
@keyframes shadow-pulse1 {
	0% {
		box-shadow: 0 0 0 0px rgba(35,46,124,.2);
	}
	100% {
		box-shadow: 0 0 0 20px rgba(35,46,124,0);
	}
}
/*.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:#232e7c; background-color:#fff; 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('/img/icon/i_fixedPrice.png') no-repeat; transform:translateY(-50%); -webkit-transform:translateY(-50%);}


/* 제품 리스트형 */
.productList										{padding-bottom:20px;}
.productList > li									{position:relative; display:-webkit-flex; display:flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; align-items:center; /*display:table;*/ margin-bottom:20px; padding:10px; width:100%; border:1px solid #e7e7e7;}
.productList > li p,
.productList > li .info-detail						{/*display:table-cell; vertical-align:middle;*/}
.productList > li p										{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; width:200px; height:200px; line-height:200px; background-color:#ffffff; cursor:pointer; overflow:hidden;}
.productList > li p img										{max-height:100%;}
.productList > li .info-detail						{width:calc(100% - 200px); padding:0 260px 0 30px;}
.productList > li .info-detail em					{display:block; margin-bottom:20px; font-family:'RobotoM','NotoKrM',sans-serif; font-size:22px; color:#252525; line-height:1.2;}
.productList > li .info-detail ol					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-bottom:8px;}
.productList > li .info-detail ol li				{position:relative; padding-right:25px; font-size:15px; color:#757575;}
.productList > li .info-detail ol li:after			{content:""; position:absolute; top:50%; right:12px; z-index:1; width:1px; height:12px; background-color:#e7e7e7; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.productList > li .info-detail ol li:last-child:after{display:none;}
.productList > li .info-detail dl					{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin-top:40px;}
.productList > li .info-detail dl dt strike			{margin-right:10px; font-size:14px; color:#bbb;}
.productList > li .info-detail dl dt strong			{font-weight:normal; font-size:18px; color:#333;}
.productList > li .info-detail dl dt strong			{font-family:'NotoKrM';}
.productList > li .info-detail dl dd				{position:relative; margin-left:20px; font-size:18px; color:#ff3000;}
.productList > li .info-detail dl dd .soldout			{display:inline-block; margin-left:6px; padding:4px 6px; background:#ff3000; color:#ffffff; border-radius:3px; font-size:12px; vertical-align:middle;}
.productList > li > a								{position:absolute; top:50%; right:300px; z-index:1; width:40px; height:40px; text-indent:-9999px; background-color:#232e7c; transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-border-radius:50%; border-radius:50%;}
.productList > li > a:before						{content:"음원듣기"; position:absolute; top:100%; left:50%; z-index:1; padding-top:8px; width:60px; font-size:13px; color:#232e7c; text-indent:0; text-align:center; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.productList > li > a:after							{content:""; position:absolute; top:50%; left:50%; z-index:1; margin-left:2px; width:0; height:0; border-style:solid; border-width:9px 0 9px 14px; border-color:transparent transparent transparent #fff; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.productList > li > a:hover							{animation:shadow-pulse2 1s infinite;}
@keyframes shadow-pulse2 {
	0% {
		box-shadow: 0 0 0 0px rgba(35,46,124,.2);
	}
	100% {
		box-shadow: 0 0 0 30px rgba(35,46,124,0);
	}
}
.productList > li > span							{position:absolute; top:50%; right:30px; z-index:1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.productList > li > span button						{position:relative; display:block; margin:15px 0; width:200px; height:42px; font-family:'NotoKrM'; font-size:15px; color:#555; border:1px solid #ddd; background-color:transparent; overflow:hidden; -webkit-transition:all .3s; transition:all .3s;}
.productList > li > span button:after				{content:""; position:absolute; top:0; left:100%; z-index:-1; width:100%; height:100%; background-color:#232e7c; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.productList > li > span button:hover				{color:#fff; border-color:#232e7c;}
.productList > li > span button:hover:after			{left:0;}
.productList > li.fixedPrice .info-detail dl dd:after{content:""; position:absolute; top:50%; left:100%; z-index:1; margin-left:20px; width:60px; height:18px; background:url('/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					{position:relative; width:540px; height:540px; border:1px solid #eee; overflow:hidden;}
.productHeader .product-photo > p img				{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; 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 #eee; 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:#000;}
.productHeader .productDetail > dl > dd strong		{font-family:'RobotoB','NotoKrB',sans-serif; font-weight:normal; font-size:20px; color:#232e7c;}
.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('/img/icon/i_fixedPrice.png') no-repeat;}
.productHeader .productDetail > dl > dd .soldout				{display:inline-block; margin-left:6px; padding:4px 6px; background:#ff3000; color:#ffffff; border-radius:3px; font-size:12px; vertical-align:middle;}
.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 #eee;}
.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:#000;}
.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:#fff;}
.productHeader .productBtn button:first-child		{color:#fff; 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:#fff; line-height:50px; background-color:#232e7c; -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('/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 #eee transparent transparent;}
.thumb-body .control-frame > a.next					{right:-48px; border-width:30px 0 30px 38px; border-color:transparent transparent transparent #eee;}
.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 #eee; -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:#fff; 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('/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:#000; 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:#fff;}
	.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('/img/icon/star.png') no-repeat; background-size:100% auto;}
.stars.direct										{justify-content:center; -webkit-justify-content:center;}
.stars.direct span									{width:54px; height:54px; background-image:url('/img/icon/star_b.png'); cursor:pointer;}


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


/* 구매후기 */
.review-wrap										{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:#fff; background-color:#333; transform:translateY(-50%); -webkit-transform:translateY(-50%); border-radius:3px; -webkit-border-radius:3px;}
.review-wrap .review-list							{margin-bottom:40px; border-top:1px solid #ededed;}
.review-wrap .review-list li						{position:relative; display:table; padding:20px; 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:#000;}
.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('/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:#fff; background-color:rgba(0,0,0,.4); text-align:center;}
.review-wrap .review-list li.open					{background-color:#f8f9fb;}
.review-wrap .review-list li.open 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										{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:#fff;}
.review-write .package								{display:table; margin-bottom:25px; padding:15px 0; width:100%; border-bottom:5px solid #f2f2f2;}
.review-write .package p,
.review-write .package dl							{display:table-cell; vertical-align:middle; height:80px;}
.review-write .package p							{width:80px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-write .package dl							{padding-left:15px;}
.review-write .package dl dt						{font-size:17px; color:#151515;}
.review-write .package dl dd						{margin-top:10px; font-size: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:#fff; border-radius:50%; -webkit-border-radius:50%;}
.review-write .photo-register a:after				{width:12px; height:12px; background:url('/img/icon/i_plus.png') no-repeat;}
.review-write .photo-register a span				{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.review-write .photo-register a i.delete						{position:absolute; top:5px; right:5px; z-index:5; width:20px; height:20px; text-indent:-9999px; background:rgba(255,255,255,.8) url('/img/icon/i_more_arrow.png') center center no-repeat; border:1px solid #000000; -webkit-border-radius:50%; border-radius:50%;}

.review-write .mid-title						{text-align:center; font-size:17px; color:#000; margin:25px 0 12px; font-family:'NotoKrM';}


/* 리얼리뷰 팝업 */
.realReviewView-wrap									{position:fixed; z-index:9999; display:none;}
.realReviewView-wrap.on								{display:block;}

.realReviewView-wrap:before						{content:""; position:fixed; inset:0; background-color:rgba(0,0,0,.7);}

.realReviewView												{position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0);  width:1060px; aspect-ratio:16 / 9; background-color:#fff;}
.realReviewView .close									{position:absolute; right:0; bottom:calc(100% + 15px); width:40px; aspect-ratio:1 / 1;}
.realReviewView .close:before,
.realReviewView .close:after							{content:""; position:absolute; left:50%; top:50%; width:1px; height:58px; background-color:#fff;}
.realReviewView .close:before						{transform:translate3d(-50%, -50%, 0) rotate(45deg);}
.realReviewView .close:after							{transform:translate3d(-50%, -50%, 0) rotate(-45deg);}

.realReviewView .arrow-btn > a					{position:absolute; top:50%; transform:translateY(-50%); width:80px; aspect-ratio:1 / 2; text-indent:-9999px;}
.realReviewView .arrow-btn > a:before,
.realReviewView .arrow-btn > a:after			{content:""; position:absolute; left:50%; top:50%; width:2px; height:60px; background-color:#fff;}
.realReviewView .arrow-btn > a:before		{transform:translate(-50%, -50%) rotate(40deg); margin-top:23px;}
.realReviewView .arrow-btn > a:after			{transform:translate(-50%, -50%) rotate(-40deg); margin-top:-23px;}
.realReviewView .arrow-btn .prev				{right:100%;}
.realReviewView .arrow-btn .prev:before				{transform:translate(-50%, -50%) rotate(-40deg); margin-top:23px;}
.realReviewView .arrow-btn .prev:after					{transform:translate(-50%, -50%) rotate(40deg); margin-top:-23px;}
.realReviewView .arrow-btn .next				{left:100%;}

.realReviewView .beGrid								{display:grid;}
.realReviewView > .beGrid							{grid-template-columns:1.5fr 1fr; height:100%;}
.realReviewView > .beGrid > div + div			{border-left:1px solid #DBDBDB;}

.realReviewView > .beGrid > div:first-child						{position:relative;}
.realReviewView > .beGrid > div:first-child > p					{position:absolute; inset:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.realReviewView > .beGrid > div:first-child > p.videoWrap				{background-color:#000;}
.realReviewView > .beGrid > div:first-child > p.videoWrap iframe,
.realReviewView > .beGrid > div:first-child > p.videoWrap embed,
.realReviewView > .beGrid > div:first-child > p.videoWrap video					{position:absolute; inset:0;}

.realReviewView > .beGrid > div:last-child dl								{padding:25px; font:1rem "NotoKrR";}
.realReviewView > .beGrid > div:last-child dl dt							{font:1.35rem "NotoKrB"; color:#000; padding-top:18px; background: url('/img/main/i_quot_mark.png') no-repeat left top; word-break:keep-all;}
.realReviewView > .beGrid > div:last-child dl dd							{margin-top:20px;}
.realReviewView > .beGrid > div:last-child dl dd font					{line-height:1.4; word-break:keep-all;}
.realReviewView > .beGrid > div:last-child .beFlex						{padding:25px; display:flex; align-items:center; color:#151515;  font-family:"NotoKrM";}
.realReviewView > .beGrid > div:last-child .beFlex > p				{margin-right:5px;}
.realReviewView > .beGrid > div:last-child .thumnail-wrap			{border-top:1px solid #dbdbdb; padding:25px;}
.realReviewView > .beGrid > div:last-child .thumnail-wrap > .beGrid			{grid-template-columns:repeat(6, 1fr); gap:10px;}
.realReviewView > .beGrid > div:last-child .thumnail-wrap > .beGrid p			{aspect-ratio:1 / 1; border:1px solid #dbdbdb; position:relative; background-repeat:no-repeat; background-position:center; background-size:cover;}
.realReviewView > .beGrid > div:last-child .thumnail-wrap > .beGrid p.video:after				{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:45%; aspect-ratio:1 / 1; background: rgba(0,0,0,.6) url('/img/main/play_btn.png') no-repeat center; background-size:110% auto; border-radius:50%;}

.realReviewView > .beGrid > div.beGrid										{grid-template-rows:1fr auto auto;}
.realReviewView > .beGrid > div.beGrid > div:first-child						{overflow-y:auto; position:relative;}
.realReviewView > .beGrid > div.beGrid > div:first-child > dl				{position:absolute; inset:0;}





/* 배송/반품/환불 */
.refund-table										{border-top:1px solid #eee;}
.refund-table dl									{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; padding:0 10px; border-bottom:1px solid #eee;}
.refund-table dt,
.refund-table dd									{padding:20px;}
.refund-table dt									{width:20%; font-family:'NotoKrM'; font-size:16px; color:#333;}
.refund-table dd									{width:80%; font-size:14px; color:#454545; line-height:1.8; border-left:1px solid #f0f0f0;}


/* 비밀번호 입력 */
.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:#000; 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('/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 #eee; 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:#000; -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:#fff; 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:#000; -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:#000000;}
.pop-header em												{color:#ffffff; font-size:16px;}
.pop-header button										{width:24px; height:24px; background:url('/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 #ddd; 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:#000;}
.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:#000000;}
.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:#eeeeee;}
.profile .info	> dl > dd em:last-child:after					{display: none;}

.profile .info	> dl > dd .snsAcount,
.profile .info	> .name span .snsAcount										{padding-left:27px; position:relative; margin-block:10px 6px;}
.profile .info	> dl > dd .snsAcount:before,
.profile .info	> .name span .snsAcount:before							{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; aspect-ratio:1 / 1; border:1px solid transparent; border-radius:50%; background-repeat:no-repeat; background-position:center;}
.profile .info	> dl > dd .snsAcount.kakao:before,
.profile .info	> .name span .snsAcount.kakao:before			{background-color:#FEE500; background-image:url('/img/sns/i_kakao.png'); background-size:52% auto;}
.profile .info	> dl > dd .snsAcount.naver:before,
.profile .info	> .name span .snsAcount.naver:before				{background-color:#03C75A; background-image:url('/img/sns/i_naver.png'); background-size:52% auto;}
.profile .info	> dl > dd .snsAcount.apple:before,
.profile .info	> .name span .snsAcount.apple:before				{background-color:#000; background-image:url('/img/sns/i_apple.png'); background-size:52% auto;}
.profile .info	> dl > dd .snsAcount.google:before,
.profile .info	> .name span .snsAcount.google:before			{background-color:#fff; background-image:url('/img/sns/i_google.png'); background-size:52% auto; border-color:#747775;}


.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:#000000; 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 #eeeeee;}
.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:#000000;}
.profile .orders ul li.recent dl dd:after						{position:absolute; content:''; top:0px; right:20px; width:2px; height:16px; background:#eeeeee;}
.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:#eeeeee;}
.profile .orders ul li.coupon dl:last-child:after						{display:none;}
.profile .orders p																					{position:relative; margin-bottom:50px; font-size:14px; color:#666666; 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%;}


/* 행사 상품 구매하기 버튼 */
.event-btn																			{display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; padding:24px 0 30px 0;}
.event-btn > dl dt,																	
.event-btn > dl dd																{display:inline-block; font-size:30px; color:#bbbbbb;}
.event-btn > dl dd strong																{text-decoration:line-through; font-weight:normal;}
.event-btn > dl.sellPrice dt,																
.event-btn > dl.sellPrice dd																{font-size:42px; color:#e03c30; font-family:'NotoKrM'; letter-spacing:-1px;}
.event-btn > dl.sellPrice dt																{letter-spacing:-1px;}
.event-btn > dl.sellPrice dd em														{margin-left:24px; font-size:50px; font-family:'NotoKrB'; letter-spacing:-2px;}
.event-btn > button																{/* width:180px; height:70px;*/ width:265px; height:80px; font-size:30px; background:#e03c30; color:#ffffff; border-radius:5px;}

.item-price																					{padding-top:10px; border-top:1px dashed #ddd; text-align:center;}
.item-price span																					{display:block; font-size:20px; color:#bbbbbb; text-decoration:line-through; }
.item-price em																						{display:block; font-family:'NotoKrM'; font-size:26px; color:#e03c30; }
.item-price button																				{margin-top:16px; width:140px; height:50px; font-size:24px; background:#e03c30; color:#ffffff; border-radius:5px;}


/* 드림투게더 */
.pageSubMenu																{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}
.pageSubMenu a																{padding:0 70px; display:block; font-size:22px; color:#999; position:relative; display:block;}
.pageSubMenu a:hover													{color:#ea5b0a;}
.pageSubMenu a:after													{content:""; position:absolute; top:0; right:0; height:100%; width:2px; background-color:rgba(0,0,0,.075);}
.pageSubMenu a:last-child:after									{display:none;}
.pageSubMenu a.active													{color:#ea5b0a; font-family:'NotoKrM';}
.pageSubMenu a.active:before									{content:""; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); width:46%; height:2px; background-color:#ea5b0a;}
.pageSubMenu.tabMenu												{height:60px; position:relative; -webkit-align-items:flex-end; align-items:flex-end;}
.pageSubMenu.tabMenu:before									{content:""; position:absolute; bottom:-1px; width:75%; height:2px; background-color:#e6e6e6;}
.pageSubMenu.tabMenu > a										{height:100%; width:250px; border-width:2px 2px 0 2px; border-style:solid; border-color:#e6e6e6; padding-top:20px; border-radius:10px 10px 0 0; background-color:#f6f6f6; margin:0 -1px; text-align:center;}
.pageSubMenu.tabMenu > a:after								{display:none;}
.pageSubMenu.tabMenu > a.active							{height:135%; padding:23px 70px 0; margin-bottom:-1px; background-color:#fff;}
.pageSubMenu.tabMenu > a.active:before				{bottom:21px;}

/* .pageSubMenu + .contents											{width:1320px;} */
.contents.hasOnlyTwoBtns														{display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; width:100%; /* padding:8% 0; border-width:1px 0; */ border-style:solid; border-color:#e7e7e7;}
.contents.hasOnlyTwoBtns > a												{width:100%; margin:0 10px 0 0; text-align:center;}
.contents.hasOnlyTwoBtns > a:last-child								{margin:0 0 0 10px;}

.contents.beFlex																	{display:flex; justify-content:center; align-items:center; flex-wrap:nowrap; width:100%;}
.contents.beFlex > a,
.contents.beFlex > a > img															{height:100%;}

.contents .beGrid															{display:grid;}
.contents .beGrid.threeCol											{grid-template-columns:1fr 1fr 1fr;}
.contents .dreamTogether-btns									{position:absolute; top:1090px; left:0; width:100%;}
.contents .dreamTogether-btns > .beGrid				{margin:0 auto; width:1085px; grid-template-rows:repeat(2, 1fr); height:305px; gap:18px 30px;}


.board-content > .item-wrap > img,
.board-content > img														{margin:0 auto; display:block;}

.board-content > .noDataImg										{min-height:500px; background-color:#f6f6f6; display:table; width:100%; text-align:center;}
.board-content > .noDataImg > span						{display:table-cell; vertical-align:middle; font-size:22px;}

.board-content > .dream-video									{margin:60px 0 10px; padding:0 30px;}
.board-content > .dream-video > span:last-child,
.board-content > .dream-video > span:only-child			{margin-bottom:0;}
.board-content > .pageSubMenu								{padding:50px 0; line-height:1;}
.board-content > .pageSubMenu a							{line-height:1;}
.board-content > .pageSubMenu.tabMenu								{height:160px;}
.board-content > .pageSubMenu.tabMenu:before				{bottom:49px;}

.board-content > .dream-video.pair							{display:-webkit-flex; display:flex; margin:50px -10px; padding:0;}
.board-content > .dream-video.pair span				{width:50%; margin:0 10px; /* height:275px; */ height:332px;}
.board-content > .dream-video.pair span:only-child			{width:calc(50% - 20px);}

.board-content > .pageSubTitle									{text-align:center; margin:0 0 50px;}
.board-content > .pageSubTitle > span					{padding:0 45px; font-size:26px; font-family:'NotoKrB'; border-radius:25px; background-color:#232e7c; color:#fff; display:inline-block; line-height:50px;}

.board-content > .item-wrap										{margin:50px 0; padding:0;}
.board-content > .item-wrap .event-btn					{padding:24px 0 30px;}

.agreeCheck-wrap															{text-align:center; margin:80px 0 50px;}
.agreeCheck-wrap h3														{font-size:25px; margin-bottom:25px; color:#000;}
.agreeCheck-wrap .wrap-checkbox label					{font-size:20px;}


/* 드림투게더 - 결제 */
.browsewrap.on																{position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:9999; background-color:rgba(255,255,255,.75);}
.browsewrap.on > ul														{position:absolute; top:0; left:50%; bottom:0; transform:translateX(-50%); width:1370px; height:100%; background-color:#fff; padding:30px 25px; border:0px solid #e5e5e5;}
.browsewrap.on > ul li:only-child								{height:100%;}	
.browsewrap.on .agreement-inner							{position:absolute; top:40px; left:0; width:100%; height:calc(100% - 50px);}
.browsewrap.on > ul li													{margin-bottom:0;}	
.browsewrap.on > ul li > span										{display:none;}

.mCheck																			{display:-webkit-flex; display:flex; flex-wrap:wrap; margin-top:10px; padding-top:40px; position:relative;}
.mCheck > em																	{position:absolute; top:0; left:0; padding-left:26px; line-height:normal;}
.mCheck > em:after,
.mCheck > em:before														{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.mCheck > em:before														{border:1px solid #eee; background-color:#eee; border-radius:50%; width:18px; height:18px;}
.mCheck > em:after														{background:url('/img/icon/history_arrow.png') no-repeat center; width:20px; height:18px;}
.mCheck > .wrap-checkbox											{width:calc(50% - 15px); margin-bottom:30px;}
.mCheck > .wrap-checkbox:last-child,
.mCheck > .wrap-checkbox:nth-last-child(2)			{margin-bottom:0;}

.mCheck > .wrap-checkbox.hasInputs													{width:100%;}
.mCheck > .wrap-checkbox.hasInputs > input[type='text']				{left:25%; height:40px; opacity:1;}

.form-divide .table-write .tdHasEm th						{padding-bottom:25px;}
.form-divide .table-write .tdHasEm td						{position:relative; padding-bottom:25px;}
.form-divide .table-write .tdHasEm td > em				{position:absolute; bottom:0; left:0; width:100%; font-size:14px; color:red;}


/* 드림투게더 구매상담 */
.form-divide > button													{position:absolute; top:38px; left:95px; padding:0 30px; height:40px; font-size:14px; color:#555; border:2px solid #ddd; transition:all .2s; background-color:transparent;}
.form-divide > button:hover											{background-color:#333; border-color:#333; color:#fff;}
.form-divide > button.add											{padding:0 40px 0 15px;}
.form-divide > button.add:before,
.form-divide > button.add:after									{content:""; position:absolute; top:50%; right:17%; transform:translateY(-50%); width:2px; height:13px; background-color:#bbb;}
.form-divide > button.add:before								{transform:translateY(-50%) rotate(90deg);}
.form-divide > button:hover:before,
.form-divide > button:hover:after								{background-color:#fff;}

.form-divide > .table-write												{margin-top:65px; position:relative;}
.form-divide > .table-write:before									{content:""; position:absolute; top:-27px; left:0; height:1px; width:100%; background-color:#efefef;}
.form-divide > .table-write:first-of-type,
.form-divide > .table-write:only-of-type							{margin-top:0;}
.form-divide > .table-write:first-of-type:before,
.form-divide > .table-write:only-of-type:before				{display:none;}


/* 드림투게더 인증 */
.table-write.dtView tr:first-child th,
.table-write.dtView tr:first-child td								{border-top:1px dotted #ddd; border-style:solid;}											
.table-write.dtView th,
.table-write.dtView td													{height:50px; border-style:solid;}
.table-write.dtView th													{background-color:#f5f5f5; text-align:center; padding-left:0; font-size:14px;}
.table-write.dtView td													{padding-left:20px;}
.table-write.dtView .twoEaPhoto								{display:-webkit-flex; display:flex; margin:0 -5px; width:100%;}
.table-write.dtView .twoEaPhoto span						{width:50%; margin:0 5px;}
.table-write.dtView .twoEaPhoto span img				{width:100%; height:auto;}


/* 튜터 가입 */
.form-divide > .table-write td > em.dtNoti							{position:relative; padding-left:20px; font-size:15px; white-space:nowrap; margin-left:5px;}
.form-divide > .table-write td > em.dtNoti:before				{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); width:14px; height:14px; background:url('/img/icon/i_emphasis.png') no-repeat center;}
.form-divide > .table-write td.floatEm						{position:relative;}
.form-divide > .table-write td.floatEm > em				{position:absolute; top:50%; left:101%; transform:translateY(-50%); margin-left:0;}


/* 내 학생현황, 내 자녀현황 */
.current-state.myChild,
.current-state.myStud									{-webkit-justify-content:center; justify-content:center; position:relative;}
.current-state.myChild > span,
.current-state.myStud > span						{font-family:'NotoKrM';}
.current-state.myStud > button,
.current-state.myChild > button					{/* position:absolute; right:18%; */ margin:-13px 0 -13px 15px;}

.current-state.hasAutoSpan								{justify-content:space-evenly;}
.current-state.hasAutoSpan > span				{width:auto; margin:0 10px;}

.current-state.myChild + .table-list td.left > div,
.current-state.myStud + .table-list td.left > div					{display:table; table-layout:fixed; white-space:nowrap; width:100%;}
.current-state.myChild + .table-list td.left > div > span,
.current-state.myStud + .table-list td.left > div > span				{overflow:hidden; display:table-cell; text-overflow:ellipsis;}

.table-list table td.checkListCheck												{padding:10px 0;}
.checkListCheck > ol										{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; flex-wrap:nowrap; margin-top:1px;}
.checkListCheck > ol li									{padding:0 12px 0 18px; position:relative;}
.checkListCheck > ol li:after										{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); font-size:15px;}
.checkListCheck > ol li:nth-child(1):after				{content:"1.";}
.checkListCheck > ol li:nth-child(2):after				{content:"2.";}
.checkListCheck > ol li:nth-child(3):after				{content:"3.";}
.checkListCheck > ol li:nth-child(4):after				{content:"4.";}
.checkListCheck > ol li:last-child					{margin-right:0;}
.checkListCheck > ol li > em							{width:16px; height:16px; border:2px solid #ddd; display:block; border-radius:50%; margin-top:-1px;}
.checkListCheck > ol li > em.on					{background:url('/img/icon/i_popupcheck.png') no-repeat left bottom; border:0;}

.layer-schedule .header-title,
.layer-photoview .header-title,
.layer-feedback .header-title								{padding-bottom:10px;}
.layer-schedule .benefit,
.layer-feedback .benefit										{background-color:transparent; padding:20px 0;}
.layer-schedule .benefit b,
.layer-feedback .benefit b									{color:#000; font-size:18px; font-family:'NotoKrM';}

.layer-feedback .benefit.hasDl							{display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center;  -webkit-justify-content:center; justify-content:center; padding:0; height:58px;}
.layer-feedback .benefit.hasDl > dl					{display:table; color:#000; font-size:18px; padding:0 40px;}
.layer-feedback .benefit.hasDl > dl dt,
.layer-feedback .benefit.hasDl > dl dd				{display:table-cell; vertical-align:middle;}
.layer-feedback .benefit.hasDl > dl dd				{padding-left:15px;}

.layer-feedback .table-write textarea				{margin-top:0; height:105px;}
.layer-feedback .table-write textarea:focus		{border-color:#ea5b0a;}
/*
.layer-schedule .table-write th,
.layer-feedback .table-write th							{position:relative;}
.layer-schedule .table-write th:before,
.layer-feedback .table-write th:before				{content:""; position:absolute; top:0; left:0; width:calc(100% - 15px); height:100%; background-color:#f6f6f6; z-index:-1;}
*/
.layer-feedback .table-write td								{padding-left:10px;}
.layer-feedback .table-write td > p							{height:105px; overflow-y:auto; padding:5px 0; line-height:1.4;}

.layer-feedback .photo-register							{margin:12px 0 25px; padding-bottom:15px;}
.layer-feedback .photo-register > dl dt				{font-size:16px;}
.layer-feedback .photo-register > em				{position:absolute; bottom:-12px; left:0; font-family:'NotoKrM'; color:#888; font-size:12px;}

.checkListTable												{border-top:1px dotted #e5e5e5; padding-top:14px;}
.checkListTable > em										{font-size:16px; font-family:'NotoKrM'; color:#000; margin:0 0 10px 0; display:block;}
.checkListTable table										{border-top:1px dotted #e5e5e5;}
.checkListTable table th,
.checkListTable table td								{padding:10px; font-size:15px;}
.checkListTable table th								{background-color:#f6f6f6; text-align:center;}
/* .checkListTable table td .wrap-checkbox.readonly input[type='checkbox']										{display:none;} */
/* .checkListTable table td .wrap-checkbox.readonly input + label:before				{background-image:none; background-color:#d0d0d0; border-radius:4px; border:3px solid #e5e5e5;} */

.layer-photoview .header-title			{margin-bottom:15px;}
.photo-view												{height:600px; overflow-y:auto;}
.photo-view > p										{text-align:center; margin:40px 0 46px; position:relative; min-height:30px;}
.photo-view > p:only-child,
.photo-view > p:last-child						{margin-bottom:0;}
.photo-view > p:before							{content:""; position:absolute; top:-33px; left:0; width:31px; height:31px;}
.photo-view > p > em								{position:absolute; top:-33px; left:0; width:62px; height:62px; background-color:#ccc; text-indent:-9999px; border-width:2px; border-style:solid; border-color:transparent; border-radius:50%; box-shadow:0 2px 3.5px 0 rgba(0,0,0,.2); overflow:hidden;}
.photo-view > p > em:after					{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:60px; height:60px; background-position:center bottom; background-repeat:no-repeat; background-size:100% auto;}
.photo-view > p.teacher:before,
.photo-view > p.teacher > em							{background-color:#232e7c;}
.photo-view > p.teacher > em:after				{background-image:url('/img/icon/teacher01.png'); margin-top:2px;}
.photo-view > p.parent:before,
.photo-view > p.parent > em							{background-color:#ea5b0a;}
.photo-view > p.parent > em:after					{background-image:url('/img/icon/parent01.png');}

.layer-photoview .button-popup button:only-child						{color:#454545; border-color:#d2d2d2; background-color:#fff;}


/* 수업 스케줄 */
.class-schedule										{margin-top:-15px;}
.class-schedule .monthly-calendar ol			{display:-webkit-flex; display:flex; flex-wrap:nowrap; border-width:0 0 1px 0;  border-color:#ccc; border-style:solid; height:100%;}
.class-schedule .monthly-calendar ol > li		{display:-webkit-flex; display:flex; width:100%; position:relative; border-left:1px solid #ccc;}
.class-schedule .monthly-calendar ol > li:first-child				{border-left:0;}
/* .class-schedule .monthly-calendar ol > li:after				{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:100%; background-color:#ccc;} */
/* .class-schedule .monthly-calendar ol > li:first-child:after				{display:none;} */

.class-schedule .monthly-calendar .set-month						{display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; text-align:center; margin-bottom:10px;}
.class-schedule .monthly-calendar .control-month				{display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; width:26%; height:60px;}
.class-schedule .monthly-calendar .control-month > a			{text-indent:-9999px; width:60px; height:100%; position:relative;}
.class-schedule .monthly-calendar .control-month > a:after				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:22px; background-image:url('/img/icon/recom_arrow.png'); background-size:auto 100%; background-repeat:no-repeat;}
.class-schedule .monthly-calendar .control-month > a:first-of-type:after				{ background-position:top left;}
.class-schedule .monthly-calendar .control-month > a:last-of-type:after				{ background-position:top right;}
.class-schedule .monthly-calendar .control-month > em		{font-size:24px; font-family:'NotoKrM'; white-space:nowrap; color:#000;}
.class-schedule .monthly-calendar .set-month > button			{font-size:15px; font-family:'NotoKrM'; height:32px; width:70px; background-color:#232e7c; color:#fff; border-radius:20px; position:relative; padding-left:27px; margin-left:18px;}
.class-schedule .monthly-calendar .set-month > button:before				{content:""; position:absolute; top:50%; left:21%; transform:translateY(-50%) rotate(-135deg); width:8px; height:12px; border-top:2px solid #fff; border-left:2px solid #fff; margin-top:-2px;}

.class-schedule .monthly-calendar .week ol							{-webkit-align-items:center; align-items:center; height:36px; background-color:#eee; border-width:1px;}
.class-schedule .monthly-calendar .week ol li						{-webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; font-size:14px; font-family:'NotoKrM'; height:100%;}
.class-schedule .monthly-calendar .week ol li:first-child							{color:red;}
.class-schedule .monthly-calendar .week ol li:last-child							{color:blue;}

.class-schedule .monthly-calendar .days ol										{border-width:0 1px 1px 1px;}
.class-schedule .monthly-calendar .days ol > li									{padding:14px 12px; min-height:126px; display:block;}
.class-schedule .monthly-calendar .days ol > li > em				{font-family:'RobotoM'; font-size:16px; color:#333;}
.class-schedule .monthly-calendar .days ol > li:first-child > em					{color:red;}
.class-schedule .monthly-calendar .days ol > li:last-child > em					{color:blue;}
.class-schedule .monthly-calendar .days ol > li > a					{position:absolute; top:6px; right:5px; width:28px; height:28px;}
.class-schedule .monthly-calendar .days ol > li > a:before,
.class-schedule .monthly-calendar .days ol > li > a:after				{content:""; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2px; height:13px; background-color:#bbb; transition:all .2s;}
.class-schedule .monthly-calendar .days ol > li > a:before			{transform:translate(-50%,-50%) rotate(90deg);}
.class-schedule .monthly-calendar .days ol > li > a:hover:before,
.class-schedule .monthly-calendar .days ol > li > a:hover:after						{background-color:#333;}
.class-schedule .monthly-calendar .days ol > li.disabled > em				{color:#ddd;}
.class-schedule .monthly-calendar .days ol > li.disabled > a					{display:none;}
.class-schedule .monthly-calendar .days ol > li > ul					{margin-top:6px;}
.class-schedule .monthly-calendar .days ol > li > ul li > a				{display:inline-block; padding:4px 0; font-size:14px; position:relative; padding-right:40px; line-height:1.3;}
.class-schedule .monthly-calendar .days ol > li > ul li > a:after				{content:""; position:absolute; top:0; right:0; color:#fff; font-size:11px; padding:4px 6px; font-family:'NotoKrM'; border-radius:2px;}
.class-schedule .monthly-calendar .days ol > li > ul li > a.absence:after			{content:"결석"; background-color:#e5e5e5; color:#000;}
.class-schedule .monthly-calendar .days ol > li > ul li > a.compl:after			{content:"완료"; background-color:#232e7c;}
.class-schedule .monthly-calendar .days ol > li > ul li > a.reserve:after			{content:"예약"; background-color:#ea5b0a;}

.layer-schedule .benefit b > em								{padding:4px 6px; font-size:14px; margin-left:8px; color:#fff; border-radius:3px;}
.layer-schedule .benefit b > em.reserve				{background-color:#ea5b0a;}
.layer-schedule .benefit b > em.absence				{background-color:#e5e5e5; color:#000;}
.layer-schedule .benefit b > em.compl					{background-color:#232e7c;}

.layer-schedule .table-write th,
.layer-schedule .table-write td								{height:48px;}


/* 노부영 동영상 레이어 팝업 */
.nbyVideo-wrap:before				{content:""; position:fixed; left:0; top:0; height:100%; width:100%; background-color:rgba(0,0,0,.4); z-index:9998;}
.nbyVideo-wrap > div						{position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); z-index:9999;}
.nbyVideo-wrap > div > button				{position:absolute; left:100%; bottom:100%; width:40px; height:40px; text-indent:-9999px; background-color:transparent;}
.nbyVideo-wrap > div > button:before,
.nbyVideo-wrap > div > button:after					{content:""; position:absolute; top:50%; left:50%; width:2px; height:28px; background-color:#fff;}
.nbyVideo-wrap > div > button:before				{transform:translate(-50%, -50%) rotate(45deg);}
.nbyVideo-wrap > div > button:after				{transform:translate(-50%, -50%) rotate(-45deg);}
.nbyVideo-wrap > div > a							{position:relative; display:block;}
.nbyVideo-wrap > div > a:after					{content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:80px; height:80px; background:url('/img/icon/i_download.png') no-repeat center; z-index:1;}

.nbyVideo-wrap > div img					{width:960px; height:539px; max-width:inherit;}



/*로딩바*/
.loading				{position:fixed; top:0; left:0; z-index:99999; width:100%; height:100%; background-color:rgba(255,255,255,.7);}
.loading:after		{content:""; position:absolute; top:50%; left:50%; z-index:1; width:32px; height:32px; background:url('/img/file/loading.gif') no-repeat; background-size:100%; transform:translate(-50%,-50%);}
.loading > p		{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); margin-top:36px; font-size:1.125em; font-family:'NotoKrM'; color:#999;}



/* 드림투게더 인증 */
.table-write.hasThBg th					{background-color:#f6f6f6; text-align:center; padding:10px;}
.table-write.hasThBg td					{padding-left:20px;}

.attachedPhoto-wrap						{display:grid; grid-template-columns:1fr 1fr; align-items:stretch;}
.attachedPhoto-wrap > p						{/* display:grid; place-items:center; align-items:stretch; */}



/* 드림투게더 알림 팝업 */
.layerView .layer-dtAlim,							
.layer-dtAlim .layer-container				{flex:1 1 0; display:flex; flex-direction:column;}
.layer-dtAlim .layer-container .dtAlimList-wrap						{flex:1 1 0; overflow-y:auto;}
.dtAlimList-wrap > dl > dt						{background-color:rgba(35,46,124,.1); /* background:rgba(35,46,124,.1) url('/img/top/logo.png') no-repeat 15px 6px; background-size:auto 130%; */ position:relative;}
.dtAlimList-wrap > dl > dt:after					{content:""; position:absolute; left:15px; top:50%; transform:translateY(-50%); width:40px; height:27px; background:url('/img/top/logo.png') no-repeat top center; background-size:100% auto;}
.dtAlimList-wrap > dl > dt > div			{display:flex; align-items:center; justify-content:space-between; padding:0 15px 0 60px; height:40px;}
.dtAlimList-wrap > dl > dt > div > em					{font:14px/1 "NotoKrM"; color:#000;}
.dtAlimList-wrap > dl > dt > div > span				{color:#000; font:13px "NotoKrR";}
.dtAlimList-wrap > dl > dd									{padding:20px 15px; font-size:14px; line-height:1.6; color:#333;}

.dt-alim > dl > dt					{background:rgba(35,46,124,.1) url('/img/top/logo.png') no-repeat 15px center; background-size:auto 70%;}
.dt-alim > dl > dt > div			{display:flex; align-items:center; justify-content:space-between; padding:0 15px 0 63px; height:40px;}
.dt-alim > dl > dt > div > em				{font:1.5rem/1.3 "NotoKrM"; color:#000;}
.dt-alim > dl > dt > div > span			{color:#000; font:1.25rem "NotoKrR";}
.dt-alim > dl > dd					{padding:20px 15px; font-size:1.25rem; line-height:1.6; color:#333;}


/* 드림투게더 영상소개 팝업 */
.layerView .layer-dtVideoDec,							
.layer-dtVideoDec .layer-container,
.layer-dtVideoDec .layer-container .dec-wrap					{display:flex; flex-direction:column;}

.layer-dtVideoDec .layer-container .dec-wrap,
.layer-dtVideoDec .layer-container				{flex:1 1 0;}

.dec-wrap dt							{border:4px solid #e0e0e0; text-align:center; padding:17px 10px; font-size:18px; color:#000;}
.dec-wrap dd						{flex:1 1 0; overflow-y:auto; padding:20px; font-size:17px; line-height:1.5; color:#000;}
.dec-wrap dd.noData					{display:grid; place-items:center; padding:0; margin:0; overflow-y:hidden;}



/* 노부영영어드림 */
.nbyEng.beGrid							{display:grid; grid-auto-flow:row; position:relative;}
.nbyEng p										{text-align:center;}
.nbyEng p > img							{max-width:1200px;}

.nbyEng .btn-wrap:last-child					{position:absolute; left:0; bottom:0; width:100%; text-align:center; padding-block:0 212px;}
.nbyEng .btn-wrap:last-child > a				{display:inline-block; text-indent:-9999px; width:583px; height:130px; background:url('/img/franchise/nby_eng_btn01.png') no-repeat center;}