@charset "utf-8";

/* common */
body {overflow-y:scroll;}
*{margin:0;padding:0; }

/*********** ********************************************************************************************/

/*********** ********************************************************************************************/
/********** BtnStyle **********/
button.amb_btnstyle,
input.amb_btnstyle,
.amb_btnstyle,
.amb_btnstyle:hover {display:inline-block; text-align:center; position:relative; cursor:pointer; text-decoration:none !important; vertical-align:middle; padding:0 20px;} /* 기본 설정 */

.amb_btnstyle,
.amb_btnstyle:hover {border-radius:0px;  letter-spacing:-0.01em;} /* 라운드 크기 및 자간 간격 기본 설정 */

/* 색상 값 부분*/
.amb_btnstyle.gray                {background:#787b80; border:1px solid #787b80; color:#ffffff !important;}
.amb_btnstyle.gray:hover		  {background:#666a6d; border-color:#666a6d; color:#ffffff !important;}

.amb_btnstyle.white         	  {background:#ffffff; border:1px solid #cccccc; color:#666666 !important;}
.amb_btnstyle.white:hover		  {background:#f5f5f5; border-color:#777777; color:#000000 !important; }

.amb_btnstyle.red         	      {background:#c45273; border:1px solid #c45273; color:#ffffff !important;}
.amb_btnstyle.red:hover		      {background:#aa3d5c; border-color:#aa3d5c; color:#ffffff !important; }

.amb_btnstyle.black         	  {background:#0e1426; border:1px solid #0e1426; color:#ffffff !important;}
.amb_btnstyle.black:hover		  {background:#000000; border-color:#000000; color:#ffffff !important; }

.amb_btnstyle.linestyle           {background:transparent;}
.amb_btnstyle.linestyle.gray      {color:#787b80 !important;}
.amb_btnstyle.linestyle.white     {color:#ffffff !important;}
.amb_btnstyle.linestyle.red       {color:#c45273 !important;}

.amb_btnstyle.linestyle.gray:hover,
.amb_btnstyle.linestyle.white:hover,
.amb_btnstyle.linestyle.red:hover {color:#ffffff !important;}

/* disabled */
.amb_btnstyle.disabled {pointer-events:none; cursor:default; !important; opacity:0.5;}

/* 폰트 bold */
.amb_btnstyle.b                  {font-weight:500;}

/* *******  amb_btnstyle에 직접 사이즈 class를 적용한 경우 ******* */
/* 폰트 크기 부분 -  line-height와 height 2px 차이나는 이유 - border 1px로 인한 텍스트 middle 정렬 때문 */
.amb_btnstyle.middle          {font-size:13px; font-weight:; height:30px; line-height:28px; padding:0px 20px; font-weight:400;}
.amb_btnstyle.large           {font-size:15px; font-weight:; height:50px; line-height:48px; padding:0px 20px; font-weight:400;}

/* ******* amb_btnstyle 라운드형 폰드 ******* */
.amb_btnstyle.middle.radius   {border-radius:15px 15px 15px 15px;}
.amb_btnstyle.large.radius    {border-radius:30px 30px 30px 30px;}

/* ******* amb_btnstyle 상위에 btnArea로 사이즈를 통합하는 경우 ******* */
.btnArea.middle .amb_btnstyle                      {font-size:13px; height:30px; line-height:28px; padding:0px 10px; }

/* ******* amb_btnstyle 아이콘 폰트 사용시 ******* */
.amb_btnstyle i[class^="ambicon-"],
.amb_btnstyle i[class*=" ambicon-"],
.btnArea .amb_btnstyle i[class^="ambicon-"],
.btnArea .amb_btnstyle i[class*=" ambicon-"] {display:inline-block; padding:0px; vertical-align:middle; margin-top:-2px; margin-left:-2px; font-size:16px;}

.btnArea.middle .amb_btnstyle i[class^="ambicon-"],
.btnArea.middle .amb_btnstyle i[class*=" ambicon-"]  {padding:0px; font-size:16px;}

.amb_btnstyle.onlyIcon,
.btnArea.middle .amb_btnstyle.onlyIcon {padding:0 0px !important;}

.amb_btnstyle.onlyIcon  i[class^="ambicon-"],
.amb_btnstyle.onlyIcon  i[class*=" ambicon-"]                {padding:0 4px; font-size:16x; line-height:24px; margin-left:0; }
.btnArea.middle .amb_btnstyle.onlyIcon i[class^="ambicon-"],
.btnArea.middle .amb_btnstyle.onlyIcon i[class*=" ambicon-"] {padding:0 6px; font-size:16px; line-height:20px; margin-left:0;}


/*********** ********************************************************************************************/
/********** amb_table **********/
table.amb_table {table-layout:fixed; width:100%; text-align:center;} /* 기본 설정 text-align은 center를 기본으로 함 */
table.amb_form_table {table-layout:fixed; width:100%; text-align:center;}

/* text 정렬 */
table.amb_table .center,
table.amb_form_table .center{text-align:center !important;}
table.amb_table .left,
table.amb_form_table .left  {text-align:left !important;}
table.amb_table .right,
table.amb_form_table .right {text-align:right !important;}

/* 라인 스타일 */
table.amb_table,
table.amb_form_table {border-width:1px; border-style:none none none none;}
table.amb_table th,
table.amb_table td,
table.amb_form_table th,
table.amb_form_table td {border-width:1px; border-style:solid none solid none;}

/* 라인컬러 // 필요한 컬러로 수정 및 추가 합니다 */
table.amb_table,
table.amb_table tr,
table.amb_table th,
table.amb_table td,
table.amb_form_table,
table.amb_form_table tr,
table.amb_form_table th,
table.amb_form_table td {border-color:#ccc;}

/* amb_form_table th 기본 좌정렬 */
table.amb_form_table th {text-align:left;}

/* th background 컬러 // 필요한 컬러로 수정 및 추가 합니다 */
table.amb_table thead {border-radius:0px 0 0 0px; overflow:hidden;}
table.amb_table thead th {/*background-color:#c45273;*/ background-color:rgba(255,255,255,0.2);}


/* 라인 간격 // 필요한 간격은 수정합니다 */
table.amb_table th,
table.amb_table td {padding:8px 8px 8px 8px; vertical-align:middle;}


table.amb_form_table th,
table.amb_form_table td {padding:4px 8px 4px 8px;}

table.amb_form_table td {text-align:left;}
table.amb_form_table td input[type=text] {width:80%;}
table.amb_form_table td textarea {width:80%;}

/* 말줄임 */
table.amb_table .ellipsis {overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}

/* 내려쓰기 */
table.amb_table th,
table.amb_table td,
table.amb_form_table th,
table.amb_form_table td {word-break:break-all;}

/* font 스타일 크기 */
table.amb_table th,
table.amb_form_table th {font-weight:400; font-size:1.05rem;}
table.amb_table td,
table.amb_form_table td {font-weight:300; font-size:1.0rem;}

table.amb_form_table td.pd0 {padding:0;}

table.amb_table tbody tr:hover {background:rgba(255,255,255,0.05);}

label .label {color:#303032;}


/*********** ********************************************************************************************/
/* 인풋 라디오, 체크, 파일 */
input.inp,
select.inp {height:32px; line-height:30px; border:1px solid #d7d7d7; padding:0 8px; border-radius:0px; font-size:13px; }
select.inp {padding-right:0;}
button {padding:0;}

input.inp {-webkit-appearance:none}
textarea.inp {-webkit-appearance:none}

input[type='checkbox'],
input[type='checkbox']:checked  {-webkit-appearance:none; vertical-align:middle; border:none;}
input[type='checkbox'] {height:20px; width:20px; margin:0; padding:0;  border-radius:0px; background:url('/img/btn_chk.png') no-repeat; background-size:20px auto; }

input[type='checkbox']                  {background-position:0 0;}
input[type='checkbox']:disabled         {background-position:0 0; -webkit-filter: opacity(0.6); opacity:0.6;}
input[type='checkbox']:checked          {background-position:0 -80px;}
input[type='checkbox']:checked:disabled {background-position:0 -80px; -webkit-filter: opacity(0.6); opacity:0.6;}
input[type='checkbox']:focus {outline:none;}

input[type='radio'],
input[type='radio']:checked {-webkit-appearance:none;  vertical-align:middle;  border:none;}
input[type='radio']         {width:20px; height:20px; margin:0; padding:0; border-radius:0; outline:none; background:url('/img/btn_radio.png') no-repeat; background-size:20px auto;}

input[type='radio']                     {background-position:0 0;}
input[type='radio']:disabled            {background-position:0 0; -webkit-filter: opacity(0.6); opacity:0.6;}
input[type='radio']:checked             {background-position:0 -80px;}
input[type='radio']:checked:disabled    {background-position:0 -80px; -webkit-filter: opacity(0.6); opacity:0.6;}
input[type='radio']:focus {outline:none;}

xmp {display:block; text-align:left; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.1); overflow:auto; padding:10px 10px;}


/* animation */
@keyframes ani_down {
  0%   {opacity:0; transform: translateY(-5px);}
  100% {opacity:1; transform: translateY(0px);}
}
@-webkit-keyframes ani_down {
  0%   {opacity:0; -webkit-transform: translateY(-5px);}
  100% {opacity:1; -webkit-transform: translateY(0px);}
}

@keyframes ani_up {
  0%   {opacity:0; transform: translateY(0px);}
  100% {opacity:1; transform: translateY(-5px);}
}
@-webkit-keyframes ani_up {
  0%   {opacity:0; -webkit-transform: translateY(0px);}
  100% {opacity:1; -webkit-transform: translateY(-5px);}
}

::-webkit-input-placeholder { color: #b5b5b5;}
::-moz-placeholder { color: #b5b5b5;}
:-ms-input-placeholder { color: #b5b5b5;}
:-moz-placeholder {  color: #b5b5b5;}

select {-webkit-appearance:none;}

/*********** ********************************************************************************************/
/** datepicker **/

/*********** ********************************************************************************************/
/* errorPage */
.errorPage {height:100%; text-align:center; background:#f7f7f7;}

.errorWrap {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; text-align:center;}
.errorBox {height:auto; position:absolute; max-width:90%; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width:90%;}
.errorBox .mainTit {color:#333; letter-spacing:-0.08em;}
.errorBox .mainTit span {display:block; font-size:18px; font-weight:400;}
.errorBox .mainTit span.big {font-size:25px; margin-bottom:15px;}
.errorBox .detailCont {margin:20px 20px 30px; color:rgba(0,0,0,0.6); letter-spacing:-0.05em; line-height:1.6em; font-size:14px;}
.errorBox .detailCont {background:url('/img/z_error_img.png') no-repeat top center; background-size:120px 120px; padding-top:140px;}
.errorBox .amb_btnstyle {background:#6879ce; color:#fff !important; max-width:200px; border:none; font-size:16px;  height:50px; line-height:50px !important; border-radius:30px !important; }
.errorBox .amb_btnstyle:hover {background:#6879ce !important; }


/*********** ********************************************************************************************/
/* layer popup */ /*20170711 수정 */
/*********** ********************************************************************************************/
/* loadingBox */
.loadingBox.insidePage {position:relative; display:inline-block; overflow:auto; height:60px;}
.loadingBox {display:block; position:fixed; width:100%; height:100%; z-index:9999; top:0; left:0; }
.loadingBox .loadingBg {display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.7;}

/* styBar **************** */
.loadingBox.styBar .loadingImg    {display:block; position:absolute; width:50px; height:40px; top:50%; left:50%;  transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);  text-align:center; overflow:hidden;}
.loadingBox.styBar .loadingImg > div       {background:#c45273; height:100%; width:6px; border-radius:3px; display:inline-block; float:left; margin:0 5px 0 0; box-shadow:0 10px 10px rgba(0,0,0,0.2);
	-webkit-animation:loadiAniBar 0.6s infinite ease-in-out;
	animation: loadiAniBar 0.6s infinite ease-in-out;
}
.loadingBox.styBar .loadingImg > div.img01 {-webkit-animation-delay:0s;     animation-delay:0s;}
.loadingBox.styBar .loadingImg > div.img02 {-webkit-animation-delay:-0.55s; animation-delay:-0.55s;}
.loadingBox.styBar .loadingImg > div.img03 {-webkit-animation-delay:-0.5s;  animation-delay:-0.5s;}
.loadingBox.styBar .loadingImg > div.img04 {-webkit-animation-delay:-0.45s; animation-delay:-0.45s;}
.loadingBox.styBar .loadingImg > div.img05 {-webkit-animation-delay:-0.4s;  animation-delay:-0.4s; margin-right:0px;}
.loadingBox.styBar .loadingImg > div.img06,
.loadingBox.styBar .loadingImg > div.img07 {display:none;}

@-webkit-keyframes loadiAniBar {
	0%, 40%, 100% { -webkit-transform: scaleY(0.6) }  
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes loadiAniBar {
	0%, 40%, 100% {transform: scaleY(0.6);}   
	20% {transform: scaleY(1.0);}
}

/*********** ********************************************************************************************/
/* **************** paging **************** */
.paging {display:block; padding:12px 0px; line-height:30px; clear:both; overflow:auto;  margin:10px 0;}
.paging .btnArea {padding:0 0;}
.paging ul.paginglist {display:inline-block; overflow:hidden; margin:0 0px; vertical-align:middle; text-align:center; }
.paging ul.paginglist:before,
.paging ul.paginglist:after {display:block; content:''; clear:both;}
.paging ul.paginglist li {display:inline-block; float:left; padding:0 0px; background:none; margin:2px 2px;}
.paging ul.paginglist li a {color:#333 ; display:block; line-height:30px; height:30px; min-width:30px; padding:0 2px; font-weight:400;}
.paging ul.paginglist li:hover {background-color:#f1f1f1;}
.paging ul.paginglist li.active {background-color:#e1e1e1; }
.paging ul.paginglist li.active a,
.paging ul.paginglist li.active a:hover {color:#000; font-weight:700;}
.paging ul.paginglist li a i {display:inline-block; height:26px; font-size:16px; line-height:22px; vertical-align:middle;}
.paging ul.paginglist a,
.paging ul.paginglist a:hover {color:#000;}
.paging ul.paginglist li.first, 
.paging ul.paginglist li.prev, 
.paging ul.paginglist li.next, 
.paging ul.paginglist li.last {background:;}

.paging ul.paginglist a:hover {animation:ani_down 0.2s ease-out 0s 1 alternate;}


.pc_color01 {color:#6879ce;}
.bgRed  {background:#f30101;}
.bgBlue {background:#0077f5;}
.colorRed {color:#ff0000;}
.colorBlack {color:#000000;}

a,a:hover,a:visited,a:active,a:focus {color:inherit;}

.bold {font-weight:700 !important;}

label {color:inherit;}

/*********** ********************************************************************************************/
/*********** ********************************************************************************************/
/* 레이아웃 */
select {border:1px solid #ccc;}

.amb_layout_common {position:relative; min-height:100%;}

.header          {}
.topVisual       {}
.totalSearchWrap {}
.priceQuickWrap  {}
.categoryWrap    {}
.premiumWrap     {}
.contentWrap     {background:#fff; padding-top:0px; position:relative;}
.footer          {}

.header,
.topVisual,
.totalSearchWrap,
.priceQuickWrap,
.categoryWrap,
.premiumWrap,
.contentWrap,
.footer       {min-width:1280px; width:100%; }

.header:after,
.topVisual:after,
.totalSearchWrap:after,
.priceQuickWrap:after,
.categoryWrap:after,
.premiumWrap:after,
.contentWrap:after,
.footer:after {display:block; content:''; clear:both; height:0;}

.header .wrap,
.topVisual .wrap,
.totalSearchWrap .wrap,
.priceQuickWrap .wrap,
.categoryWrap .wrap,
.premiumWrap .wrap,
.contentWrap .wrap,
.footer .wrap {width:1280px; margin:0 auto;  min-height:20px; position:relative;}

.contentWrap {min-height:600px;}

.mobileOnly {display:none !important;}


/* header */
.header {position:absolute; z-index:1; border-bottom:1px solid #ccc; background:#f4f4f4;}
.header .wrap {height:70px; color:#333; position:relative;}
.header h1 {display:inline-block; width:240px; height:50px; position:absolute; top:10px; left:5px; }
.header h1 a {display:block; height:100%; text-indent:0; overflow:hidden;
	background:url('/img/logo.png') no-repeat; background-size:100% auto; background-position:center left; text-indent:-1000px;
}

.header .nav {display:inline-block; position:absolute; top:20px; right:5px;}
.header .nav ul {display:block; clear:both;}
.header .nav ul:after {display:block; content:''; height:0; width:0; line-height:0;}
.header .nav ul.depth_01>li {display:inline-block; float:left; position:relative;}
.header .nav ul.depth_01>li>a {display:block; padding:0 25px; line-height:30px; height:30px; font-size:14px; font-weight:500; text-transform:uppercase; }
.header .nav ul.depth_01>li>ul {display:none; position:absolute; top:30px; z-index:10; width:100%; background:#fff; color:#000; border:1px solid #ccc; padding:10px 0; margin:0 10%;} 
.header .nav ul.depth_01>li>ul>li {display:block;}
.header .nav ul.depth_01>li>ul>li>a {display:block; padding:5px 10px; margin:5px 0; font-size:13px;}

.header .nav ul.depth_01>li a:hover {animation:ani_down 0.2s ease-out 0s 1 alternate; color:inherit;}
.header .nav ul.depth_01>li:hover>ul {display:block; animation:ani_down 0.2s ease-out 0s 1 alternate;}

.header .nav ul.depth_01>li a>span {font-size:inherit;}

.header .headSearchBox {position:absolute; vertical-align:middle; height:30px; top:20px; left:300px; clear:both; overflow:hidden;}
.header .headSearchBox .inp {vertical-align:middle; height:100%; border-color:#ccc; width:200px; float:left;}
.header .headSearchBox .searchBtn {vertical-align:middle; height:100%; width:30px; background:#333; color:#fff; float:left;} 
.header .headSearchBox .searchBtn:before {
	font-family:'AMB-iconfont' !important;  speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;
	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
	display:inline-block; content:'\e919'; font-size:16px;  line-height:25px;
}


.header .indivisual {display:inline-block; position:absolute; top:10px; right:0;}

/* main topVisual */
.topVisual {padding-top:130px; height:350px; background:url('') no-repeat center bottom; background-size:cover; border-bottom:0px solid #000;}
.topVisual .wrap {height:;  position:relative; text-align:center; padding-top:60px;}

/*
.topVisual .wrap .main_text { position:absolute; top:80px; left:10px;}
.topVisual .wrap .main_text .bText,
.topVisual .wrap .main_text .sText {color:#fff; display:block; font-weight:200;}
.topVisual .wrap .main_text .bText {font-size:40px;}
.topVisual .wrap .main_text .sText {font-size:26px;}
*/

/* subVisual */
.subVisual {padding-top:0px; height:70px; background:url('') no-repeat center bottom; background-size:cover; border-bottom:1px solid rgba(0,0,0,0.1);}

.underline {text-decoration:underline;}


/* categoryWrap */
.categoryWrap {border-bottom:1px solid #ccc; background:#f9f9f9; overflow:hidden;}
.categoryWrap .wrap {padding:40px 5px; overflow:auto; clear:both;}
.categoryWrap .wrap h3 {clear:both;  margin-bottom:40px; font-weight:600;}
.categoryWrap .wrap h3:after {display:block; content:''; height:0; width:0; line-height:0; clear:both;}

.lineStyle {border-bottom:2px solid #333; padding-bottom:5px;}

.categoryBox {display:block; clear:both; margin-left:-5px;  margin-right:-5px;}
.categoryBox .unit {display:inline-block; float:left; width:16.6%;}
.categoryBox .unit .tit,
.categoryBox .unit .listBox {margin:0 5px; border:1px solid #ccc; background:#fff;}

.categoryBox .unit .tit {background:; text-align:center; height:40px; line-height:40px; font-weight:600; font-size:15px;}
.categoryBox .unit .listBox {padding:15px 15px; font-size:15px; border-top:0; height:185px;}
.categoryBox .unit .listBox .list {display:block; padding:2px 0 2px 10px; font-size:13px; position:relative; color:#666;}
.categoryBox .unit .listBox .list:before {display:block; content:''; width:3px; height:3px; position:absolute; left:0; top:8px; background:#ccc;}

.categoryBox .unit .tit > a,
.categoryBox .unit .list > a {display:block; font-weight:inherit;}
.categoryBox .unit a:hover {animation:ani_down 0.2s ease-out 0s 1 alternate; color:inherit;}
.categoryBox .unit .tit > a:hover {color:#fff;}

.categoryBox .unit .tit {border-top:2px solid #333;}
.categoryBox .unit:nth-of-type(1) .tit {border-top-color:#5cbae6;}
.categoryBox .unit:nth-of-type(2) .tit {border-top-color:#4ec5b0;}
.categoryBox .unit:nth-of-type(3) .tit {border-top-color:#c54eab;}
.categoryBox .unit:nth-of-type(4) .tit {border-top-color:#a7c54e;}
.categoryBox .unit:nth-of-type(5) .tit {border-top-color:#c54f4e;}
.categoryBox .unit:nth-of-type(6) .tit {border-top-color:#924ec5;}

.categoryBox .unit:nth-of-type(1) .tit  a:hover {background-color:#5cbae6;}
.categoryBox .unit:nth-of-type(2) .tit  a:hover {background-color:#4ec5b0;}
.categoryBox .unit:nth-of-type(3) .tit  a:hover {background-color:#c54eab;}
.categoryBox .unit:nth-of-type(4) .tit  a:hover {background-color:#a7c54e;}
.categoryBox .unit:nth-of-type(5) .tit  a:hover {background-color:#c54f4e;}
.categoryBox .unit:nth-of-type(6) .tit  a:hover {background-color:#924ec5;}

/* priceQuickWrap */
.priceQuickWrap {border-bottom:1px solid #ccc;}
.priceQuickWrap .wrap {padding:40px 0 50px;}
.priceQuickWrap .wrap h3 {font-weight:600; margin-bottom:30px;}
.priceQuickWrap .priceQuickBox {clear:both; overflow:hidden; text-align:center;}
.priceQuickWrap .priceQuickBox .btnUnit {display:inline-block; width:16.6%; float:left;}
.priceQuickWrap .priceQuickBox .btnUnit > a {display:block; padding:10px 5px; margin:0 5px; border:1px solid #a7c54e; background:#a7c54e; color:#fff;}
.priceQuickWrap .priceQuickBox .btnUnit:hover > a {animation:ani_down 0.2s ease-out 0s 1 alternate; background:#738d27;}


/* totalSearchWrap */

.totalSearchWrap {}
.totalSearchWrap .wrap {padding:30px 5px;}

.totalSearchBox {overflow:auto; clear:both; position:relative; background:#f1f1f1; border:1px solid #ccc; padding:20px 30px; font-size:14px;}
.totalSearchBox .title {display:block; font-size:16px; padding:0 0 10px; text-align:center;}

.totalSearchBox .inp {height:30px; line-height:30px;}
.totalSearchBox .tit {}
.totalSearchBox .btn.search {position:absolute; bottom:25px; right:25px; background:#343438; color:#fff; border-radius:0; height:30px; line-height:30px; padding:0 10px;}
.totalSearchBox .btn.search:before {
	font-family:'AMB-iconfont' !important;  speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;
	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
	display:inline-block; content:'\e919'; font-size:14px; vertical-align:middle;  margin-top:-2px; margin-right:3px;
}


.tableStyle {display:table; table-layout:fixed; width:100%; margin:5px 0;}
.totalSearchBox .tableStyle {width:calc(100% - 100px);}
.totalSearchBox .colCell:last-child {text-align:right;}

.tableStyle .colCell {display:table-cell;}
.tableStyle.col1 .colCell {width:100%;}
.tableStyle.col2 .colCell {width:50%;}
.tableStyle.col3 .colCell {width:33.3%;}
.tableStyle.col4 .colCell {width:25%;}

.tableStyle .colCell .unit {display:table; table-layout:fixed; width:100%;}
.tableStyle .colCell .unit .tit  {display:table-cell; width:80px; text-align:left; padding:0 5px; }
.tableStyle .colCell .unit .cont {display:table-cell; width:; padding:0 3px;}

/* premiumWrap */
.premiumWrap {border-bottom:1px solid #ccc; background:#f9f9f9; overflow:hidden;}
.premiumWrap .wrap {padding:40px 5px; overflow:auto; clear:both;}

/* contentWrap */
.wrap h2{width:100%; font-weight:600; padding:0px 0px 13px; margin-top:0px;}
.totalSearchWrap + .contentWrap .wrap h2 {margin-top:-30px;}
.wrap h2 .title{font-size:30px; position:relative; display:inline-block; vertical-align:middle; padding-left:0px;}
.wrap h2 .title:before{content:''; display:none; position:absolute; top:50%; width:6px; height:6px; border-radius:50%; margin-top:-4px; left:0px; background:#434854;}

.contentWrap .wrap {overflow:auto; padding:40px 5px;}
.wrap h3 {clear:both;  margin-bottom:10px;  font-weight:600;}
.wrap h3 .tit {line-height:30px; font-size:16px;}
.wrap h3:after {display:block; content:''; height:0; width:0; line-height:0; clear:both;}

/* LIST */
/* LIST */
.listBox {overflow:initial; clear:both;}
.photoStyle {overflow:auto; clear:both;}
.photoStyle li {display:inline-block; float:left; width:20%; margin-bottom:20px; height:310px;}

.photoStyle li a {display:block; overflow:hidden;  clear:both; position:relative; height:100%; margin:0 8px;}
.photoStyle li:nth-child(5n - 0) a {margin-right:0;}
.photoStyle li:nth-child(5n + 1) a {margin-left:0;}
.photoStyle li .imgBox,
.photoStyle li .contBox {display:block;}

.photoStyle li .imgBox {width:100%; height:200px; z-index:0; overflow:hidden; background:#000;}
.photoStyle li .imgBox .img {display:block; width:100%; height:100%; overflow:hidden;}
.photoStyle li .imgBox .img img {max-width:100%; max-height:100%;}
/* .photoStyle li .imgBox .img img {width:100%; height:100%;} */

.photoStyle li a:hover .contBox {animation:ani_down 0.2s ease-out 0s 1 alternate;}
.photoStyle li .contBox {width:100%; height:200px; padding:0px; position:absolute; z-index:1; top:130px;}

.photoStyle li .contBox .overlay,
.photoStyle li .contBox .otherCont {display:block; padding:12px 20px; overflow:hidden;}
.photoStyle li .contBox .overlay   {background:rgba(0,0,0,0.5); height:70px;}
.photoStyle li .contBox .otherCont {background:#f1f1f1; height:105px; position:relative; border:1px solid #ddd; padding:10px 20px}

.photoStyle li .contBox .overlay * {color:#fff;}

.photoStyle li .contBox .tit   {display:block; margin-top:0px; font-size:15px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.photoStyle li .contBox .sCont {display:block; position:relative; padding:0px 0 5px 12px; font-size:14px;}
.photoStyle li .contBox .sCont:before {display:inline-block; content:''; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; top:5px; left:0;}

.photoStyle li .contBox .sCont.location {font-size:14px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.photoStyle li .contBox .sCont.location:before {top:7px;}

.photoStyle li .contBox .sCont.category {font-size:14px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; padding-left:0;}
.photoStyle li .contBox .sCont.category:before {display:none;}

.photoStyle li .contBox .otherCont .sCont {color:#666; padding-left:0;}
.photoStyle li .contBox .otherCont .percent {position:absolute; top:20px; font-size:14px; }
.photoStyle li .contBox .otherCont .percent:before {display:none;}
.photoStyle li .contBox .otherCont .percent .unit > em {display:inline-block; margin:; padding:0 4px; font-size:26px; font-weight:600;}
.photoStyle li .contBox .otherCont .price {display:block; font-size:13px; font-weight:600; clear:both; text-align:left; margin:5px 0 5px 50%;}
.photoStyle li .contBox .otherCont .price:before {display:none;}
.photoStyle li .contBox .otherCont .price .unit {display:inline-block; width:100%; margin:2px 0;}
.photoStyle li .contBox .otherCont .price .unit > em {display:inline-block; margin:0 5px 0 0; padding:0 4px; font-weight:600; color:#fff;}
.photoStyle li .contBox .otherCont .name .unit {display:inline-block;}
.photoStyle li .contBox .otherCont .name {padding-left:20px !important;}
.photoStyle li .contBox .otherCont .name:before {
	font-family:'AMB-iconfont' !important;  speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;
	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
	display:inline-block; content:'\e953'; font-size:16px; vertical-align:middle;
	background:none; margin-top:-2px;  margin-right:3px;
}

.photoStyle li a:hover .imgBox .img img {animation:scaling 0.8s ease-out 0s 1 forwards; }
@keyframes scaling {
	0%   {transform: scale(1.0);}
	100% {transform: scale(1.1);}
}
.photoStyle li a:hover .contBox .overlay {opacity:0.5;}
.photoStyle li a:hover .contBox .otherCont .sCont {color:#000;}
.photoStyle li a:hover .contBox .otherCont .price {color:#000;}

/* detail*/
.bottomArea {overflow:hidden; margin-top:30px; text-align:right;}
.bottomArea .amb_btnstyle.btn {height:40px; line-height:40px; margin:0 3px;}

/* detail*/
.photoView {border:0px solid #000; overflow:hidden; clear:both; margin:10px 0 30px 0;}
.photoView .photoBox,
.photoView .photoList {overflow:hidden; display:inline-block; }
.photoView .photoBox img,
.photoView .photoList img {max-width:100%;}

.photoView .photoBox {width:60%; float:left;}
.photoView .photoList {width:40%; float:right;}

.photoView .photoBox .imgBox {display:inline-block; width:600px; max-width:96%;}
.photoView .photoBox .imgBox img {width:100%;}

.photoView .photoList .imgBox {display:inline-block; width:33.3%; float:left; text-align:center;}
.photoView .photoList .imgBox a {display:block; width:100px; height:75px; margin:0 auto 10px; border:1px solid rgba(0,0,0,0.2);}
.photoView .photoList .imgBox a img {width:100%; height:100%;}


/* formSty */
.detailView {}
.formSty {}
.formSty tr {height:46px;}
.formSty tr th,
.formSty tr td {vertical-align:middle; padding:8px 10px 8px 10px !important;}

.formSty    {border-width:1px; border-style:solid none none none !important;}
.formSty    {border-top:2px solid #7f5eab !important;}
.formSty th,
.formSty td {border-width:1px; border-style:solid solid solid none !important;}
.formSty tr:first-child th,
.formSty tr:first-child td {border-top:none !important;}
.formSty tr td:last-child {border-right:none !important;}
.formSty tr th {background:#f1f1f1; font-weight:bold !important; font-size:14px !important;}
.formSty tr td {color:#333; font-weight:400 !important; font-size:14px !important;}

.bottomArea {overflow:hidden; margin-top:30px; text-align:right;}
.bottomArea .amb_btnstyle.btn {height:40px; line-height:40px; margin:0 3px;}

/* request */
.formSty tr td label {display:inline-block;  margin:5px 0;}
.formSty tr td label span.label {display:inline-block; font-size:14px; }
.formSty tr td label input + span.label  {margin-left:5px;}

.formSty tr td.w50 label {width:48%;}
.formSty tr td.w33 label {width:32%;}
.formSty tr td.w20 label {width:19%;}
.formSty tr td .exBox {margin:10px 0 0 0; font-size:14px;}

textarea.inp {padding:10px 10px;}

.formSty tr td.vertical {vertical-align:top !important;}
.formSty tr td.vertical label.vertical {vertical-align:top !important;}
.formSty tr td label.vertical {text-align:center;}
.formSty tr td label.vertical>span.label{display:block; height:24px; line-height:18px;}
.formSty tr td label.vertical select {margin:0 4px;}

.topTextArea {overflow:auto;}
.topTextArea .textArea {overflow:auto; margin-bottom:40px; font-size:14px; line-height:1.6em;}

.hint {color:#999; display:inline-block; font-size:13px;}
input.inp + .hint {padding:0 0 0 10px;}

/* request */
/* Register */

/* mapWrap */
.mapWrap {overflow:hidden; position:relative; background:#f1f1f1;}

/* etcBoxWrap */
.etcBoxWrap {}
.etcBoxWrap .etcBox {overflow:auto; clear:both; padding:20px 0; border-bottom:1px solid #ddd;  border-top:1px solid #ddd;}

/* linkManWrap */
.linkManWrap {border:1px solid #ccc; position:relative; padding:10px 10px;}
.linkManWrap .photoBox {width:100%;}
.linkManWrap .photoBox img {max-width:100%;}
.linkManWrap .photoBox .exText {padding:10px 0; border:1px solid #ccc; border-width:1px 0 1px 0; font-size:12px;}

.linkManWrap .formBox {font-size:13px;}
.linkManWrap .formBox * {font-size:14px;}
.linkManWrap .formBox .tit {padding:10px 0 5px;}
.linkManWrap .formBox .contBox {padding:5px 0 10px;}
.linkManWrap .formBox .inp {margin-top:5px;}

/* companyWrap */
.companyWrap {}
.companyWrap * {font-size:16px; line-height:180%;}
.companyWrap .gayBox {background:#f1f1f1; border:1px solid #eee; padding:30px 30px; margin-top:30px;}
.companyWrap .gayBox .list  li{ margin:5px 0; font-size:14px;}
.companyWrap .otherBox {background:url('/img/sub_visual_06.png') no-repeat; background-size:cover;  background-position:center;  clear:both; overflow:hidden;}
.companyWrap .otherBox .unit {float:left; width:50%; color:#fff; padding:80px 30px;}
.companyWrap .otherBox .unit,
.companyWrap .otherBox .unit * {font-size:22px;}
.companyWrap .otherBox .unit:nth-of-type(1) {background:rgba(0,0,0,0.45);}
.companyWrap .otherBox .unit:nth-of-type(2) {background:rgba(255,180,0,0.45);}

/* 약관전문 */
.termsBox {margin:20px 0 20px; font-size:14px;}
.termsBox h5 {font-weight:bold; font-size:15px; margin:20px 0 5px; color:inherit;}
.termsBox h5:first-child {margin-top:0;}
.termsBox p {margin-bottom:5px; margin-top:5px;}
.termsBox ol li {margin-left:1.0em; margin-top:5px;} 
.termsBox ol li p {margin-left:0.80em;}


/* winPopup */
.winPopup {height:100%;}
.winPopup .contentWrap {min-height:calc(100% - 216px);}
.winPopup .contentWrap .wrap {}
.winPopup .footer .wrap {}

/* footer */
.footer {background:#d8d8d8;}
.footer .wrap {padding:40px 0; color:#818181;}
.footer .wrap h1 {display:inline-block; width:260px; height:60px; position:absolute; top:40px; left:0;}
.footer .wrap h1 a {display:block; height:100%; text-indent:-1000px; overflow:hidden;  background:url('/img/logo.png') no-repeat; background-size:100% auto; background-position:center left;}
.footer .wrap .address,
.footer .wrap .copyright {font-size:12px; margin-left:300px; line-height:18px;}
.footer .wrap .copyright {margin-top:10px; opacity:0.6;}

/* hasRightCont */
.hasRightCont { clear:both; position:relative;}
.hasRightCont .wrap {position:relative; clear:both;  overflow:auto;}
.hasRightCont .leftContWrap {float:left; overflow:auto; margin-right:300px;}
.hasRightCont .rightContWrap {width:270px; position:absolute; right:0; top:80px;}

.hasRightCont .leftContWrap .photoStyle li {display:inline-block; float:left; width:25%;}
.hasRightCont .leftContWrap .photoStyle li:nth-child(5n - 0) a {margin-right:5px;}
.hasRightCont .leftContWrap .photoStyle li:nth-child(5n + 1) a {margin-left:5px;}

/* .main  //////////////////////////// */
.main .header {border-bottom:1px solid rgba(255,255,255,0.2); background:rgba(0,0,0,0.7);}
.main .header .wrap {color:#fff; }
.main .header .nav ul.depth_01>li>a {color:#fff;}
.main .header .nav ul.depth_01>li>ul {background:#fff; color:#000; border:1px solid #ccc;}
.main .header .nav ul.depth_01>li>ul>li>a {font-size:13px;}

.main .header .headSearchBox {}
.main .header .headSearchBox .inp {border-color:rgba(25,255,255,0.5); background:rgba(255,255,255,0.3);}
.main .header .headSearchBox .searchBtn {background:rgba(25,255,255,0.5); border-color:rgba(25,255,255,0.5); color:#fff;} 
.main .header .headSearchBox .searchBtn:before {}

.main .topVisual {background:url('/img/main_visual.jpg') no-repeat center center; background-size:cover;}
.main .topVisual {padding-top:130px; height:350px; border-bottom:0px solid #000;}
.main .topVisual .wrap {display:; color:#fff;}
.main .topVisual .wrap .topImg {display:block; margin:-40px auto 0; width:200px;}
.main .topVisual .wrap .topImg img {width:100%;}
.main .topVisual .wrap .topImg img {animation:ani_down 0.4s ease-out 0s 1 ;}
.main .topVisual .wrap .bText {display:block; margin:13px auto 0; font-size:27px !important; font-weight:normal; text-shadow:1px 2px 1px rgba(0,0,0,0.4);}
.main .topVisual .wrap .bText em {display:inline-block; background:rgba(255,0,0, 0.0); padding:0 0px;}
.main .topVisual .wrap .bText em:last-child {background:rgba(0,0,255, 0.0); color:#ff0000;}
.main .topVisual .wrap .sText {display:block; margin:5px auto 0; font-size:13px !important; font-weight:normal;}

.main .totalSearchWrap {position:relative; z-index:1; margin-top:0px; background:#282931;}
.main .totalSearchWrap + .categoryWrap {padding-top:10px;}

.main .totalSearchWrap .wrap {padding:20px 5px;}

.main .totalSearchWrap .totalSearchBox {box-shadow:0 1px 3px rgba(0,0,0,0.0); background:rgba(0,0,0,0.0); border-color:rgba(255,255,255,0.0); padding:15px 0;}
.main .totalSearchWrap .totalSearchBox .title,
.main .totalSearchWrap .totalSearchBox .tit {color:#fff; font-weight:normal;}
.main .totalSearchWrap .totalSearchBox .inp {background:rgba(0,0,0,0.5); border-color:rgba(255,255,255,0.2); color:#fff;}

.main .totalSearchWrap .totalSearchBox .title {padding:0 0 15px; text-align:center; margin-top:-5px; color:#fff; opacity:1.0;}
.main .totalSearchWrap .totalSearchBox .title .lineStyle {border-color:#fff; font-size:17px;}

.main .totalSearchWrap .totalSearchBox .tit {opacity:0.8;}
.main .totalSearchWrap .totalSearchBox .btn.search {background:rgba(255,255,255,0.2); color:#fff; bottom:25px; border-radius:0; height:70px;  width:100px; padding:0 10px; font-size:15px;}
.main .totalSearchWrap .totalSearchBox .btn.search:hover {background:rgba(255,255,255,0.3);}
.main .totalSearchWrap .totalSearchBox .btn.search:before {
	font-family:'AMB-iconfont' !important;  speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1;
	-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;
	display:block; content:'\e919'; font-size:18px; vertical-align:middle;  margin:3px 0 3px;
}

.main .totalSearchWrap .tableStyle {margin:10px 0; width:calc(100% - 150px);}
.main .totalSearchWrap .tableStyle .colCell .unit .tit  {width:80px; text-align:left; padding:0 5px; }
.main .totalSearchWrap .tableStyle .colCell .unit .cont {}

.main .premiumWrap {position:relative; background:#656670;}
.main .premiumWrap .wrap h3 .tit {color:#fff;}
.main .premiumWrap .wrap h3 .amb_btnstyle.white {background-color:transparent; color:#fff !important;}

.main .touchSliderBox {overflow-x:; overflow-y:; position:relative; padding:0 0px;}
.main .touchSliderBox .touchSliderWrap {border:0px solid #fff; position:relative; overflow:hidden; margin-top:0px; }

.main .touchSliderBox .ts-controls {}
.main .touchSliderBox .ts-controls .ts-prev,
.main .touchSliderBox .ts-controls .ts-next {border:0px solid #fff; overflow:hidden; width:25px; height:50px; background:transparent; position:absolute; top:50%; margin-top:-20px; display:none;}
.main .touchSliderBox .ts-controls .ts-prev:before,
.main .touchSliderBox .ts-controls .ts-next:before {
	font-family:AMB-iconfont !important; font-style:normal; text-decoration:inherit;  -webkit-font-smoothing:antialiased;
	width:100%; font-size:18px; vertical-align:middle; 
	display:block; content:""; color:#fff;	
}
.main .touchSliderBox .ts-controls .ts-prev:before { content:"\e901"; margin-left:px;	}
.main .touchSliderBox .ts-controls .ts-next:before { content:"\e900";	}
.main .touchSliderBox .ts-controls .ts-prev:hover:before,
.main .touchSliderBox .ts-controls .ts-next:hover:before {animation:ani_down 0.2s ease-out 0s 1 alternate;}
.main .touchSliderBox .ts-controls .ts-prev .text,
.main .touchSliderBox .ts-controls .ts-next .text {display:none;}

.main .touchSliderBox .ts-controls .ts-prev {left:-25px;}
.main .touchSliderBox .ts-controls .ts-next {right:-25px;}

.main .touchSliderBox .ts-controls .ts-paging {text-align:center; margin:10px 0 0;}
.main .touchSliderBox .ts-controls .ts-paging .ts-paging-btn {position:relative; overflow:hidden; width:16px; height:16px; text-indent:-1000px; border:1px solid rgba(255,255,255,0.3)f; margin:0 8px; border-radius:50%; background:rgba(255,255,255,0.2);}
.main .touchSliderBox .ts-controls .ts-paging .ts-paging-btn.ts-paging-active {background:#a7c54e !important; border-color:#a7c54e !important;}

.main .touchSliderBox .photoStyle li a {margin:0 0;}

.main .premiumWrap .wrap {overflow:initial;}

.touchSliderBox .photoStyle{width:100%;margin:0;padding:0}
.touchSliderBox .photoStyle:after{display:block;content:'';clear:both}
.touchSliderBox .photoStyle li{display:none;float:left;width:100%; padding:0 8px;}
.touchSliderBox .photoStyle li:first-child{display:block}
.touchSliderBox .next,
.touchSliderBox .prev{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#000}
.touchSliderBox .hidden.next,
.touchSliderBox .hidden.prev{display:none}
.touchSliderBox .prev{left:0}
.touchSliderBox .next{right:0}
.touchSliderBox .controller{width:100%;text-align:center}
.touchSliderBox .controller .auto{display:inline-block;vertical-align:middle}
.touchSliderBox .controller .auto i{display:none;color:#333}
.touchSliderBox .controller .auto.pause .fa-pause,
.touchSliderBox .controller .auto.play .fa-play{display:block}
.touchSliderBox .controller .indicate-area{display:inline-block}
.touchSliderBox .controller .indicate-area a{display:inline-block;position:relative;width:16px;height:16px;margin:0 5px;font-size:0;color:transparent;vertical-align:middle}
.touchSliderBox .controller .indicate-area a:after{content:'';position:absolute;top:0;left:0;width:inherit;height:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid rgba(255,255,255,0.5);border-radius:50%}
.touchSliderBox .controller .indicate-area a.on:after{background-color:rgba(255,255,255,0.3)}
.touchSliderBox.slider--none .controller,
.touchSliderBox.slider--none .next,
.touchSliderBox.slider--none .prev{display:none}

/****************************************************/
/* 1600 이상일때 */
@media screen and (max-width: 1600px) {
	
.header,
.topVisual,
.contentWrap,
.footer       {}

.header .wrap,
.topVisual .wrap,
.contentWrap .wrap,
.footer .wrap { margin:0 auto;}

}