@charset "utf-8";

@font-face {
	font-family: 'classic';
	src: url('../fonts/SCENBasicClassic-Medium.woff2') format('woff2'),
		 url('../fonts/SCENBasicClassic-Medium.woff') format('woff'),
		 url('../fonts/SCENBasicClassic-Medium.otf') format('opentype');
}
@font-face {
	font-family: 'modern';
	src: url('../fonts/SCENBasicModern-Medium.woff2') format('woff2'),
		 url('../fonts/SCENBasicModern-Medium.woff') format('woff'),
		 url('../fonts/SCENBasicModern-Medium.otf') format('opentype');
}
body{
	font-family:'modern', sans-serif;
  	color: #000;
	margin: 0 auto;
}
body.open {overflow: hidden;}
.clear::after, 
ul::after,
ol::after, 
dl::after,
.container::after {
	content: ""; display: block; clear: both;
}
a.link {
	text-decoration: underline;
	text-underline-position: under;
}
a.hover:hover {text-decoration: underline;}
[class^='btnArea'] {margin-top: 35px;}
[class^='btnArea'] > * {margin: 5px 0;}
[class^='btnArea'] > *:not(:last-child) {margin-right: 8px;}
[class^='btnArea'].type2 {margin-top: 80px;}
[class^='btnArea'].type2 a:not(:last-child) {margin-right: 50px;}
:not(.search) + .btnAreaC > * {margin: 5px 4px;}
.btnAreaL {text-align: left;}
.btnAreaC {text-align: center;}
.btnAreaR {text-align: right;}
[class^='btnAreaLR'] {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
}
[class^='btnAreaLR'] > * {margin: 5px 0;}
[class^='btnAreaLR'] > *:not(:last-child) {margin-right: 0;}
.btnAreaLR_T {align-items: flex-start;}
.btnAreaLR_C {align-items: center;}
.btnAreaLR_B {align-items: flex-end;}
@media screen and (max-width: 910px) {
	[class^='btnArea'].type2 a:not(:last-child) {margin-right: 0px;}
}
/* input */
input[type='text'],
input[type='password'],
input[type='file'],
input[type='number'],
textarea, select {
	display: inline-block;
	max-width: 100%;
	font-family: 'modern';
	font-size: 16px;
}
input[type='number'],
input[type='text'],
input[type='password'] {border: none;}
select {
	border: #000 solid 1px;
    background: url('../img/content/select2.png') calc(100% - 10px) center #fff no-repeat;
	padding: 0 30px 0 13px;
	line-height: 43px;
	height: 45px;
	-webkit-appearance: none;
    appearance: none;
}
input[type='text']::placeholder,
input[type='password']::placeholder,
input[type='file']::placeholder,
textarea::placeholder, select::placeholder {
	color: #727272;
}
input::-webkit-input-placeholder {color: #727272;}		/* 크롬 4–56 */
input:-moz-placeholder {color: #727272; opacity: 1;}		/* 파이어폭스 4–18 */
input::-moz-placeholder {color: #727272; opacity: 1;}		/* 파이어폭스 19–50 */
input:-ms-input-placeholder {color: #727272;}				/* 인터넷 익스플로러 10+ */
input::placeholder {color: #727272; opacity: 1;}			/* 파이어폭스 51+, 크롬 57+ */

*[readonly='readonly'],
*[disabled='disabled'],
*[readonly=''],
*[disabled=''] {
	background-color: #fff;
	color: #777;
}

@media screen and (max-width: 768px) {
	select.small {height: 30px; line-height: 28px; margin: 20px 0 10px !important;}
}

input[type='radio'],
input[type='checkbox'] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}
input[type='radio'] + span,
input[type='checkbox'] + span {
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
}
input[type='radio'] + span::after,
input[type='checkbox'] + span::after {
	content: "";
	width: 16px;
	height: 16px;
	margin: 1px;
	border: 2px solid #ddd;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
}
input[type='radio'] + span::after {border-radius: 50%;}
input[type='checkbox'] + span::after {background: url('../img/content/checkbox.png') center / 14px auto #fff no-repeat;}
input[type='radio']:checked + span::after {
	background: url('../img/content/radio_on.png') center / 10px auto #fff no-repeat;
    border-color: #000;
}
input[type='checkbox']:checked + span::after {
	background: url('../img/content/checkbox_on.png') center / 14px auto #000 no-repeat;
    border-color: #000;
}
input[type="radio"]:focus + span,
input[type="checkbox"]:focus + span,
input[type="file"]:focus + label {
	outline: 2px solid #000 !important;
	outline: -webkit-focus-ring-color auto 2px;
}

.checked_list label:not(:last-child) {margin-right: 20px;}

input[type="file"] {  /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px !important;
    height: 1px;
    padding: 0 !important;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0 !important;
}

*:focus {outline: 2px solid #000; z-index: 10000;}

iframe {border: none !important;}

/* 팝업 */
.dimm {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
	background-color: rgba(0, 0, 0, 0.6);
}
.layerPopup {
    display: none;
    background-color: #e6e6e6;
	position: fixed;
	max-width: 600px;
	min-width: 280px;
    width: 100%;
    font-weight: 600;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10000;
    box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.15);
}
.layerPopup.zoom {max-width:  1100px !important;}
.layerPopup.zoom .layerCont > img{width:  100%;}
.layerPopup [class^='btnArea'] {margin-top: 20px !important;}
.layerHead {
	padding: 0 60px 0 30px;
	position: relative;
	display: flex;
	align-items: center;
	height: 70px;
	line-height: 175%;
}
.layerPopup.big {max-width: 1100px;}
.layerPopup.small .layerHead{
	padding: 20px 30px;
}
.layerHead h3 {
	font-family: 'modern' !important;
	font-size: 22px !important;
	font-weight: normal;
	text-align: left !important;
	border-bottom: none !important;
	padding: 0 !important;
	margin-bottom: 0 !important;
}
.layerPopup .layerClose {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
    top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	background: url('../img/content/popup_close.png') center / 32px #000 no-repeat;
}
.layerCont {
    background-color: #fff;
    margin-bottom: 40px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
	padding: 35px 45px;
	max-height: 700px;
	overflow-y: auto;
    position: relative;
	font-weight: normal;
}
.layerCont h4 {
    font-size: 30px;
	font-weight: 500;
    position: relative;
    padding: 0px 0 4px 25px;
    margin: 0px 0 15px;
	font-family: 'classic';
}
.layerCont h4::before {
    content: '';
    width: 14px;
    height: 14px;
    display: block;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 15px;
}
.layerCont h4.noBlt {padding: 0;}
.layerCont h4.noBlt::before {display: none;}
.layerCont [class^='btnArea'] h4.noBlt {margin-bottom: 0;}
.layerCont h5 {font-size: 19px; margin-bottom: 10px;}
.layerPopup::before,
.layerPopup::after {
    content: '';
    width: 1px;
    height: calc(100% - 150px);
    background-color: #000;
    display: block;
    position: absolute;
    top: 90px;
	z-index: 1000;
}
.layerPopup::before {left: 15px;}
.layerPopup::after {right: 15px;}
.layerPopup.scroll::after {right: 30px;}
#artPop::before,
#artPop::after {display: none;}

@media screen and (max-width: 768px) {
	.layerCont {padding: 35px 35px 40px; max-height: 560px;}
	.layerCont h4.noBlt {font-size: 25px; margin-bottom: 10px;}
	.layerCont h4 {font-size: 20px;padding-left: 17px;}
	.layerCont h4::before {top: 9px;width: 10px;height: 10px;}
}

/* 메인 팝업 */
.layerPopup.custom {display: block; transform: none; height: 100%;}
.layerPopup.custom .layerCont {
	height: 100%;
	max-height: none;
	border: 1px solid #000;
	margin-bottom: 0;
	padding: 0;
	overflow: auto;
}
.layerPopup.custom::before,
.layerPopup.custom::after {display: none;}
.layerPopup.custom .layerCont img {width: 100%; height: auto;}
.layerPopup.custom .btnAreaC {
	margin-top: 0 !important;
	background-color: #000;
	display: flex;
	position: relative;
}
.layerPopup.custom .btnAreaC::after {
	content: '';
	width: 1.5px;
	height: calc(100% - 10px);
	background-color: #fff;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.layerPopup.custom .btn_black {
	position: static;
	text-indent: 0;
	overflow: unset;
	color: #fff;
	background: none;
	width: 100%;
	height: 45px;
	font-weight: 400;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.layerPopup.custom {
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
}

/* 이미지 크게보기 팝업 */
.layerPopup.bigImg {background-color: transparent; max-width: 500px; box-shadow: none; padding: 0 20px;}
.layerPopup.bigImg .layerHead {position: absolute; top: 10px; padding: 0; line-height: 40px;}
.layerPopup.bigImg .layerHead h3 {color: #fff;}
.layerPopup.bigImg .layerCont {
	background-color: transparent;
	margin: 60px 0 0;
	border: none;
	padding: 0;
	max-height: none;
}
.layerPopup.bigImg .layerCont > img {width: 100%; display: block; box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.15);}
.layerPopup.bigImg::before,
.layerPopup.bigImg::after {display: none;}
.layerPopup.bigImg .layerClose {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	right: 20px;
	background: url('../img/content/popup_close_bigimg.png') center / 25px #fff no-repeat;
}

@media screen and (max-width: 768px) {
	.layerPopup.bigImg .layerClose {width: 40px; height: 40px; background-size: 20px; top: 5px;}
}

/* 뉴스레터 구독 신청 팝업 */
.layerPopup.subscribe {background-color: transparent; max-width: 500px; box-shadow: none;}
.layerPopup.subscribe .layerCont {
	background-color: #fff;
	margin: 60px 0 0;
	border: none;
	padding: 30px 40px;
	max-height: none;
}
.layerPopup.subscribe .layerCont h3 {
	font-size: 32px !important;
	text-align: left !important;
	font-weight: 400;
	padding: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
}
.layerPopup.subscribe img {width: 100%; display: block; box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.15);}
.layerPopup.subscribe::before,
.layerPopup.subscribe::after {display: none;}
.layerPopup.subscribe .btnAreaC {
	margin-top: 0 !important;
	background-color: #000;
	display: flex;
	position: relative;
}
.layerPopup.subscribe .btn_black {
	position: static;
	text-indent: 0;
	overflow: unset;
	color: #fff;
	background: none;
	width: 100%;
	height: 45px;
	font-weight: 400;
	font-size: 17px;
}
.layerPopup.subscribe .layerClose {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url('../img/content/popup_close_bigimg.png') center / 25px #fff no-repeat;
}

@media screen and (max-width:768px) {
	.layerPopup.subscribe .layerCont {padding: 30px 20px;}
	.layerPopup.subscribe .layerCont h3 {font-size: 25px;}
	.layerPopup.subscribe br {display: none;}
}

.flexBox {display: flex;justify-content: space-between;}
.flexBox.vm {align-items: center}
.flexBox > * + * {margin-left: 95px;}
.flexBox.left40 > * + * {margin-left: 40px;}
.flexBox.type2 {justify-content: flex-start}
.flexBox.type2 > * + *{margin-left: 20px;}

@media screen and (max-width:1023px) {
	.flexBox > * + * {margin-left: 55px;}
	.flexBox.left40 > * + * {margin-left: 20px;}
}
@media screen and (max-width:767px) {
	.flexBox {display: block}
	.flexBox > * + * {margin:10px 0 0 0px !important;}
	.flexBox > * {width: 100% !important;}
}

.point_yellow {background-color: #ffe800;}

.hide {text-indent: -9999px; overflow: hidden; display: inline-block;}
.phide {display: none;}

@media screen and (max-width: 768px) {
	.phide {display: block;}
	.mhide {display: none;}
}

.fw400  {font-weight: 400 !important;}
.wbB    {word-break: break-all !important;}
.bold   {font-weight: bold !important;}
.fs13   {font-size: 13px !important;}
.fs15   {font-size: 15px !important;}
.fs16   {font-size: 16px !important;}
.fs17   {font-size: 17px !important;}
.fs18   {font-size: 18px !important;}
.fs20   {font-size: 20px !important;}
.fs22   {font-size: 22px !important;}
.fs25   {font-size: 25px !important;}
.fs26   {font-size: 26px !important;}
.fs32   {font-size: 32px !important;}
.fs36   {font-size: 36px !important;}
.fs46   {font-size: 46px !important;}
.fs43   {font-size: 43px !important;}
.fs48   {font-size: 48px !important;}

.fcG    {color: #727272 !important;}

.bbb    {border-bottom-color: #000 !important;}
.bbB    {border-bottom: #000 solid 1px !important;}
.btB    {border-top: #000 solid 1px !important;}
.blw    {border-left: #fff solid 10px !important;}
.bbno, .bbno th   {border-bottom: none !important;}
.btb    {border-top: #000 solid 2px !important;}
.bt1b   {border-top: #000 solid 1px !important;}
.bt1px  {border-top-width: 1px !important;}
.btno, .btno > table tr:first-child th, .btno > table tr:first-child td   {border-top: none !important;}
.bcB, .bcB *  {border-color: #000 !important;}
.bgY    {background-color: #ffea00;}
.txtIn  {text-indent: -20px;padding-left: 20px;}
.txtIn2  {text-indent: -17px;padding-left: 17px;}


.lh30   {line-height: 30px !important;}
.lh36   {line-height: 36px !important;}
.lh40   {line-height: 40px !important;}
.lh50   {line-height: 50px !important;}
.lh140   {line-height: 140% !important;}
.lh160   {line-height: 160% !important;}

.fcBl {color: #00a6d0;}

.al 	{text-align: left !important;}
.ac 	{text-align: center !important;}
.ar 	{text-align: right !important;}
.vt 	{vertical-align: top !important;}
.vm, .avm * 	{vertical-align: middle !important;}
.vb 	{vertical-align: bottom !important;}

.disI	{display: inline !important;}
.disIb	{display: inline-block !important;}
.disB	{display: block !important;}
.disF	{display: flex !important;}

.p00    {padding: 0 !important;}
.p30    {padding: 30px !important;}
.t00    {padding-top: 0 !important;}
.t20    {padding-top: 20px !important;}
.r00    {padding-right: 0 !important;}
.b00    {padding-bottom: 0 !important;}
.b20    {padding-bottom: 20px !important;}
.l00    {padding-left: 0 !important;}

.m00    {margin: 0 !important;}
.mr00	{margin-right: 0 !important;}
.mr05	{margin-right: 5px !important;}
.mr10	{margin-right: 10px !important;}
.mr15	{margin-right: 15px !important;}
.mr20	{margin-right: 20px !important;}
.mr25	{margin-right: 25px !important;}
.mr30	{margin-right: 30px !important;}
.mr35	{margin-right: 35px !important;}
.mr40	{margin-right: 40px !important;}

.ml00	{margin-left: 0 !important;}
.ml05	{margin-left: 5px !important;}
.ml10	{margin-left: 10px !important;}
.ml15	{margin-left: 15px !important;}
.ml20	{margin-left: 20px !important;}
.ml25	{margin-left: 25px !important;}
.ml30	{margin-left: 30px !important;}
.ml35	{margin-left: 35px !important;}
.ml40	{margin-left: 40px !important;}
.ml55	{margin-left: 55px !important;}

.mt00	{margin-top: 0 !important;}
.mt05	{margin-top: 5px !important;}
.mt07	{margin-top: 7px !important;}
.mt10	{margin-top: 10px !important;}
.mt15	{margin-top: 15px !important;}
.mt20	{margin-top: 20px !important;}
.mt25	{margin-top: 25px !important;}
.mt30	{margin-top: 30px !important;}
.mt35	{margin-top: 35px !important;}
.mt40	{margin-top: 40px !important;}
.mt50	{margin-top: 50px !important;}
.mt60	{margin-top: 60px !important;}
.mt70	{margin-top: 70px !important;}
.mt80	{margin-top: 80px !important;}
.mt90	{margin-top: 90px !important;}

.mb00	{margin-bottom: 0 !important;}
.mb05	{margin-bottom: 5px !important;}
.mb10	{margin-bottom: 10px !important;}
.mb15	{margin-bottom: 15px !important;}
.mb20	{margin-bottom: 20px !important;}
.mb25	{margin-bottom: 25px !important;}
.mb30	{margin-bottom: 30px !important;}
.mb35	{margin-bottom: 35px !important;}
.mb40	{margin-bottom: 40px !important;}

.mt_02	{margin-top: -2px !important;}
.mt_05	{margin-top: -5px !important;}
.mt_07	{margin-top: -7px !important;}
.mt_10	{margin-top: -10px !important;}
.mt_15	{margin-top: -15px !important;}
.mt_20	{margin-top: -20px !important;}
.mt_25	{margin-top: -25px !important;}
.mt_30	{margin-top: -30px !important;}
.mt_35	{margin-top: -35px !important;}
.mt_40	{margin-top: -40px !important;}

.wAuto  {width: auto !important;}
.w05	{width: 5% !important;}
.w10	{width: 10% !important;}
.w15	{width: 15% !important;}
.w20	{width: 20% !important;}
.w25	{width: 25% !important;}
.w30	{width: 30% !important;}
.w333	{width: calc(100% / 3) !important;}
.w35	{width: 35% !important;}	
.w40	{width: 40% !important;}
.w45	{width: 45% !important;}
.w48	{width: 48% !important;}
.w50	{width: 50% !important;}	
.w55	{width: 55% !important;}	
.w60	{width: 60% !important;}
.w65	{width: 65% !important;}	
.w70	{width: 70% !important;}
.w75	{width: 75% !important;}
.w80	{width: 80% !important;}
.w85	{width: 85% !important;}
.w90	{width: 90% !important;}
.w95	{width: 95% !important;}
.w100	{width: 100% !important;}

.w50px  {width: 50px !important;}
.w60px  {width: 60px !important;}
.w70px  {width: 70px !important;}
.w80px  {width: 80px !important;}
.w90px  {width: 90px !important;}
.w100px {width: 100px !important;}
.w110px {width: 110px !important;}
.w120px {width: 120px !important;}
.w130px {width: 130px !important;}
.w140px {width: 140px !important;}
.w150px {width: 150px !important;}
.w170px {width: 170px !important;}
.w180px {width: 180px !important;}
.w200px {width: 200px !important;}
.w220px {width: 220px !important;}
.w250px {width: 250px !important;}
.w300px {width: 300px !important;}
.w350px {width: 350px !important;}
.w700px {width: 700px !important;}

.mw400px {max-width: 400px !important;}

.h315px {height: 315px !important;}

@media screen and (max-width:1240px) {
	.w05:not([class$='fix']), .w10:not([class$='fix']), .w15:not([class$='fix']), .w20:not([class$='fix']),
	.w30:not([class$='fix']), .w333:not([class$='fix']), .w32:not([class$='fix']), .w35:not([class$='fix']),
	.w49:not([class$='fix']), .w45:not([class$='fix']), .w55:not([class$='fix']), .w60:not([class$='fix']),.w65:not([class$='fix']),	
	.w70:not([class$='fix']), .w75:not([class$='fix']),	.w80:not([class$='fix']){width: auto !important;min-width: auto !important;}
}
@media screen and (max-width:767px) {
	[class$='px']	{width: auto !important;min-width: auto !important;}
	.w50:not([class$='fix']) {width: 100% !important;}
	.mW100 {width: 100% !important;max-width: 100% !important;}
	.mt15,
	.mt20  {margin-top: 10px !important;}
	.mt30:not([class$='fix'])  {margin-top: 15px !important;}
	.mt40, .mt50  {margin-top: 25px !important;}
	.mt60  {margin-top: 30px !important;}
	.mt70,
	.mt90  {margin-top: 35px !important;}
	.ml30  {margin-left: 15px !important;}

	.fs46 {font-size: 40px !important;}
	.fs48 {font-size: 42px !important;}
	.fs36 {font-size: 30px !important;}
}