@charset "utf-8";

/* All */
header, footer, nav, section, article, aside, figure, figcaption {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;}


*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


html {overflow-x:hidden; overflow-y:scroll;}
body {margin:0; padding:0; scroll 0 0 transparent; font-family:Malgun Gothic,'맑은 고딕', sans-serif; font-size:12px; color:#666; letter-spacing:-.5px;}

img, fieldset {border:none; vertical-align:middle; margin:0 !important;}
button, label {border:none; vertical-align:middle; font-family:Malgun Gothic,'맑은 고딕'; outline:0; cursor:pointer;}
hr, button img{display: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;}

textarea {padding:10px; font-family:Malgun Gothic,'맑은 고딕'; font-size:14px; color:#333; border:1px solid #ddd; background-color:#fff; letter-spacing:-.5px; overflow:auto;}
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; height:34px; font-family:Malgun Gothic,'맑은 고딕'; font-size:13px; color:#333; border:1px solid #eaeaea; letter-spacing:0;}

input[type="text"], input[type="password"]				{vertical-align:middle; padding:0 10px; height:40px; font-family:Malgun Gothic,'맑은 고딕'; font-size:14px; color:#333; border:1px solid #ddd; background-color:#fff; outline:0; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
input[type="text"]:hover, input[type="password"]:hover	{border-color:#c7c7c7;}
input[type="text"]:focus, input[type="password"]:focus	{border-color:#aa8a2f;}
input[type="radio"], input[type="checkbox"]				{vertical-align:middle; margin:0 0 2px; padding:0; cursor:pointer;}
input::-webkit-input-placeholder						{font-weight:normal; color:#a3a3a3;}
input:-ms-input-placeholder								{font-weight:normal; color:#a3a3a3;}
input::-moz-placeholder									{font-weight:normal; color:#a3a3a3;}
input:-moz-placeholder									{font-weight:normal; color:#a3a3a3;}


input[readonly], textarea[readonly]											{border-color:#ccc; background-color:#f0f0f0;}
input[readonly]:hover,input[readonly]:focus,
, textarea[readonly]:hover, , textarea[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;}
.borderNone {border:none !important;}
.overflowHidden {overflow:hidden;}
.mb40 {margin-bottom:40px;}
.mt40 {margin-top:40px !important;}
.mt80 {margin-top:80px !important;}


h1													{margin:0 0 40px; padding:0; font-weight:normal; font-size:30px; color:#000; line-height:35px; letter-spacing:-1px; text-align:center;}
h1 > strong											{display:block; margin-top:10px; font-size:14px; font-weight:normal; color:#666; line-height:18px; letter-spacing:-.5px;}
h2													{margin:0; padding:0; font-family:'NotoKrM'; font-weight:normal; font-size:18px; color:#151515; line-height:1;}
h3													{margin:0 0 10px; padding:0; font-family:'NotoKrDL'; font-size:18px; color:#151515;}
h4													{margin:0 0 5px; padding:0; font-weight:normal; font-size:16px; color:#000;}


hr													{display:block; margin:40px auto; padding:0; border-top:1px dashed #eee; border-bottom:none; border-left:none; border-right:none;}


/* BG Color */
.colorBody											{background-color:#efefef !important;}


/* Sub Top Btn */
#to_the_top											{position:fixed; bottom:30px; right:30px; z-index:100; display:none; width:50px; height:50px; border:1px solid rgba(0,0,0,.1); background:rgba(255,255,255,.2) url('/img/icon/goTop.png') no-repeat center; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; border-radius:50%;}


/* Selectbox Style */
#select_box											{display:inline-block; vertical-align:middle; position:relative; width:100%; height:40px; border:1px solid #ddd; background:#fff url('/img/icon/selectbox_arrow.png') right center no-repeat; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s;}
#select_box label									{position:absolute; top:0; left:10px; padding:0; font-size:14px; color:#333; line-height:38px;}
#select_box .selectBox								{margin:0; padding-left:10px; width:100%; height:40px; font-size:14px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
#select_box:hover									{border-color:#c7c7c7;}


/* Btn Style */
.btn-style01										{display:block; padding-bottom:3px; width:200px; height:50px; font-size:16px;}
.btn-style02										{display:block; margin:0 auto; padding:0 30px; width:auto; height:35px; font-size:14px; text-align:center;}
.btn-style03										{display:inline-block; padding:0 15px; height:36px; font-size:13px;}
.onlyone											{display:block; margin:60px auto 0; padding:0 30px; min-width:200px; height:60px; font-family:'NotoKrM'; font-size:18px; color:#aa8a2f; border:1px solid #aa8a2f; background-color:transparent; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.onlyone:hover										{color:#fff; background-color:#aa8a2f;}
.login-button										{display:block; margin:30px auto; width:180px; height:35px; font-size:14px; text-align:center;}
.btn-same											{width:100px; height:35px; font-size:14px; text-align:center;}


/* Btn Color */
.btn-color01										{color:#fff; background-color:#aa8a2f;}
.btn-color02										{color:#333; background-color:#e0e0e0;}
.btn-color03										{color:#333; border:1px solid #dfdfdf; background-color:#fff;}
.btn-color04										{color:#fff; border:1px solid #151515; background-color:#151515;}
.btn-color05										{color:#151515; border:1px solid #151515; background-color:#fff;}
.btn-color06										{color:#000; border:1px solid #e0e0e0; background-color:#fff;}


/* Btn Position */
.btn-position										{margin-top:30px; text-align:center;}
.btn-position button								{display:inline-block; margin:0 5px;}
.btn-position.middle								{margin:30px 0 60px;}


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


/* Layout Selector */
.wrap												{width:100%; min-width:1280px; background-color:#fff;}
.inner												{position:relative; margin:0 auto; min-width:1280px; max-width:1620px;}
/*.section											{position:relative; margin:0 auto; padding:140px 0 60px; width:1280px; height:100vh;}*/
.sectionMain										{position:relative; margin:0 auto; padding:140px 0 60px; width:1280px; height:100vh;} /*19.01.28 JY 추가*/
.container											{position:relative; margin:0 auto; padding-bottom:120px; width:1280px; min-height:500px;}
.container-about								{position:relative; margin:0 auto; padding-bottom:120px; width:1920px; min-height:500px;}
.contents											{position:relative; margin-left:300px; min-height:500px;}
.page-title											{width:1280px; margin:0 auto; padding:96px 0 40px;}


/* Visual Main */
.visualMain video									{position:fixed; top:50%; left:50%; z-index:-100; min-width:100%; min-height:100%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transition:1s opacity; -webkit-transition:1s opacity; -moz-transition:1s opacity; -o-transition:1s opacity;}
.visualMain											{position:relative; height:100vh;}
.visualMain:after									{content:""; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; background-color:rgba(0,0,0,.15);}
.intro-text											{position:absolute; top:50%; left:0; z-index:1; margin-top:-160px; width:100%; text-align:center;}
.intro-text > em									{display:block; margin-bottom:20px; font-family:'MontserratM'; font-size:48px; color:#fff; letter-spacing:0;}
.intro-text > span									{display:block; margin-bottom:60px; font-size:18px; color:#fff; line-height:30px;}
.intro-text > button								{display:inline-block; width:200px; height:42px; font-family:'NotoKrM'; font-size:14px; color:#fff; border:2px solid #fff; background-color:transparent; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.intro-text > button:hover							{color:#333; background-color:#fff;}

/*
#video													{position: relative;padding-bottom: 56.25%;height: 0;}
.visualMain #mainVideoPlayer				{position:absolute !important; top:0; left:0; z-index:-100; min-width:100%; min-height:100%;}
.visualMain #mainVideoPlayerCover	{position:fixed; top:0; left:0; z-index:-100; min-width:100%; min-height:100%;}
*/

.video-background											{background:#fff;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-99;}
.video-foreground, .video-background iframe	{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;}
@media(min-aspect-ratio:16/9)						{.video-foreground {height:300%;top:-100%;}}
@media(max-aspect-ratio:16/9)						{.video-foreground {width:300%;left:-100%;}}

/* Header */
.header												{position:fixed; top:0; left:0; z-index:9998; width:100%; height:76px; background-color:transparent; -moz-box-shadow:0 1px 0 0 rgba(255,255,255,.3); -o-box-shadow:0 1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow:0 1px 0 0 rgba(255,255,255,.3); box-shadow:0 1px 0 0 rgba(255,255,255,.3); -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.header .logo										{position:absolute; top:18px; left:20px; z-index:10; width:170px; height:40px; text-indent:-9999px; background:url('/img/top/logo.png') no-repeat;}
.header .gnb										{position:relative; margin:0 auto; /* padding-left:300px; */ padding-left:150px; width:1200px;}
.header .gnb:after									{content:""; display:block; float:none; clear:both;}
.header .gnb > li									{float:left; position:relative; display:table; text-align:center;}
.header .gnb > li > a								{position:relative; display:table-cell; vertical-align:middle; padding:0 40px; /* min-width:120px; */ min-width:200px; height:76px; font-family:'MontserratM'; font-size:16px; color:#fff; letter-spacing:0;}
.header .gnb > li > a:after							{content:""; position:absolute; bottom:-2px; left:50%; z-index:200; width:0; height:3px; background-color:#aa8a2f; -moz-transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.header .gnb > li.on > a:after						{left:0; width:100%;}
.header .gnb > li > ol								{display:none; position:absolute; top:100%; left:0; z-index:100; padding:10px 5px; width:100%; border:1px solid rgba(255,255,255,.2); background-color:#fff;}
.header .gnb > li > ol.on							{display:block; height:auto;}
.header .gnb > li > ol > li							{display:table; width:100%; text-align:center;}
.header .gnb > li > ol > li > a						{display:table-cell; vertical-align:middle; height:34px; font-family:'NotoKrR'; font-size:14px; color:#333; line-height:1;}
.header .gnb > li > ol > li > a:hover				{color:#aa8a2f;}
.header button											{position:absolute; top:21px; right:20px; z-index:10; padding-bottom:2px; width:100px; height:34px; font-size:13px; color:#fff; border:1px solid rgba(255,255,255,.2); background-color:transparent; -webkit-border-radius:17px; -moz-border-radius:17px; -o-border-radius:17px; border-radius:17px; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.header button:hover								{background:rgba(255,255,255,.2); border-color:rgba(255,255,255,.9); }

.header.turn													{background-color:#fff; -moz-box-shadow:0 1px 0 0 rgba(0,0,0,.2); -o-box-shadow:0 1px 0 0 rgba(0,0,0,.2); -webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.2); box-shadow:0 1px 0 0 rgba(0,0,0,.2);}
.header.turn .logo										{background-position:0 bottom;}
.header.turn .gnb > li > a							{color:#333;}
.header.turn .gnb > li > ol							{border-color:rgba(0,0,0,.1);}
.header.turn button									{color:#aa8a2f; border-color:rgba(170,138,48,1);}
.header.turn button:hover							{border-color:rgba(170,138,48,1);}


/* 메인 특장점 */
/*
.section .motion									{position:relative; height:100%; background:url('/img/main/motion_bg.png') no-repeat center;}
.section .motion li									{position:absolute; z-index:10; width:340px; height:460px; background-color:#fff; overflow:hidden; opacity:0; transform:translateY(100px); transition:all .8s .3s ease; -webkit-box-shadow:28px 33px 76px -28px rgba(120,120,120,1); -moz-box-shadow:28px 33px 76px -28px rgba(120,120,120,1); box-shadow:28px 33px 76px -28px rgba(120,120,120,1);}
.section.on .motion li								{transform:translateY(0); opacity:1;}
.section .motion li.box01							{left:60px; top:220px;}
.section .motion li.box02							{left:460px; top:120px; transition-delay:.4s;}
.section .motion li.box03							{left:860px; top:20px; transition-delay:.5s;}
.section .motion li p								{display:block; margin-bottom:25px; height:220px; overflow:hidden;}
.section .motion li i								{display:block; height:100%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; transition:transform .7s ease-in-out; -webkit-transition: -webkit-transform .7s ease-in-out;}
.section .motion li:hover i							{transform:scale(1.2 , 1.2); -webkit-transform:scale(1.2 , 1.2);}
.section .motion li.box01 i							{background-image:url('/img/main/motion01.jpg');}
.section .motion li.box02 i							{background-image:url('/img/main/motion02.jpg');}
.section .motion li.box03 i							{background-image:url('/img/main/motion03.jpg');}
.section .motion li dl								{text-align:center;}
.section .motion li dt								{margin-bottom:15px; font-family:'NotoKrM'; font-size:23px; color:#151515;}
.section .motion li dd								{font-family:'NotoKrR'; font-size:15px; color:#555; line-height:23px;}
*/
/*19.01.28 JY 추가*/
.sectionMain .motion									{position:relative; height:100%; /* background:url('/img/main/motion_bg.png') no-repeat center; */}
.sectionMain .motion li									{position:absolute; z-index:10; width:340px; height:460px; background-color:#fff; overflow:hidden; opacity:0; transform:translateY(100px); transition:all .8s .3s ease; -webkit-box-shadow:28px 33px 76px -28px rgba(120,120,120,1); -moz-box-shadow:28px 33px 76px -28px rgba(120,120,120,1); box-shadow:28px 33px 76px -28px rgba(120,120,120,1);}
.sectionMain.on .motion li								{transform:translateY(0); opacity:1;}
.sectionMain .motion li.box01							{left:60px; top:220px;}
.sectionMain .motion li.box02							{left:460px; top:120px; transition-delay:.4s;}
.sectionMain .motion li.box03							{left:860px; top:20px; transition-delay:.5s;}
.sectionMain .motion li p								{display:block; margin-bottom:25px; height:220px; overflow:hidden;}
.sectionMain .motion li i								{display:block; height:100%; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover; transition:transform .7s ease-in-out; -webkit-transition: -webkit-transform .7s ease-in-out;}
.sectionMain .motion li:hover i							{transform:scale(1.2 , 1.2); -webkit-transform:scale(1.2 , 1.2);}
.sectionMain .motion li.box01 i							{background-image:url('/img/main/motion01.jpg');}
.sectionMain .motion li.box02 i							{background-image:url('/img/main/motion02.jpg');}
.sectionMain .motion li.box03 i							{background-image:url('/img/main/motion03.jpg');}
.sectionMain .motion li dl								{text-align:center;}
.sectionMain .motion li dt								{margin-bottom:15px; font-family:'NotoKrM'; font-size:23px; color:#151515;}
.sectionMain .motion li dd								{font-family:'NotoKrR'; font-size:15px; color:#555; line-height:23px;}


/* 메인 제품소개 */
.area-bg											{background-color:#eaeaea;}


/* 메인 하단 배너 및 게시판 */
.contens-banner										{position:absolute; top:50%; left:0; z-index:10; margin-top:-280px;}
.contens-banner:after								{content:""; display:block; float:none; clear:both;}
.flex-visual										{position:relative; float:left; width:620px; overflow:hidden;}
.board-link											{float:left; margin-left:10px; width:650px;}


/* Flex Slide Img */
.flexslider .slides									{zoom:1;}
.flexslider .slides > li							{display:none; -webkit-backface-visibility:hidden; cursor:pointer;}
.flexslider .slides > li img						{width:100%;}


/* Flex Direction Nav */
.flex-direction-nav									{width:0; height:0; text-indent:-9999px;}
.flex-direction-nav a								{position:absolute; top:50%; z-index:10; display:block; margin-top:-50px; width:50px; height:100px; text-indent:-9999px; background:url('/img/main/btn_direction_nav.png') no-repeat; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.flex-direction-nav .flex-next						{background-position:100% 0; right:-20px;}
.flex-direction-nav .flex-prev						{left:-20px;}
.flex-direction-nav .flex-disabled					{filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; cursor:default;}
.flexslider:hover .flex-direction-nav a				{filter:alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;}
.flexslider:hover .flex-direction-nav a:hover		{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}
.flexslider:hover .flex-direction-nav .flex-next	{right:0;}
.flexslider:hover .flex-direction-nav .flex-prev	{left:0;}


/* Flex Control Nav */
.flex-control-nav									{position:absolute; bottom:20px; left:0; z-index:20; width:100%; text-align:center;}
.flex-control-nav li								{margin:0 4px; display:inline-block; vertical-align:middle; zoom: 1; *display:inline;}
.flex-control-paging li a							{display:block; width:10px; height:10px; text-indent:-9999px; background-color:rgba(255,255,255,.8); cursor:pointer; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active				{background-color:#fff;}
.flex-control-paging li a.flex-active				{width:20px; height:20px;}


/* 메인 뉴스 */
.main-news											{margin-bottom:10px; height:310px; background-color:#fff; overflow:hidden;}
.main-news ol										{padding:45px 40px; font-family:'NotoKrR'; font-size:17px; line-height:1.2;}
.main-news li										{margin-bottom:28px;}
.main-news li:after									{content:""; display:block; float:none; clear:both;}
.main-news li a										{position:relative; float:left; padding-left:20px; width:420px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.main-news li a:before								{content:""; position:absolute; top:50%; left:0; z-index:1; margin-top:-2px; width:5px; height:5px; background-color:#aa8a2f;}
.main-news li a:hover								{color:#000;}
.main-news li a em									{margin-right:5px; font-family:'NotoKrM'; color:#aa8a2f;}
.main-news li span									{float:right; color:#a9a9a9;}


/* 메인 빠른링크 */
.about-link											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; margin:0 -5px;}
.about-link li										{padding:0 5px; width:100%; letter-spacing:0;}
.about-link li a									{position:relative; display:block; padding:30px 0 0 40px; height:200px; border:5px solid #fff;}
.about-link li a:after								{content:""; position:absolute; bottom:25px; right:25px; z-index:10; width:40px; height:20px; background:url('/img/main/about_arrow.png') no-repeat;}
.about-link li a em									{display:block; margin-bottom:10px; font-family:'NotoKrR'; font-size:28px; color:#000;}
.about-link li a span								{display:block; font-family:'NotoKrDL'; font-size:15px; color:#333;}
.about-link li a:hover								{background-color:rgba(255,255,255,.2);}


/* Footer */
.footer												{padding-bottom:20px; background-color:#252525; text-align:center; position:relative;}
.footer:before												{content:""; position:absolute; top:0; left:0; width:100%; height:98px; background-color:#333; z-index:0;}
.footer .head-link									{margin-bottom:20px; padding:40px 20px; background:url('/img/footer/footer_logo.png') no-repeat 20px center; text-align:right;}							
.footer .head-link a								{font-family:'NotoKrR'; font-size:13px; color:#fff;}
.footer .head-link a:hover							{text-decoration:underline;}
.footer .head-link span								{display:inline-block; margin:0 5px; font-size:11px; color:#555;}
.footer dl											{line-height:20px;}
.footer dd											{display:inline-block; margin:0 5px; font-size:12px; color:#777;}
.footer em											{display:block; margin-top:5px; font-family:'arial'; font-size:12px; color:#656565; letter-spacing:0;}
.copyright .inner > em,
.copyright .inner > dl					{display:flex; padding:0 20px;}
.copyright .inner > em					{margin:0 5px;}
.copyright .family-site						{position:absolute; right:20px; top:0; width:220px; height:42px; background-color:#fff;  border-radius:5px; z-index:20; }
.copyright .family-site > label			{display:block; width:220px; height:40px; border-radius:5px; font-size:14px; line-height:40px; padding:0 20px; text-align:left; font-family:"NotoKrM"; color:#666;}
.copyright .family-site > label:after				{content:""; position:absolute; top:50%; right:15px; z-index:1; width:8px; height:6px; background:url('/img/footer/link_arrow.png') no-repeat; transform:translateY(-50%);}
.copyright .family-site > ol				{display:none; position:absolute; bottom:100%; width:220px; padding:5px 0; background-color:#fff; border:1px solid #ccc; margin-bottom:-3px; z-index:1;}
.copyright .family-site > ol li					{text-align:left; line-height:36px; font-size:14px; padding:0 20px; cursor:pointer;}
.copyright .family-site:hover > label			{color:#000; border-color:#ccc;}
.copyright .family-site:hover > label:after				{background-position:left bottom;}
.copyright .family-site:hover > ol			{border-color:#ccc; display:block;}
.copyright .family-site:hover > ol li			{color:#000;}
.copyright .family-site > ol li:hover				{text-decoration:underline;}



/* Sub Top Head */
.subTop-head										{position:relative; height:380px; background-repeat:no-repeat; background-position:top; background-size:cover;}
/* .subTop-head										{position:relative; height:380px; background-repeat:no-repeat; background-position:top;} */
.subTop-head > dl									{display:block; padding-top:150px; color:#fff; line-height:1; letter-spacing:0; text-align:center;}
.subTop-head > dl > dt								{margin-bottom:25px; font-family:'MontserratR'; font-size:44px;}
.subTop-head > dl > dd								{font-family:'NotoKrR'; font-size:17px;}
.subTop-head #point									{position:absolute; bottom:76px; left:0; z-index:1;}
.subTop-head > em									{position:absolute; bottom:-110px; left:50%; z-index:1; display:block; margin-left:-640px; font-size:12px; color:#666; text-indent:75px; line-height:1;}
.subTop-head > em:before							{content:""; position:relative;}
.subTop-head > em > strong							{margin-right:5px; font-family:'NotoKrR'; font-weight:normal; font-size:18px; color:#151515;}
.subTop-head > em > strong:before					{content:""; position:absolute; top:50%; left:15px; z-index:1; margin-top:-23px; width:46px; height:46px; border:1px solid #d7d7d7; background:#d7d7d7 url('/img/icon/i_profile.png') no-repeat center; background-size:100%; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;}
.subTop-head > em > small							{display:block; margin-top:5px; font-size:14px; color:#666;}
.top-lnb											{position:absolute; bottom:0; left:0; z-index:9997; width:100%; height:60px; background-color:rgba(147,140,110,.8);}
.top-lnb .location-nav								{margin:0 auto; width:1280px; height:100%; border-left:1px solid rgba(255,255,255,.2);}
.top-lnb .location-nav > a							{float:left; width:60px; height:100%; text-indent:-9999px; border-right:1px solid rgba(255,255,255,.2); background:url('/img/icon/i_home.png') no-repeat center;}
.top-lnb .location-nav > ul > li					{position:relative; float:left; border-right:1px solid rgba(255,255,255,.2);}
.top-lnb .location-nav > ul > li a					{position:relative; display:block; padding:0 50px 0 30px; min-width:240px; line-height:60px; font-family:'NotoKrR'; font-size:16px; color:#fff;}
.top-lnb .location-nav > ul > li > a:after			{content:""; position:absolute; top:50%; right:30px; z-index:1; margin-top:-3px; width:9px; height:6px; background:url('/img/icon/location_arrow.png') no-repeat;}
.top-lnb .location-nav > ul > li.on > a:after		{background-position:0 bottom;}
.top-lnb .location-nav > ul > li.on > ol			{display:block;}
.top-lnb .location-nav > ul > li > ol				{display:none; position:absolute; top:100%; left:0; z-index:1; overflow:hidden;}
.top-lnb .location-nav > ul > li > ol > li > a		{padding:0 30px; background-color:rgba(147,140,110,.8);}
.top-lnb .location-nav > ul > li > ol > li > a:hover{background-color:#706b53;}


/* Sub Top Background */
.bg_company											{/* background-image:url('/img/sub/bg_company.jpg'); */  background-image:url('/img/file/new/bg_news.jpg');}
.bg_product											{/* background-image:url('/img/sub/bg_product.jpg'); */ background-image:url('/img/file/new/bg_shop.jpg');}
.bg_news											{/* background-image:url('/img/sub/bg_news.jpg'); */ background-image:url('/img/file/new/bg_login.jpg');}
.bg_customer										{background-image:url('/img/sub/bg_customer.jpg');}
.bg_brand											{/* background-image:url('/img/sub/bg_brand.jpg'); */ background-image:url('/img/file/new/bg_company.jpg');}
.bg_myoffice										{/* background-image:url('/img/sub/bg_myoffice.jpg'); */ background-image:url('/img/file/new/bg_myoffice.jpg');}
.bg_terms											{background-image:url('/img/sub/bg_terms.jpg');}
.bg_login											{height:320px; /* background-image:url('/img/sub/bg_login.jpg'); */ background-image:url('/img/file/new/bg_login.jpg');}


/* Sub Pahe Header */
.page-header										{position:relative; padding:60px 0 80px; font-family:'NotoKrR'; font-size:38px; color:#333; line-height:1; letter-spacing:0; text-align:center;}
.page-header:after									{content:""; position:absolute; bottom:40px; left:50%; z-index:1; margin-left:-20px; width:40px; height:2px; background-color:#aa8a2f;}


/* 페이지준비중 */
.preparation										{display:block; padding:30px 0; background-color:#eee; text-align:center;}


/* Pagination */
.pagination											{display:flex; display:-webkit-flex; flex-wrap:nowrap; -webkit-flex-wrap:nowrap; justify-content:center; -webkit-justify-content:center; align-items:center; -webkit-align-items:center;}
.pagination a										{display:inline-block; vertical-align:middle; margin-left:-1px; width:40px; line-height:38px; font-weight:bold; font-size:13px; color:#666; border:1px solid #ddd; background-color:#fff; text-align:center;}
.pagination a:hover									{background-color:#fafafa;}
.pagination a:first-child							{border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -o-border-radius:4px 0 0 4px;}
.pagination a:last-child							{border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -o-border-radius:0 4px 4px 0;}
.pagination .btn-arrow								{text-indent:-9999px; background:url('/img/icon/paging_arrow.png') no-repeat;}
.pagination .btn-arrow.first						{background-position:0 0;}
.pagination .btn-arrow.prev							{background-position:0 bottom;}
.pagination .btn-arrow.next							{background-position:right bottom;}
.pagination .btn-arrow.last							{background-position:right 0;}
.pagination .select									{color:#aa8a2f; background-color:#fafafa;}
.pagination .select:hover							{color:#aa8a2f; background-color:#fafafa; cursor:default;}


/* 회사소개 */
.section-about	:after									{content:""; display:block; float:none; clear:both;}
.section-about												{position:relative; padding:100px 80px 0 80px;}
.section-about article								{padding-bottom:220px;}
.section-about	 h2										{float:left; display:block; width:31%; font-size:30px; line-height:45px; color:#000000;}
.section-about	 h2 span								{display:block; text-decoration:underline; padding-bottom:30px; font-size:20px; }
.section-about	 h3										{float:left; display:block; padding-bottom:27px; font-size:30px; line-height:42px; color:#222;}
.section-about	 div										{padding-left:31%}
.section-about	 p											{width:100%;}
.section-about	 p .company-photo		{display:inline-block; width:770px; height:auto;}
.section-about	 p .company-photo img{width:100%;}
.section-about	 p span								{float:left; padding:50px 30px 0 0; width:50%; display:inline-block; font-family:'NotoKrDL'; font-size:16px; line-height:28px;}
.section-about	 p span strong					{color:#000000; display:inline-block;}

/* 소개 동영상 */
.video_box											{padding:100px 0; background: #f9f9f9/*url('/img/sub/video_bg.jpg') center no-repeat; background-size:cover;*/;  text-align:center;}
.video_box iframe								{opacity: 1; }
.video-clip												{margin:35px -20px 35px;}
.video-clip:after									{content:""; display:block; float:none; clear:both;}
.video-clip li											{float:left; margin-bottom:80px; padding:0 20px; width:33.333333%;}
.video-clip li p										{position:relative; display:block; height:220px; background-repeat:no-repeat; background-position:center; background-size:cover; cursor:pointer; overflow:hidden;}
.video-clip li p i									{position:absolute; top:50%; left:50%; z-index:10; margin-top:-21px; margin-left:-30px; width:60px; height:42px; text-indent:-9999px; background:url('/img/icon/player-icon.png') no-repeat;}
.video-clip li p em								{display:none; position:absolute; bottom:0; left:0; z-index:10; width:100%; line-height:40px; font-style:normal; font-size:16px; color:#fff; background-color:#333; background-color:rgba(0,0,0,.6); text-align:center;}
.video-clip dl										{padding-top:24px; font-family:'NotoKrDL';}
.video-clip dt										{padding-bottom:5px; font-size:18px; color:#222;}
.video-clip dd										{font-size:14px; color:#999;}
.video-clip dd span								{display:inline-block; margin:0 6px; width:2px; height:8px; background:#eeeeee;}


/* ceo */
.ceo-header											{width:100%; display:block; background:#ddd; height:300px; background:url('/img/sub/ceo-header.jpg')no-repeat center center; background-size:cover;}
.ceo-wrap												{margin:50px 100px; padding:80px 100px; border:10px solid #f5f5f5; }
.ceo-wrap	strong 								{display:block; padding-bottom:40px; font-size:34px; font-family:'NotoKrDL'; color:#333;}
.ceo-wrap	span 									{display:block; padding-bottom:30px; font-size:18px; font-family:'NotoKrDL'; line-height:30px;}
.ceo-wrap	em 										{display:block; padding-bottom:30px; font-size:25px; font-family:'NotoKrDL'; color:#aa8a2f;}
.ceo															{padding-top:30px; color:#333;}


/* 오시는 길 */
.mapWrap														{margin-bottom:20px;}
.mapWrap > .map-api								{position:relative; margin-bottom:50px; height:400px; overflow:hidden;}
.mapWrap > ul:after									{content:""; display:block; float:none; clear:both;}
.mapWrap > ul > li										{position:relative; display:table; float:left; width:33.333333%;}
.mapWrap > ul > li > p								{position:absolute; top:0; left:0; z-index:10; display:block; width:70px; height:70px; background-color:#222; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}
.mapWrap > ul > li > dl								{display:table-cell; vertical-align:middle; padding-left:95px; height:70px;  font-family:'NotoKrDL';}
.mapWrap > ul > li > dl > dt						{margin-bottom:5px; font-weight:bold; font-size:20px; color:#151515;}
.mapWrap > ul > li > dl > dd						{font-size:16px; color:#666;}
.location-desc																			{margin:0; padding:0px; height:auto; border-top:2px solid #222; border-bottom:1px solid #ccc;}
.location-desc dl																		{position:relative; padding:40px 0 40px 300px;}
.location-desc dl dt																{position:absolute; left:50px; top:40px; font-size:30px; color:#000; font-family:'NotoKrR'}
.location-desc dl dd																{position:relative; line-height:1.8em; font-size:18px; font-family:'NotoKrDL'}
.location-desc ul																		{margin:0 -10px;}
.location-desc ul:after															{content:""; display:block; float:none; clear:both;}
.location-desc ul li																	{float:left; margin:0 10px; width:310px}
.location-desc ul li p																{padding-bottom:20px; font-family:'MontserratR';}
.location-desc ul li .add-info												{font-family:'MontserratL';}
.location-desc ul li .add-info em											{font-style:normal; font-family:'MontserratR'; font-size:16px;}
.location-desc ul li .add-info ul											{padding-top:15px;}
.location-desc ul li .add-info ul li										{color:#ac8a30;}
.location-desc ul li .add-info ul li.add-font						{font-style:normal; font-family:'NotoKrR'; font-size:16px;}
.location-desc ul li .add-info ul li.add-font	span			{display:inline-block; width:100%; color:#000;}
.location-desc ul li .add-info ul li span								{display:inline-block; width:50px; color:#000;}

/* CI소개 */
.contents-page															{margin:0 auto; width:1050px; font-family:'NotoKrDL';}
.about-ci																		{margin:0; padding:0px; height:auto; border-bottom:1px solid #ddd;}
.about-ci:last-child														{border-bottom:none;}
.about-ci dl																	{position:relative; padding:60px 0 60px 300px;}
.about-ci dl dt																{position:absolute; left:0; top:60px; font-size:30px; color:#000; font-family:'NotoKrR'}
.about-ci dl dd																{position:relative; line-height:1.8em; font-size:14px;}
.about-ci ul																	{margin:0 -10px;}
.about-ci ul:after															{content:""; display:block; float:none; clear:both;}
.about-ci ul li																{float:left; margin:0 10px; padding-top:10px; width:360px}
.about-ci ul li:after														{content:''; position:absolute; left:0; top:0; width:10px; height:3px; background:#000;}
.about-ci ul li p															{padding-bottom:20px; font-family:'MontserratR';}
.about-ci ul li span														{display:block; width:200px;}
.about-ci ul li span.ci-color										{height:70px; text-indent:-9999em; background:#ac8a30;}
.about-ci ul li span.ci-color2									{height:70px; text-indent:-9999em; background:#a18e01;}
.about-ci ul li span.ci-color3									{height:70px; text-indent:-9999em; background:#30b2ca;}
.about-ci ul li span.ci-color4									{height:70px; text-indent:-9999em; background:#31bcad;}
.about-ci ul li .color-info											{padding-top:19px; font-family:'MontserratL';}
.about-ci ul li .color-info em									{font-style:normal; font-family:'MontserratR'; font-size:16px;}
.about-ci ul li .color-info ul										{padding-top:11px;}
.about-ci ul li .color-info ul li									{color:#ac8a30;}
.about-ci ul li .color-info ul.bi-main li					{color:#30b2ca;}
.about-ci ul li .color-info ul.bi-sub li						{color:#31bcad;}
.about-ci ul li .color-info ul li span							{display:inline-block; width:50px; color:#000;}
.about-ci ul li .color-info ul li span.pantone		{width:80px;}


/*  경영이념  */
.vision-wrap															{width:100%; background:url('/img/sub/vision-bg.png') no-repeat 360px 440px; font-family:'NotoKrDL'}
.platform																{position:relative; height:900px; overflow:hidden;}
.platform .vision-cont										{position:absolute; top:150px; right:0; width:550px; height:350px; font-family:'NotoKrR';}
.platform .title														{padding-bottom:20px; font-size:60px; color:#222222; line-height:70px; font-family:'MontserratL';}
.platform .title strong										{color:#aa8a2f; font-weight:normal;}
.platform .vision-desc										{font-size:20px; color:#222; line-height:36px;}
.platform ul															{position:absolute; top:600px; margin:0 -30px}
.platform ul li														{width:50%; float:left; padding:0 30px; font-size:16px; line-height:30px;}
.platform ul li span 											{display:inline-block; padding-bottom:20px;}
.platform ul li span strong 								{font-size:20px; color:#222222;}
.platform dt															{position:absolute; left:164px; top:246px; width:200px; color:#000; text-align:center; font-size:30px; font-weight:700;}
.platform dd															{position:absolute; color:#aa8a2f; font-size:16px; font-weight:500;}
.platform .rel-1 .pos1											{left:0px; top:155px;}
.platform .rel-1 .pos2											{left:455px; top:156px;}
.platform .rel-1 .pos3											{left:234px; top:420px;}
.platform .rel-1 .line-wrap.line1						{left:160px; top:10px; height:100px; -webkit-transform:rotate(-61deg); transform:rotate(-61deg); }
.platform .rel-1 .line-wrap.line2						{left:-70px; top:16px; height:110px; -webkit-transform:rotate(64deg); transform:rotate(64deg); }
.platform .rel-1 .line-wrap.line3						{left:-10px; top:-73px; height:83px; -webkit-transform:rotate(-157deg); transform:rotate(-157deg); }
.line-wrap																{position:absolute; z-index:2; width:1px;}
.line-wrap:after													{content:''; position:absolute; left:-1px; bottom:-1px; width:3px; height:3px; border-radius:100%; background:#aa8a2f; }
.line-wrap .circle													{position:absolute; left:-10px; top:-15px; width:22px; height:22px; border-radius:100%; background:#ecdbaa; background-color:rgba(236, 219, 170, .1); }
.line-wrap .circle:after										{content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:100%; background:#aa8a2f; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.line-wrap .circle:before									{content:''; position:absolute; left:50%; top:50%; width:1%; height:1%; border-radius:100%; border:1px solid #aa8a2f; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.line-wrap .line-ani												{display:block; position:relative; width:100%; height:100%; background:#c4a95d; background-color:rgba(170, 138, 47, .5); overflow:hidden; }
.line-wrap .line-ani:after									{content:''; position:absolute; left:0; bottom:0; width:100%; height:0; background:#aa8a2f;}


/* Shop 상품리스트 */
.shopList 											{margin:0 -20px;}
.shopList:after										{display:block; float:none; content:''; clear:both;}
.shopList li										{position:relative; float:left; margin:0 20px 30px; padding-bottom:30px; text-align:center;}
.shopList li a:after								{content:""; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; border:1px solid #aa8a2f; opacity:0; -moz-transition:all .15s; -webkit-transition:all .15s; -o-transition:all .15s; transition:all .15s;}
.shopList li a:hover:after							{opacity:1;}
.shopList li p										{display:block; width:290px; height:290px;}
.shopList li p img									{width:100%; height:100%;}
.shopList li dl										{padding-top:15px;}
.shopList li dt,
.shopList li dd										{margin:0 auto; width:270px; line-height:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shopList li dt										{margin-bottom:10px; font-family:'NotoKrR'; font-size:20px; color:#000;}
.shopList li dd										{font-size:14px; color:#888; letter-spacing:0;}


/* 제품상세정보 */
.productHeader										{margin-top:60px;}
.productHeader:after								{content:""; display:block; float:none; clear:both;}
.productHeader .product-photo						{position:relative; float:left;}
.productHeader .product-photo > p					{width:560px; height:560px; border:1px solid #eee;}
.productHeader .product-photo > p img				{width:100%; height:100%;}
.productHeader .product-photo > ul					{position:absolute; top:0; right:-100px; z-index:1;}
.productHeader .product-photo > ul > li				{margin-bottom:20px; width:80px; height:80px; border:1px solid #eee; cursor:pointer;}
.productHeader .product-photo > ul > li.on			{border-color:#aa8a2f;}
.productHeader .product-photo > ul > li img			{width:100%; height:100%;}
.productHeader .product-info						{float:right; width:520px;}
.productHeader .productName							{padding:5px 0 25px; border-bottom:1px dashed #ddd;}
.productHeader .productName span					{display:block; font-family:'MontserratL'; margin-bottom:5px; font-size:16px; color:#999; letter-spacing:0;}
.productHeader .productName em						{font-family:'NotoKrM'; font-size:32px; color:#333;}
.productHeader .productDetail						{padding:20px 0; border-bottom:1px solid #e9e9e9; letter-spacing:0;}
.productHeader .productDetail b						{font-weight:normal; color:#000;}
.productHeader .productDetail span					{color:#d70000;}
.productHeader .productDetail span > em				{font-style:normal; text-decoration:line-through;}
.productHeader .productDetail > dl					{padding:12px 0; line-height:25px;}
.productHeader .productDetail > dl:after			{content:""; display:block; float:none; clear:both;}
.productHeader .productDetail > dl > dt,
.productHeader .productDetail > dl > dd				{float:left; font-size:15px;}
.productHeader .productDetail > dl > dt				{width:40%; font-family:'NotoKrR'; color:#555;}
.productHeader .productDetail > dl > dd				{width:60%; font-family:'NotoKrM'; color:#000;}
.productHeader .productDetail .amount-count				{position:relative; width:80px; height:25px; line-height:0;}
.productHeader .productDetail .amount-count input		{width:60px; height:25px; font-size:13px;}
.productHeader .productDetail .amount-count a			{text-indent:-9999px; position:absolute; right:0; z-index:10; width:22px; height:13px; background:url('/img/icon/amount-count.png') no-repeat;}
.productHeader .productDetail .amount-count a.count-up	{top:0; background-position:0 0;}
.productHeader .productDetail .amount-count a.count-down{bottom:0; background-position:0 bottom;}
.productHeader .productTotal						{margin-bottom:30px; padding:30px 0; font-family:'NotoKrR'; font-size:15px; color:#555; border-bottom:1px solid #e9e9e9; letter-spacing:0;}
.productHeader .productTotal b						{font-weight:normal; color:#000;}
.productHeader .productTotal strong					{font-size:21px; color:#000;}
.productHeader .productBtn							{margin:0; padding-top:20px;}
.productHeader .productBtn button					{display:block; margin:0 auto; padding-bottom:4px; width:240px; height:50px; font-weight:bold; font-size:16px; text-align:center;}
.productHeader .productExplain						{padding:20px 25px; min-height:222px; font-family:'NotoKrDL'; font-size:14px; color:#000; line-height:24px; background-color:#f2f2f2;}


/* Product Tab */
.product-tab										{margin-top:60px; padding:0; border-bottom:1px solid #202020;}
.product-tab:after									{content:""; display:block; float:none; clear:both;}
.product-tab li										{float:left; width:25%;}
.product-tab li a									{display:block; position:relative; margin-bottom:-1px; margin-right:-1px; width:auto; line-height:45px; font-size:14px; color:#999; border:1px solid #e0e0e0; border-bottom:1px solid #202020; text-align:center; cursor:pointer; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-tab li.on a								{z-index:10; color:#151515; border:1px solid #151515; border-bottom:1px solid #fff;}


/* 제품정보 타이틀 */
.product-title										{position:relative; z-index:1; text-align:center;}
.product-title:before								{content:""; position:absolute; bottom:40px; left:0; z-index:1; width:100%; height:1px; background-color:#666;}
.product-title > em									{position:relative; z-index:2; display:inline-block; padding:60px 15px 20px; font-family:'NotoKrDL'; font-size:28px; color:#333; background-color:#fff;}


/* 제품정보 */
.product-contents									{padding-top:40px; text-align:center;}
.product-contents img								{max-width:1280px;}


/* 배송/반품/환불 */
.refund-table										{margin:40px -1px 0; padding:0; /*border-top:1px dotted #ccc;*/}
.refund-table dl									{margin:0; padding:0 20px; border-bottom:1px dotted #ccc;}
.refund-table dl:after								{content:""; display:block; float:none; clear:both;}
.refund-table dt,
.refund-table dd											{float:left; padding:10px 0;}
.refund-table dt											{width:20%; font-weight:bold; font-size:13px; color:#333;}
.refund-table dd											{margin-left:-1px; width:80%; font-size:12px; color:#666; border-left:1px dotted #ccc; line-height:18px;}
.refund-table dd span								{display:block; padding:4px 0 4px 20px;}
.cancel-desc													{display:block; padding-top:4px; font-size:13px;}
.cancel-desc	strong									{color:#aa8a2f;}


/* Board List */
.board-list											{position:relative; border-top:1px solid #aa8a2f;}
.board-list ul										{margin-top:20px;}
.board-list li										{position:relative; margin-bottom:20px; padding:20px; height:190px; border:1px solid #ddd; overflow:hidden; cursor:pointer;}
.board-list li p									{position:absolute; top:20px; left:20px; z-index:100; display:block; width:200px; height:150px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.board-list li dl									{padding:5px 0; line-height:1.4;}
.board-list li dt									{margin-bottom:10px; font-family:'NotoKrM'; font-size:24px; color:#333;}
.board-list li dd									{vertical-align:middle; font-family:'NotoKrDL'; font-size:15px; color:#666;}
.board-list li:hover								{border-color:#c7c7c7;}
.board-list li:hover dt								{color:#000;}
.board-list li dl:nth-child(2)						{margin-left:220px;}
.board-list li dd em								{display:block; margin-top:10px; font-size:14px; color:#888; letter-spacing:0;}
.board-list li dd em span							{display:inline-block; margin:0 8px; font-family:Malgun Gothic,'맑은 고딕'; font-size:11px; color:#d7d7d7;}


/* Table Notice */
.table-notice										{position:relative; margin-bottom:40px; border-top:1px solid #aa8a2f;}
.table-notice table									{width:100%; text-align:center;}
.table-notice table th,
.table-notice table td								{padding:5px; height:60px; font-size:16px; line-height:1.2; border-bottom:1px solid #dfdfdf;}
.table-notice table th								{font-family:'NotoKrM'; font-weight:normal; color:#333; background-color:#fafafa;}
.table-notice table td								{font-family:'NotoKrR'; color:#777;}
.table-notice table td a							{float:left; padding-left:20px; color:#333; text-align:left;}
.table-notice table td a:hover						{color:#000;}
.table-notice table td em							{display:inline-block; padding:0 15px; line-height:28px; font-size:14px; color:#aa8a2f; border:1px solid #aa8a2f; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px;}
.writeButton										{position:absolute; top:-46px; right:0; z-index:1; padding:0 30px; font-family:'NotoKrR'; height:36px; font-size:15px; color:#fff; background-color:#333;}


/* 문의하기 현황 */
.ongoing											{color:#aa8a2f;}
.ended												{color:#888;}


/* 갤러리 게시판 */
.gallery-board										{position:relative; border-top:1px solid #aa8a2f;}
.gallery-board ul									{margin:0 -20px; padding-top:30px;}
.gallery-board ul:after								{content:""; display:block; float:none; clear:both;}
.gallery-board li									{float:left; width:25%; height:300px; text-align:center; cursor:pointer;}
.gallery-board li p									{margin:0 auto; width:290px; height:220px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.gallery-board li em								{display:block; margin:10px auto 0; width:290px; font-family:'NotoKrR'; font-size:18px; color:#333; letter-spacing:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery-board li:hover p							{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:.8;}
.gallery-board li:hover em							{color:#000;}


/* Search Board */
.search-board										{position:absolute; top:-55px; right:0; z-index:10;}
.search-board #select_box							{width:100px;}
.search-board input									{width:240px;}
.search-board button								{display:inline-block; padding-bottom:3px; width:80px; height:40px; font-size:14px;}


/* Board View */
.boardView											{border-top:1px solid #aa8a2f;}
.boardView .board-header							{display:table; width:100%; border-bottom:1px solid #ddd;}
.boardView .board-header strong,
.boardView .board-header em							{display:table-cell; vertical-align:middle; padding:15px; height:90px;}
.boardView .board-header strong						{width:70%; font-family:'NotoKrM'; font-weight:normal; font-size:24px; color:#000; line-height:1.2;}
.boardView .board-header em							{font-family:'NotoKrR'; font-size:16px; color:#777; letter-spacing:0; text-align:right;}
.boardView .board-header em > span					{display:inline-block; margin:0 15px; font-family:Malgun Gothic,'맑은 고딕'; font-size:12px; color:#ddd;}
.boardView .board-header em > font					{display:inline-block; font-family:'NotoKrM'; font-size:14px;}
.boardView .board-content										{width:1280px;padding:40px; font-family:'NotoKrDL'; font-size:15px; color:#333; line-height:1.4; border-bottom:1px solid #ddd; letter-spacing:0;}
/*.boardView .board-content > p								{margin-bottom:20px;}*/
.boardView .board-content > p > img					{width:100%;}
.boardView .board-content img								{width:100%;}


/* Board Reply */
.board-reply										{padding:20px 30px; border:5px solid #e9e9e9;}
.board-reply .title-reply							{margin-bottom:25px; padding-bottom:15px; font-family:'NotoKrR'; line-height:30px; border-bottom:1px dashed #d0d0d0;}
.board-reply .title-reply:after						{content:""; display:block; float:none; clear:both;}
.board-reply .title-reply > em						{display:inline-block; float:left; font-family:'NotoKrM'; font-size:18px; color:#151515;}
.board-reply .title-reply > span					{float:right; font-size:14px; color:#999; letter-spacing:0;}
.board-reply .text-reply							{display:block; font-family:'NotoKrR'; font-size:14px; color:#151515; line-height:1.6;}


/* 이전글 다음글 */
.prev-next-box li									{position:relative; display:table; padding-left:50px; width:100%; border-bottom:1px dotted #ddd;}
.prev-next-box li:last-child						{border-style:solid;}
.prev-next-box em									{position:absolute; top:50%; left:20px; z-index:10; margin-top:-5px; width:10px; height:10px; text-indent:-9999px; background:url('/img/icon/board_arrow.png') no-repeat;}
.prev-next-box em.pn-next							{background-position:0 0;}
.prev-next-box em.pn-prev							{background-position:0 bottom;}
.prev-next-box span									{display:table-cell; vertical-align:middle; height:60px; font-family:'NotoKrR'; font-size:15px; color:#bbb;}
.prev-next-box span a								{color:#333;}
.prev-next-box span a:hover							{color:#000;}


/* Board View Attfile */
.attfile-area										{position:relative; z-index:1; margin-top:-1px; padding:30px 40px; border-top:1px solid #fff; border-bottom:1px solid #ddd;}
.attfile-area .attfile-top							{margin-bottom:8px; background:url('/img/icon/i_add.png') no-repeat 0 4px;}
.attfile-area .attfile-top .file-size				{padding-left:12px; font-size:12px; color:#404040;}
.attfile-area .attfile-top .file-size span			{display:inline-block; margin:0 5px;}
.attfile-area .attfile-top .file-size span .num		{color:#1986b2;}
.attfile-area .attfile-top .file-size a				{color:#666;}
.attfile-area .attfile-top .file-size a:hover		{text-decoration:underline;}
.attfile-area > ul									{border:1px solid #eee; letter-spacing:0;}
.attfile-area > ul > li								{position:relative; margin:0; padding:4px 0 8px; border-bottom:1px solid #eee; background:url('/img/icon/i_down.png') no-repeat 5px 5px;}
.attfile-area > ul > li:after						{content:""; display:block; float:none; clear:both;}
.attfile-area > ul > li:last-child					{border-bottom:none;}
.attfile-area > ul > li a							{padding-left:30px; font-size:12px; color:#151515;}
.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:0.95em;}


/* No Data */
.noData												{margin-top:80px; padding:100px 0; font-family:'NotoKrR'; font-size:18px; color:#888; background:url('/img/icon/no_data.png') no-repeat center top; text-align:center;}


/* LNB */
.lnb												{position:absolute; top:-76px; left:0; z-index:1; padding-top:76px; width:240px;}
.lnb.fixed											{position:fixed; top:0; left:50%; margin-left:-640px;}
.lnb > li											{position:relative; display:table; padding:0 15px; width:100%; border-top:1px solid #ddd; overflow:hidden;}
.lnb > li > a										{display:block; line-height:60px; font-family:'NotoKrM'; font-size:16px; color:#333;}
.lnb > li > a:after									{content:""; position:absolute; top:27px; right:10px; z-index:1; width:0; height:0; border-style:solid; border-width:6px 5px 0 5px; border-color:#333 transparent transparent transparent; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.lnb > li > ol										{display:none; margin-bottom:20px;}
.lnb > li > ol > li									{position:relative; display:table; width:100%;}
.lnb > li.on > a:after,
.lnb > li > a:hover:after							{border-color:#aa8a2f transparent transparent transparent;}
.lnb > li > a:hover,
.lnb > li.on > a									{color:#aa8a2f;}
.lnb > li.on > a:after								{-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transfrom:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.lnb > li.on > ol									{display:block;}
.lnb > li > ol > li > a								{display:table-cell; vertical-align:middle; height:30px; line-height:1; font-size:14px; color:#555; text-indent:18px; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.lnb > li > ol > li > a:before						{content:""; position:absolute; top:50%; left:5px; z-index:1; margin-top:-1px; width:4px; height:4px; background-color:#aa8a2f; -moz-transition:all .2s; -webkit-transition:all .2s; -o-transition:all .2s; transition:all .2s;}
.lnb > li > ol > li.on > a,
.lnb > li > ol > li > a:hover						{color:#aa8a2f; text-indent:20px;}
.lnb > li > ol > li.on > a:before,
.lnb > li > ol > li > a:hover:before				{left:3px; width:8px;}


/* Checkbox Image */
.wrap-checkbox										{position:relative; display:inline-block; margin-right:20px;}
.wrap-checkbox:last-child							{margin-right:0;}
.wrap-checkbox > input								{position:absolute; top:50%; left:0; z-index:1; opacity:0; margin-top:-9px; width:18px; height:18px;}
.wrap-checkbox > i									{display:inline-block; vertical-align:middle; width:18px; height:18px; background:url('/img/icon/i_checkbox.png') no-repeat;}
.wrap-checkbox > label								{padding-left:2px;}
.wrap-checkbox > input:checked+i					{background-position:0 bottom;}
.wrap-checkbox > input:checked+i+label				{color:#000;}


/* Radiovox Image */
.wrap-radiobox										{position:relative; display:inline-block; margin-right:20px;}
.wrap-radiobox:last-child							{margin-right:0;}
.wrap-radiobox > input								{position:absolute; top:50%; left:0; z-index:1; opacity:0; margin-top:-9px; width:18px; height:18px;}
.wrap-radiobox > i									{display:inline-block; vertical-align:middle; width:18px; height:18px; background:url('/img/icon/i_radiobox.png') no-repeat;}
.wrap-radiobox > label								{}
.wrap-radiobox > input:checked+i					{background-position:0 bottom;}
.wrap-radiobox > input:checked+i+label				{color:#aa8a2f;}


/* Table List */
.table-list											{margin-bottom:40px; position:relative; border-top:1px solid #333;}
.table-list table									{width:100%; text-align:center;}
.table-list table th,
.table-list table td								{padding:10px; height:40px; font-weight:normal; font-size:14px; border:1px solid #dfdfdf; border-top:none;}
.table-list table th								{font-family:'NotoKrR'; font-weight:normal; color:#333; line-height:1.2; background-color:#fbfbfb;}
.table-list table td								{color:#666; line-height:1.2;}
.table-list table td b								{color:#000;}
.table-list table td strong							{font-weight:bold; font-size:15px; color:#b30909; letter-spacing:0;}
.table-list table td.link							{padding-left:20px; text-align:left;}
.table-list table th.numRight,
.table-list table td.numRight						{padding-right:15px; text-align:right;}
.table-list table td a								{vertical-align:middle; color:#333;}
.table-list table td a:hover						{text-decoration:underline;}
.table-list table td a.bottomLink					{display:block; text-decoration:underline; color:#000;}
.table-list table td > em							{display:block; font-style:normal; margin:0 auto; width:40px; font-size:12px; color:#fff; background-color:#b30909;}
.table-list table td > p							{display:inline-block; vertical-align:middle; font-family:'Open Sans'; font-weight:bold; font-size:11px; color:#ffa803; letter-spacing:0;}
.table-list table td > button						{display:block; vertical-align:middle; margin:0 auto; padding:0 15px 3px; width:auto; height:24px; font-size:12px; text-align:center;}
.table-list table.legibility tr:nth-of-type(odd)	{background-color:#fdfdfd;}
.table-list table.td-left td						{text-align:left;}
.table-list table.td-right td						{text-align:right;}
.table-list table.tr-link td						{cursor:pointer;}
.table-list table.tr-link tr:hover					{background-color:#fff2cc;}
.table-list table.tr-link tr:hover td				{color:#333;}
.table-list table.total-td td						{color:#000; background-color:#f0f0f0;}
.table-list table tr.bottom-td td					{background-color:#fbfbfb;}

.table-list .order-info								{display:table; position:relative; width:100%;}
.table-list .order-info > p							{display:block; position:absolute; top:0; left:0; z-index:10; width:50px; height:50px; cursor:pointer;}
.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;}

.table-select #select_box							{position:absolute; top:-45px; z-index:10;}
.table-select #select_box.pl						{left:0;}
.table-select #select_box.pr						{right:0;}


/* Table TypeA */
.table-typeA										{position:relative; border-top:1px solid #333;}
.table-typeA > em									{position:absolute; top:-25px; right:0; font-size:13px; color:#aa8a2f;}
.table-typeA table									{width:100%;}
.table-typeA table th,
.table-typeA table td								{padding:5px; height:50px; font-size:14px; line-height:1.2; border:1px solid #dfdfdf; border-top:none; text-align:left;}
.table-typeA table th								{padding-left:20px; font-family:'NotoKrR'; font-weight:normal; color:#333; background-color:#fbfbfb;}
.table-typeA table td								{padding-left:10px; color:#666;}
.table-typeA table td > label						{display:inline-block; vertical-align:middle; margin-right:20px;}
.table-typeA table td > span						{display:block; padding:2px 0;}
.table-typeA table td > span > button				{display:inline-block; padding:0 10px; height:40px; font-weight:bold; font-size:13px;}
.table-typeA table td > button						{display:inline-block; padding:0 15px; height:40px; font-weight:bold; font-size:13px;}
.table-typeA table td > a							{display:inline-block; vertical-align:middle; margin-left:13px; width:16px; height:16px; text-indent:-9999px; background:#e0e0e0 url('/img/icon/delete_icon.png') no-repeat;}
.table-typeA > button								{position:absolute; top:-35px; right:0; z-index:1; padding:0 15px; height:26px; font-size:12px; color:#fff; background-color:#151515;}
.table-typeA > a									{position:absolute; bottom:-40px; right:0; z-index:1; padding:0 20px; line-height:30px; font-size:13px; color:#fff; background-color:#454545; text-align:center;}


/* Table Write */
.table-write										{position:relative;}
.table-write.lineTable								{padding:10px 0 5px; border-top:1px solid #aa8a2f; border-bottom:1px solid #eee;}
.table-write table									{width:100%;}
.table-write table th,
.table-write table td								{padding:5px 10px; height:50px; font-weight:normal; font-size:14px; text-align:left;}
.table-write table th								{color:#151515;}
.table-write table th > span						{display:inline-block; margin-left:5px; color:#ef0000;}
.table-write table th > a							{display:inline-block; vertical-align:top; margin-left:10px;}
.table-write table td								{color:#444;}
.table-write table td > small						{display:inline-block; width:14px; text-align:center;}
.table-write table td > span						{display:block; margin:-3px 0; padding:3px 0;}
.table-write table td > em							{font-style:normal; display:inline-block;}
.table-write table td > a							{display:inline-block; margin-right:20px; text-decoration:underline; color:#1986b2;}
.table-write table td > textarea					{width:94%; height:200px;}
.table-write table td button						{display:inline-block; vertical-align:middle; padding:0 10px; height:40px; font-weight:bold; font-size:12px; text-align:center;}
.table-write table td > strong						{display:inline-block; vertical-align:middle; margin-left:10px; font-weight:normal; font-size:12px; color:#666; line-height:18px;}
.table-write table td .alert						{font-weight:bold; color:#d2492c;}
.table-write table td b								{display:block; margin-top:3px; font-size:12px; font-weight:normal; color:#2fb6a8; line-height:18px;}
.table-write table td label							{display:inline-block; vertical-align:middle; margin-right:20px; padding:2px 0; font-size:14px; color:#444;}
.table-write table td > ul:after					{content:""; display:block; float:none; clear:both;}
.table-write table td > ul > li						{float:left; padding:5px 0; width:50%;}
.table-write.easy										{margin:0 auto 30px; padding-top:10px; width:450px;}
.table-write.find-info								{padding:0 60px;}
.cs-desc																{padding:15px 0 0 0}
.cs-desc strong													{color:#aa8a2f}
.cs-desc em													{color:#ff0000}


/* 조회 높이 고정 */
.fix-height											{height:251px; overflow:hidden;}
.fix-height-order									{height:355px; overflow:hidden;}


/* 단위 */
.unit												{position:absolute; top:-30px; left:0; z-index:10; line-height:30px; font-size:13px; color:#333;}


/* 마이오피스 */
.myoffice											{margin-bottom:40px; border:1px solid #252525; background-color:#333;}
.myoffice ul										{padding:20px;}
.myoffice ul:after									{content:""; display:block; float:none; clear:both;}
.myoffice ul li										{display:table; float:left; text-align:center;}
.myoffice ul.li-03 li								{width:33.333333%;}
.myoffice ul.li-04 li								{width:25%;}
.myoffice ul.li-05 li								{width:20;;}
.myoffice ul li span								{display:table-cell; vertical-align:middle; padding-bottom:3px; height:40px; font-size:15px; color:rgba(255,255,255,.9); border-right:1px solid rgba(255,255,255,.2);}
.myoffice ul li span strong							{font-size:16px; color:#fff;}
.myoffice ul li:last-child span						{border:none;}


/* Login */
.login												{padding:60px 0; background-color:#f2f2f2;}
.login .login-box									{margin:0 auto; padding:45px 60px 60px; width:800px; background-color:#fff;}
.login .login-box > dl								{margin-bottom:25px;}
.login .login-box > dl > dt							{margin-bottom:10px; font-size:13px; color:#767676; line-height:1;}
.login .login-box > dl > dd input					{padding:0 20px; width:100%; height:50px; border-color:#f6f6f6; background-color:#f6f6f6;}
.login .login-box > dl > dd input:focus				{border-color:#aa8a2f;}
.login .login-box .find								{margin-top:-5px; margin-right:-10px; text-align:right;}
.login .login-box .find > li						{position:relative; display:inline-block; padding:0 12px; line-height:1;}
.login .login-box .find > li:after					{content:''; position:absolute; top:0; left:0; width:1px; height:14px; background-color:#e5e5e5;}
.login .login-box .find > li:first-child:after		{display:none;}
.login .login-box .find > li a						{font-size:13px; color:#666;}
.login .login-box .loginBtn							{display:block; margin:40px auto 0; width:260px; height:50px; font-size:15px; color:#fff; background-color:#aa8a2f;}
.login .login-box .loginBtn:hover					{background-color:#a2832c;}
.tabView											{display:none;}


/* Tab Btn */
.tab-btn:after										{content:""; display:block; float:none; clear:both;}
.tab-btn > li										{position:relative; float:left; margin-left:-1px; width:50%; line-height:48px; font-size:14px; color:#767676; border:1px solid #e5e5e5; text-align:center; cursor:pointer;}
.tab-btn > li.on									{z-index:1; color:#aa8a2f; border-color:#aa8a2f;}


/* Find Title */
.findTitle											{padding:35px 0 30px; font-family:'NotoKrR'; font-size:18px; color:#333; line-height:1.4; text-align:center;}
.findTitle b										{font-weight:normal; color:#b30909;}


/* Find Caution */
.find-caution										{padding-top:40px;}
.find-caution > li									{position:relative; margin-top:10px; padding-left:10px; font-family:'NotoKrDL'; font-size:13px; color:#454545; line-height:1;}
.find-caution > li:before							{content:""; position:absolute; top:50%; left:0; z-index:1; margin-top:-1px; width:2px; height:2px; background-color:#aa8a2f;}


/* 아이디확인 */
.id-info													{margin-top:40px; line-height:100px; font-size:16px; color:#555; background-color:#fafafa; text-align:center;}
.id-info strong										{display:inline-block; margin:0 10px; font-size:18px; color:#000; letter-spacing:0;}


/* 비밀번호 재확인 */
.recheck											{padding:40px; border:1px solid #ddd;}
.recheck em											{display:block; padding:10px 0 40px; font-family:'NotoKrDL'; font-size:18px; color:#333; letter-spacing:0; text-align:center;}
.recheck dl											{padding:5px 15%; text-align:left;}
.recheck dl:after									{content:""; display:block; float:none; clear:both;}
.recheck dl > dt,
.recheck dl > dd									{float:left; line-height:40px;}
.recheck dl > dt									{width:30%; font-size:14px; font-weight:bold; color:#000;}
.recheck dl > dd									{width:70%; font-size:16px; color:#b30909}
.recheck dl > dd input								{width:100%;}


/* Box Wrap */
.boxWrap											{padding:40px; border:1px solid #d9d9d9;}


/* 약관상세 */
.use-agreement										{font-family:'NotoKrR'; line-height:1.6;}
.use-agreement > dl > dt							{margin:30px 0; font-family:'NotoKrM'; font-size:18px; color:#000;}
.use-agreement > dl > dd							{margin-bottom:30px; font-size:13px; color:#666;}
.use-agreement > dl > dd > em						{display:block; margin-bottom:15px; font-family:'NotoKrM'; font-size:16px; color:#000;}
.use-agreement > dl > dd ol							{margin-bottom:5px;}
.use-agreement > dl > dd > ol > li					{margin-bottom:10px;}
.use-agreement > dl > dd > ol > li b				{display:block; padding-top:5px; font-family:'NotoKrB'; font-weight:normal; color:#000;}
.use-agreement > dl > dd > ol > li > span			{display:block; margin-bottom:10px; padding-left:5px; text-decoration:underline; font-family:'NotoKrM'; color:#202020;}
.use-agreement > dl > dd > ol > li > ol li			{margin-left:15px;}


/* 회원가입 약관동의 */
.member_info > em									{display:block; margin-bottom:15px; font-weight:bold; font-size:16px; color:#333; text-align:right;}
.member_info .section-agree > span					{display:block; margin-bottom:10px; padding:0 20px; height:240px; border:1px solid #d9d9d9; overflow-y:auto;}
.member_info .section-agree .wrap-checkbox			{float:right; margin-bottom:40px; font-size:14px; color:#454545;}
.member_info .section-agree:after					{content:""; display:block; float:none; clear:both;}
.member_info .section-agree:last-child .wrap-checkbox{margin-bottom:20px;}


/* Form Divide */
.form-divide										{position:relative; padding-left:180px;}
.form-divide > h2									{position:absolute; top:15px; left:30px; z-index:1;}


/* 필수입력사항 */
.obligatorily										{position:relative; top:-30px; line-height:30px; font-weight:normal; font-size:12px; color:#888; border-bottom:1px solid #ddd; text-align:right;}
.obligatorily span									{display:inline-block; color:#ef0000;}


/* 회원가입완료 */
.member-complete									{padding:80px 40px; border:1px solid #aa8a2f; text-align:center;}
.member-complete em									{display:block; margin-bottom:30px; font-family:'NotoKrDL'; font-size:26px; color:#333;}
.member-complete span								{display:block; font-size:18px; color:#767676;}
.member-complete strong								{display:inline-block; margin:0 5px; color:#aa8a2f;}


/* Tab Menu */
.tabMenu											{margin-bottom:10px;}
.tabMenu:after										{content:""; display:block; float:none; clear:both;}
.tabMenu > li										{position:relative; float:left; margin-left:-1px; padding:0 40px; min-width:180px; line-height:48px; font-family:'NotoKrR'; font-size:15px; color:#454545; border:1px solid #d7d7d7; text-align:center; cursor:pointer;}
.tabMenu > li.on									{z-index:1; color:#fff; border-color:#aa8a2f; background-color:#aa8a2f;}


/* 교육센터일정 */
.set-date											{position:relative; top:-40px; float:right; margin-bottom:-32px; width:200px; font-family:'NotoKrDL'; font-size:18px; color:#333; line-height:30px; letter-spacing:0; text-align:center;}
.set-date strong									{font-family:'NotoKrM'; font-weight:normal; font-size:22px; color:#000;}
.set-date a											{display:block; position:absolute; top:0; z-index:1; text-indent:9999px; width:30px; height:30px; background:url('/img/icon/calendar_arrow.png') no-repeat;}
.set-date a.flex-prev								{right:170px;}
.set-date a.flex-next								{background-position:100% 0; right:0;}


/* Table Calendar */
table.calendar														{width:100%; font-size:14px; color:#000;}
table.calendar th												{padding:10px 0; border:1px solid #d7d7d7; background-color:#fbfbfb; text-align:center;}
table.calendar th.saturday								{color:#004fe2}
table.calendar th.sunday									{color:#be2f11;}
table.calendar td												{vertical-align:top; color:#333; border:1px solid #d7d7d7;}
table.calendar td span										{display:block; padding:5px; height:100%;}
table.calendar td.sunday span,
table.calendar td.holiday span						{color:#be2f11 !important;}
table.calendar td.saturday span						{color:#004fe2 !important;}
table.calendar td.today									{color:#452163; background:url('/img/icon/check_mark.png') no-repeat 0 2px;}
table.calendar td ol											{z-index:1; padding:0 5px; width:100%; min-height:100px; line-height:1.2; text-align:right;}
table.calendar td ol li										{position:relative; margin-bottom:8px; font-size:14px; color:#151515;}
table.calendar td ol li a										{display:block; padding-left:10px; text-align:left;}
table.calendar td ol li a:before						{content:""; position:absolute; top:50%; left:3px; z-index:1; margin-top:-1px; width:2px; height:2px; background-color:#0033a1;}
table.calendar td ol li a:hover							{text-decoration:underline;}
table.calendar td ol li a.available					{color:#0033a1;}
table.calendar td ol li a.available:before					{content:""; position:absolute; top:50%; left:3px; z-index:1; margin-top:-1px; width:2px; height:2px; background-color:#0033a1;}
table.calendar td ol li a.end								{color:#aa8a2f;}
.sub-desc																{display:block; padding-top:5px; text-align:right; font-size:13px; color:#aa8a2f;}


/* 장바구니 수량 */
.amount-control										{text-align:center;}
.amount-control > a									{display:inline-block; vertical-align:middle; width:28px; height:28px; background:url('/img/icon/amount.gif') no-repeat;}
.amount-control > a.plus							{background-position:0 100%;}
.amount-control > input								{padding:0; width:30px; height:28px; text-align:center;}


/* 장바구니 합계 */
.totalPrice															{padding:45px 0; border:5px solid #f5f5f5; background:#f5f5f5; text-align:center;}
.totalPrice span												{display:inline-block; margin:0 20px; font-size:14px; color:#666;}
.totalPrice span strong									{display:inline-block; margin:0 5px 0 10px; font-size:16px; color:#000; letter-spacing:0;}
.totalPrice .orderPrice									{font-size:16px; color:#333;}
.totalPrice .orderPrice strong						{font-size:18px; color:#b30909;}


/* 결제하기 */
.payment-box										{margin-left:25%;}
.payment-box > ul									{margin-left:10px; padding:25px 25px 30px; border:1px solid #e0e0e0; background-color:#fafafa;}
.payment-box > ul:after								{content:""; display:block; float:none; clear:both;}
.payment-box > ul > li								{float:left; width:50%;}
.payment-box .agree-payment span					{display:block; margin-bottom:15px; font-size:13px; color:#444; line-height:20px;}
.payment-box .agree-payment #wrap-checkbox			{display:block;}
.payment-box .agree-payment label					{font-size:11px; color:#999;}
.payment-box .agree-payment label b					{display:inline-block; margin-right:5px; font-size:14px; color:#151515;}
.payment-box .agree-payment button					{display:block; vertical-align:middle; margin-top:20px; padding-bottom:4px; width:100%; height:50px; font-size:16px; font-weight:bold; text-align:center;}
.payment-box .amount-payment						{text-align:right;}
.payment-box .amount-payment em						{font-style:normal; font-size:14px; color:#333;}
.payment-box .amount-payment em b					{display:inline-block; margin-right:10px; color:#151515;}
.payment-box .amount-payment p						{display:block; margin:10px 0; font-size:14px; color:#b30909;}
.payment-box .amount-payment p strong				{font-size:34px; letter-spacing:0;}
.payment-box .amount-payment dl						{margin-left:10px; padding:5px 0;}
.payment-box .amount-payment dl:after				{content:""; display:block; float:none; clear:both;}
.payment-box .amount-payment dl dt,
.payment-box .amount-payment dl dd					{float:left; font-size:14px; color:#333;}
.payment-box .amount-payment dl dt					{text-indent:50px; width:60%; text-align:left;}
.payment-box .amount-payment dl dd					{width:40%;}


/* 주문완료 Text */
.complete-text										{display:block; margin-bottom:20px; font-family:'NotoKrR'; font-size:20px; color:#aa8a2f; line-height:1;}


/* 조회 Box */
.date-search										{padding:25px 0; border:4px solid #ddd; text-align:center;}
.date-search > ul									{display:inline-block; vertical-align:middle; margin-right:10px; padding:0; width:420px; height:auto;}
.date-search > ul:after								{content:""; display:block; float:none; clear:both;}
.date-search > ul > li								{display:table; float:left; width:20%;}
.date-search > ul > li > a							{display:block; padding-bottom:2px; font-size:12px; color:#666; line-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 > button								{display:inline-block; vertical-align:middle; padding-bottom:2px; width:80px; height:36px; font-weight:bold; font-size:13px; color:#fff; background-color:#f36b63;}


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


/* 알림사항 */
.notice-board										{margin:10px 0 30px;}
.notice-board li									{position:relative; margin-bottom:5px; padding-left:10px; font-size:12px; color:#888;}
.notice-board li:before								{content:""; position:absolute; top:50%; left:2px; z-index:1; margin-top:-1px; width:3px; height:3px; background-color:#aa8a2f;}


/* Table 조회 선택 */
.select-table										{display:inline-block; vertical-align:middle; margin-left:10px;}
.select-table:after									{content:""; display:block; float:none; clear:both;}
.select-table > li									{display:table; float:left; margin:0 3px; padding:0; width:80px; text-align:center;}
.select-table > li > a								{display:block; padding-bottom:2px; font-size:13px; color:#666; line-height:32px; border:1px solid #e0e0e0; letter-spacing:0;}
.select-table > li > a:hover						{color:#151515;}
.select-table > li.on > a							{color:#fff; border-color:#333; background-color:#333;}


/* FAQ */
.faq-accodian										{margin-bottom:40px; border-top:1px solid #aa8a2f;}
.faq-accodian li									{border-bottom:1px solid #dde4ee;}
.faq-accodian li .question							{display:table; padding:15px; width:100%; cursor:pointer;}
.faq-accodian li .question > span					{display:table-cell; vertical-align:middle; padding-right:40px; height:40px; font-size:16px; color:#151515; line-height:1.2; background:url('/img/icon/faq-arrow1.png') no-repeat right center; background-size:20px;}
.faq-accodian li .question.on > span				{color:#aa8a2f; background-image:url('/img/icon/faq-arrow2.png');}
.faq-accodian li .answer									{display:none; margin:0 15px 15px; padding:15px; font-size:13px; color:#333; line-height:1.6; background-color:#f0f0f0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.faq-accodian li .answer img							{width:100%;}


/* FAQ Tab Menu */
.tab-arrow													{margin-bottom:20px;}
.tab-arrow:after										{content:""; display:block; float:none; clear:both;}
.tab-arrow a												{float:left; position:relative; margin-right:5px; padding:0 15px; min-width:100px; line-height:44px; font-size:14px; font-family:'NotoKrR'; color:#151515; background-color:#eee; text-align:center;}
.tab-arrow a.on										{color:#fff; background-color:#aa8a2f;}
.tab-arrow a.on:after								{content:""; position:absolute; bottom:-8px; left:50%; z-index:1; margin-left:-6px; width:0; height:0; border-style:solid; border-width:8px 6px 0 6px; border-color:#aa8a2f transparent transparent transparent;}


/* Map API */
.label														{display:inline-block; vertical-align:middle; margin-bottom:115px;}
.label .left												{display:inline-block; vertical-align:middle; width:7px; height:24px; background:url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_l.png") no-repeat; overflow:hidden;}
.label .center										{display:inline-block; vertical-align:middle; line-height:24px; font-size:12px; color:#151515; background:url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_bg.png") repeat-x;}
.label .right											{display:inline-block; vertical-align:middle; width:6px; height:24px; background: url("http://i1.daumcdn.net/localimg/localimages/07/2011/map/storeview/tip_r.png") no-repeat -1px 0; overflow:hidden;}


.brand-board											{position:relative;}
.brand-board ul										{padding:30px 0; }
.brand-board ul:after								{content:""; display:block; float:none; clear:both;}
.brand-board li										{float:left; margin-bottom:10px;  width:33.333333%; cursor:pointer;}
.brand-board li:after								{content:""; display:block; float:none; clear:both;}
.brand-board li p										{margin:0 auto; width:400px; height:240px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.brand-board li dl									{padding:20px 0 ;}
.brand-board li dt									{display:inline-block; padding-bottom:5px; width:100%; font-family:'NotoKrR'; font-size:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.brand-board li dd									{display:block; font-family:'NotoKrDL'; font-size:15px; color:#999; letter-spacing:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.brand-board li dd span						{display:inline-block; margin:0 8px; padding-top:2px; width:2px; height:14px; background:#eee;}
.brand-board li:hover p							{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:.8;}
.brand-board li:hover em						{color:#000;}
/* end of  리포브 홍보영상 css 추가*/


/* 홍보게시판 */
.news-list																{margin:0; padding-top:10px; width:auto; height:auto;}
.news-list > li														{position:relative; padding:15px; width:auto; min-height:180px; border-top:1px solid #e0e0e0; font-family:'NotoKrR'; cursor:pointer;}
.news-list > li:last-child										{border-bottom:1px solid #e0e0e0;}
.news-list > li > p													{position:absolute; top:15px; right:15px; display:block; width:210px; height:150px; text-indent:-9999px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.news-list > li > dl												{margin-right: 230px; padding:20px 0 0; width:auto; height:auto; }
.news-list > li > dl > dt										{padding:0 0 8px; font-size:24px; color:#000; letter-spacing:-1px;}
.news-list > li > dl > dd										{width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0; font-size:17px; color:#666; line-height:22px; }
.news-list > li > dl > dd > span							{display:inline-block; margin:20px 0 20px; color:#999; font-size:14px;}
.news-list > li > dl > dd > b								{display:inline-block; margin:0 5px; color:#ddd; font-weight:normal;}

.news-list > li > dl > dt > em							{display:inline-block; padding:0 15px; vertical-align:middle; line-height:28px; font-size:14px; color:#aa8a2f; border:1px solid #aa8a2f; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; border-radius:15px;}

/* Main Layer Popup */
.layerPop													{position:absolute; z-index:9999; padding-bottom:30px; background-color:#151515; -moz-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -o-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); -webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.4); box-shadow:0 1px 2px 0 rgba(0,0,0,.4);}
.pop_container										{position:relative; width:auto; min-width:400px; height:auto;}
.pop_container .popup_cloce				{position:absolute; top:0; right:-25px; z-index:50px; background-color:#151515; cursor:pointer; -moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -o-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); -webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,.4); box-shadow:1px 1px 1px 0 rgba(0,0,0,.4);}
.pop_container > p									{position:absolute; bottom:-30px; right:15px; z-index:50px; display:block; width:auto; font-size:12px; line-height:32px; color:#fff; text-align:right;}
.pop_container > p label						{cursor:pointer;}
.popup_img												{display:block;}
.popup_text												{margin:0; padding:20px 20px 30px; background-color:#fff; letter-spacing:-1px;}
.popup_text > dt										{margin-bottom:15px; font-size:18px; font-weight:bold; color:#333;}
.popup_text > dd									{font-size:13px; color:#555; line-height:24px;}
.popup_text > p										{font-size:14px; line-height:1.4;}

.agentChoice													{position:fixed; top:0; left:0; right:0; bottom:0; background-color:transparent;}
.agentChoice:before									{content:""; position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:0;}								
.agentChoice > .pop_container				{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.agentChoice .popup_text > p b								{color:#aa8a2f;}
.agentChoice .popup_text > p b:before				{content:""; position:absolute; top:0; left:0; width:100%; height:8px; background-color:#aa8a2f; z-index:0;}

#ui-datepicker-div {z-index:9999 !important;}

.layerPop.agreePop							{position:fixed; height:100%; width:100%; background-color:rgba(0,0,0,.5); z-index:99999;}	
.layerPop.agreePop .pop_container           {position:absolute; top:0; /* top:50%; */ left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); height:calc(100% - 30px); min-width:1280px; max-width:1620px; padding:30px; background-color:#f0f0f0; overflow:hidden; margin:15px 0;}
.layerPop.agreePop .pop_container:after		{content:""; position:absolute; top:0; left:0; width:100%; height:500px; background-color:#414b55; z-index:-1;}
.layerPop.agreePop .pop_container .inner			{background-color:#fff; padding:0 60px 60px; overflow-y:auto; height:100%;}
.layerPop.agreePop .pop_container .inner h1		{font-weight:bold; font-size:36px; line-height:1.3; padding:70px 0 40px; background-color:#fff; margin-bottom:0;}
.layerPop.agreePop .pop_container .inner h2		{text-align:center; padding:20px 0 0; line-height:1.45;}
.layerPop.agreePop .pop_container .inner h2:last-of-type		{padding:0 0 20px;}
.layerPop.agreePop .pop_container .inner > dl			{background-color:#f9f9f9; width:100%; margin:40px 0;}
.layerPop.agreePop .pop_container .inner > dl > dt	{text-align:center; position:relative;}
.layerPop.agreePop .pop_container .inner > dl > dt > em		{position:absolute; top:-26px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); font-size:18px; font-weight:bold; background-color:#414b55; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; color:#fff; letter-spacing:-.5px; padding:15px 30px;}
.layerPop.agreePop .pop_container .inner > dl > dd				{padding:45px;}
.layerPop.agreePop .pop_container .inner > dl > dd dl				{font-size:1.25em; margin-bottom:20px;}
.layerPop.agreePop .pop_container .inner > dl > dd dl dt		{color:#000; margin-bottom:10px;}
.layerPop.agreePop .pop_container .inner > dl > dd dl dt > em.red		{color:red;}
.layerPop.agreePop .pop_container .inner > dl > dd dl dd		{line-height:1.5; padding:0 20px; position:relative;}
.layerPop.agreePop .pop_container .inner > dl > dd dl dd:before			{content:""; position:absolute; left:8px; top:50%; -webkit-transform:translateY(-50%); transform:translate(-50%); width:5px; height:1px; background-color:#000;}
.layerPop.agreePop .pop_container .inner > dl > dd dl:last-child			{margin-bottom:0;}
.layerPop.agreePop .pop_container .inner > dl > dd dl:last-child dt  {margin-bottom:0;}
.layerPop.agreePop .pop_container .inner .conts					{margin-bottom:35px;}
.layerPop.agreePop .pop_container .inner .conts h2				{padding:0 0 15px; text-align:inherit; font-size:24px;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts		{height:200px; overflow:hidden; overflow-y:auto; border:1px solid #ddd; padding:20px 45px;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul		{font-size:1.25em;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li		{padding:8px 0;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li dl dt		{margin-bottom:10px;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li dl dd		{line-height:1.4; margin:5px 0 5px 15px;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li dl dd .red		{color:red;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li dl dd > ol		{margin:5px 0 5px 15px;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li dl dd > ol li	{padding:2px 0;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li table				{font-size:.9em; margin:10px 0; width:90%;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li table th,
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li table td		{padding:10px; border:1px solid #ddd; text-align:center;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts ul li table th		{background-color:#f9f9f9;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts + p	{font-size:1.25em; padding:15px 15px 15px 30px; position:relative;}
.layerPop.agreePop .pop_container .inner .conts .scrollConts + p:before		{content:""; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:22px; height:22px; background:url('/img/icon/noti.png') no-repeat; background-size:100% auto;}
.layerPop.agreePop .pop_container .inner > p			{position:inherit; bottom:inherit; right:inherit; text-align:center;}
.layerPop.agreePop .pop_container .inner .btnTwo		{text-align:center; margin:50px 0;}
.layerPop.agreePop .pop_container .inner .btnTwo button		{display:inline-block; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; font-weight:bold; font-size:18px; color:#999; margin:0 7px;}
.layerPop.agreePop .pop_container .inner .btnTwo button:first-child			{background-color:#414b55; color:#fff;}

/* Main Layer Popup Checkbox Image */
.agreeCheck								{text-align:center;}
.agreeCheck .wrap-checkbox													{position:relative; display:inline-block; margin-right:15px;}
.agreeCheck .wrap-checkbox:last-child								{margin-right:0;}
.agreeCheck .wrap-checkbox > input									{position:absolute; top:50%; left:0; z-index:0; opacity:0; width:26px; height:26px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.agreeCheck .wrap-checkbox > label										{position:relative; display:block; padding-left:35px; color:#777; font-size:1.6em;}
.agreeCheck .wrap-checkbox > label:before						{content:""; position:absolute; top:50%; left:0; z-index:1; width:26px; height:26px; background:url('/img/icon/i_checkbox_circle.png') no-repeat; background-size:100% auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.agreeCheck .wrap-checkbox > input:checked+label:before			{background-position:left bottom;}
.agreeCheck .wrap-checkbox > input:checked+label				{color:#000;}

/* Main Layer Popup - radio choice */
.radio-choice							{display:table; table-layout:fixed; margin-top:10px;}
.radio-choice > div					{display:table-cell; padding-top:26px; position:relative; border:1px solid #fff;}
.radio-choice > div > span				{position:absolute; top:0; width:100%; border:1px solid rgba(0,0,0,.3);}
.radio-choice > div > span > em					{display:inline-block; padding:4px 10px; width:50%; border-left:1px solid rgba(0,0,0,.1); text-align:center; background-color:#F0E68C; font-weight:bold; color:#000;}
.radio-choice > div > span > em:first-child			{border-left:0;}
.radio-choice > div > div				{position:relative; padding:6px 50% 6px 0; font-size:13px; text-align:center; border-bottom:1px solid #eee;}
.radio-choice > div > div > .wrap-radiobox				{position:absolute; top:4px; right:20%;}

.noPaddingBottom						{margin-bottom:-30px;}
.noPaddingBottom > p > b					{font-size:15px; color:#000;}
.noPaddingBottom > button					{position:absolute; bottom:0; right:20px; z-index:2;}


/* 리포브 시스템 탭 */
.tab-system														{margin:0 0 150px; text-align:center;}
.tab-system > li												{margin:0 10px; display:inline-block;}
.tab-system > li.on > a									{background:#aa8a2f; color: #fff; font-family:'NotoKrR';}
.tab-system > li > a											{display:inline-block; width:200px; height:60px; text-align:center; font-family:'NotoKrDL'; font-size:15px; border:1px solid #ccc; line-height:60px;}

/* 등록내용없음 */
.wrap-nodata													{padding:20px 0; text-align:center;}
.wrap-nodata img											{width:90px; }
.wrap-nodata span											{display:block; padding-top:30px; font-size:20px; color:#ccc; font-family:'NotoKrDL';}

/* 일정표 가이드 */
.schedule-color												{position:absolute; top:-36px; right:212px;}
.schedule-color li											{position:relative; display:inline-block; margin-right:12px; text-indent:10px; font-size:14px; color:#aa8a2f;}
.schedule-color li:before							{position:absolute; top:50%; transform:translateY(-50%); left:0px; width:6px; height:6px; background:#aa8a2f; content:'';}
.schedule-color li.available										{color:#0033a1;}
.schedule-color li.available:before						{background:#0033a1;}

.infinite												{overflow-x:scroll;}
.infinite table										{width:200%;}

/* 로딩이미지 */
.loading {position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
.loading p{position:absolute; top:calc(50% + 52px); left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center;}
.loading:after{content:""; position:absolute; top:50%; left:50%; z-index:1; width:100px; height:100px; background:url('/img/icon/loading100x100_bgblack.gif') no-repeat; background-size:100%; transform:translate(-50%,-50%);}

/* 컨텐츠 텝 메뉴 */
.container .tab-wrap									{position:absolute; width:100%; bottom:100%; margin:-30px 0 40px; border-bottom:1px solid #777; text-align:center;}
.container .tab-wrap > button					{font-size:16px; border-width:1px 1px 0; border-style:solid; border-color:#eee; background-color:#f9f9f9; padding:10px 37px; transition:.2s; border-radius:4px 4px 0 0; vertical-align:bottom; color:#888;}
.container .tab-wrap > button.on			{border-color:#777; background-color:#fff; padding:15px 37px 20px; margin-bottom:-1px; color:#000; font-weight:bold;}