@charset "utf-8";

@font-face {
    font-family: 'HelveticaNeue';
    font-style: normal;
    font-weight: 800;
    src: url(HelveticaNeue.eot);
    src: url(HelveticaNeue.eot?#iefix) format('embedded-opentype'),
    url(HelveticaNeue.woff) format('woff'),
    url(HelveticaNeue.ttf) format('truetype');
}


html, body	{
width:100%; 
height:100%; 
min-height:100%; 
color:#000;
letter-spacing:-0.05em;
line-height:120%; 
font-size:12px; 
font-family:"Malgun Gothic", "dotum", "Microsoft YaHei";
-webkit-text-size-adjust:none;
}


body, ol, ul, li, dl, dt, dd, blockquote, fieldset, h1, h2, h3, h4, h4, h5, h6, pre, form, textarea, p, div
												{margin:0; padding:0;}
address, caption, cite, code, dfn, em, var
												{font-style:normal; font-weight:normal;}
b, strong										{font-weight:bold;}
a												{color:#000; border:0; text-decoration:none;}
ol, ul											{list-style-type:none;}
hr												{display:none;}
li, img											{border:0; vertical-align:top;}
fieldset										{border:0; display:block;}
legend										{margin-left:-7px; position:absolute; visibility:hidden;}
table											{table-layout:fixed; padding:0; border-spacing:0px; border:0; border-collapse:collapse;}
table.center									{margin:0 auto;}
table th,table td											{padding:0;}
caption										{display:none;}
input											{font:normal normal 12px/1.5 dotum, gulim, arial; color:#000;}
input[type=radio],
input[type=checkbox]{margin:0px;vertical-align:middle;*margin:-4px 0 0 -4px}
textarea{border:1px solid #bbbbbb;font:normal normal 12px dotum, gulim, arial;}

img {max-width:100%;}
/*플룻해제*/
.clearfix:after								{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix										{display:inline-block;}
*html .clearfix								{height:1%;}
.clearfix										{display:block;}


::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#000; } /* firefox 19+ */
:-ms-input-placeholder { color:#000; } /* ie */
input:-moz-placeholder { color:#000; }


html {
    background: url("/assets/images/common/body_bg_main.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
html.body_bg_performance {
    background: url("/assets/images/common/body_bg_infomation.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_infomation.jpg") no-repeat center center fixed;
*/
}
html.body_bg_community {
    background: url("/assets/images/common/body_bg_community.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_community.jpg") no-repeat center center fixed;
*/
}
html.body_bg_board {
    background: url("/assets/images/common/body_bg_customer.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_customer.jpg") no-repeat center center fixed;
*/
}
html.body_bg_information {
    background: url("/assets/images/common/body_bg_guide.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_guide.jpg") no-repeat center center fixed;
*/
}
html.body_bg_ko {
    background: url("/assets/images/common/body_bg_livingart.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_livingart.jpg") no-repeat center center fixed;
*/
}
html.body_bg_publicData {
    background: url("/assets/images/common/body_bg_release.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_release.jpg") no-repeat center center fixed;
*/
}
html.body_bg_reservation {
    background: url("/assets/images/common/body_bg_reservation.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_reservation.jpg") no-repeat center center fixed;
*/
}
html.body_bg_mdtheater {
    background: url("/assets/images/common/body_bg_theater.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
/*
    background: url("/assets/images/common/pattern.png") no-repeat center center fixed, url("/assets/images/common/body_bg_theater.jpg") no-repeat center center fixed;
*/
}

#bg { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index:-1; }
#bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; }

input[type=text],
input[type=password]{border:1px solid #bbbbbb;height:30px;padding:0 10px;line-height:30px;letter-spacing: -0.07em;vertical-align: middle;}
input.placeholder{color:#000}
select{height:32px;font:normal normal 12px/1.5 dotum, gulim, arial; color:#000; -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;padding-right:0px !important;}
/*.inputFileHidden{ position:absolute; left:-9999px; top:-9999px;}*/
.inputFileHidden{ opacity:0}

.tleft {text-align:left;}
.tright {text-align:right;}
.tcenter {text-align:center;}
.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb7 {margin-bottom:7px !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;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !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;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.ml12 {margin-left:12px !important;}
.mR10 {margin-right:10px !important;}
.l20{ line-height:20px;}
.pb0{ padding-bottom:0px !important;}
.pb10{ padding-bottom:10px !important;}
.pb15{ padding-bottom:15px !important;}
.pb20{ padding-bottom:20px !important;}
.pb25{ padding-bottom:25px !important;}
.pb30{ padding-bottom:30px !important;}
.pb35{ padding-bottom:35px !important;}
.pt0{ padding-top:0px !important;}
.pt5{ padding-top:5px !important;}
.pt8{ padding-top:8px !important;}
.pt10{ padding-top:10px !important;}
.pt20{ padding-top:20px !important;}
.pt30{ padding-top:30px !important;}
.pt40{ padding-top:40px !important;}
.pt50{ padding-top:50px !important;}
.w100 {width:100px;}
.w105 {width:105px;}
.w150 {width:150px;}
.w200 {width:200px;}
.w250 {width:250px;}
.wp10 {width:10%;}
.wp20 {width:20%;}
.wp30 {width:30%;}
.wp40 {width:40%;}
.wp50 {width:50%;}
.wp60 {width:60%;}
.wp70 {width:70%;}
.wp80 {width:80%;}
.wp90 {width:90%;}
.wp100 {width:100%;}
.h10 {height:10px;}

.bottom_dot_line {border-bottom:1px dotted #777;}

.pcNone {display:none !important;}
.align_center { margin: 0px auto; } 

@media only screen and (max-width: 909px) {

    input[type=text],
    input[type=password]{
		height:32px; width:100%;; padding:0 10px; -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
	} 

	.mobileNone {display:none !important;}
}
@media print {
    .popupContent .topTitleArea .btn_print,
    .popupWrap > .titleArea,
    #bg {display:none !important;}
	html, body {width: 210mm auto;}
    html {background-image: none !important;}
	body {
		margin: 0;
		padding: 0;
		box-shadow: none;
		page-break-after: always;
		page-break-inside: avoid;
		-webkit-print-color-adjust: exact;
		-webkit-box-shadow: none;
	}
    * {
		background-image: none;
	}
	@page {
		size: 210mm 297mm; 
	}
}

/* SiteMap */
.siteMap {padding:30px 25px; background:#fff}
.siteMap > ul {overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-between;}
.siteMap > ul > li {width: calc(25% - 5px);margin-bottom:20px;background-color: #e7e9ed;}
.siteMap .tit {display:block; position:relative; height:40px; padding-left:25px; font-size:14px; color:#fff; font-weight:bold; line-height:40px}
.siteMap .tit:after {display:block; content:""; position:absolute; left:0; top:0; width:15px; height:100%;}
.siteMap > ul > li > ul {padding: 10px 13px;}

.siteMap > ul > li.siteMap05 > ul,
.siteMap > ul > li.siteMap06 > ul,
.siteMap > ul > li.siteMap07 > ul,
.siteMap > ul > li.siteMap08 > ul {/* height:245px; */}

.siteMap > ul > li > ul > li {padding-left:8px; background:url(../images/common/bul_sitemap.png) left 8px no-repeat}
.siteMap > ul > li > ul > li > a {display:block; color:#000; line-height:22px}
.siteMap .siteMap01 {}
.siteMap .siteMap05 {margin-left:0}
.siteMap .siteMap09 {margin-left:0;margin-bottom:0;}

.siteMap .siteMap01 .tit {background:#326fb7;}
.siteMap .siteMap02 .tit {background:#675144;}
.siteMap .siteMap03 .tit {background:#594569;}
.siteMap .siteMap04 .tit {background:#12575a;}
.siteMap .siteMap05 .tit {background:#68634f;}
.siteMap .siteMap06 .tit {background:#68634f;}
.siteMap .siteMap07 .tit {background:#ad7a30;}
.siteMap .siteMap08 .tit {background:#da1229;}
.siteMap .siteMap09 .tit {background:#aaaaaa;}

.siteMap .siteMap01 .tit:after {background:#234d80;}
.siteMap .siteMap02 .tit:after {background:#48392f;}
.siteMap .siteMap03 .tit:after {background:#3e3049;}
.siteMap .siteMap04 .tit:after {background:#0d3d3f;}
.siteMap .siteMap05 .tit:after {background:#494537;}
.siteMap .siteMap06 .tit:after {background:#494537;}
.siteMap .siteMap07 .tit:after {background:#8d5a20;}
.siteMap .siteMap08 .tit:after {background:#980d1d;}
.siteMap .siteMap09 .tit:after {background:#777777;}

.siteMap .siteMap05 > ul {
}

.bold {font-weight:bold;}
.wbka {word-break:keep-all;}
.test {}
.bolder {font-weight:bold;text-shadow: 0px 0px #000;}
.indent {
    display: inline-block;
    line-height: 120%;
	text-indent: -18px;
    padding-left: 20px;
} 

.lh20 {line-height:20px;}
.line {border-bottom: 1px solid;}