@charset "utf-8";
.skip_navigation, .skip_navigation ul {height:0}
.skip_navigation a{position:absolute; top:-9999px; background:#000; width:100%; height: 30px; text-align: center; color: #fff; line-height: 30px; font-weight: bold; z-index: 100; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0;}

.headerTopBanner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color:#2D5BA9;
	height:0;
	text-align: center;
	transition: height 300ms;
	-webkit-transition: height 300ms;
	overflow: hidden;
	z-index: 9999;
	font-size: 0;
}

.headerTopBanner .headerTopBannerWrapper {
	display: inline-block;
	position: relative;
}

.headerTopBanner .headerTopBannerWrapper.half {
	width: 50%;
	left: 0;
}

.headerTopBanner .headerTopBannerWrapper.half.right {
    left: auto;
	right: 0;
	background-color: #7040FE;
}

.headerTopBanner.show {
	height:100px;
}

.headerTopBanner a.link {
    display: inline-block;
    position: relative;
    z-index: 999;
    text-align: right;
    width: 100%;
    height: 100%;
}

.headerTopBanner .headerTopBannerWrapper.right a.link {
	text-align:left;
}

.headerTopBanner a.closeHeaderTopBanner {
	padding: 7px;
	position: absolute;
	top: 0;
	right: 50%;
	z-index: 9999;
}

.headerTopBanner + .headerWrap {
	transition: top 300ms;
	-webkit-transition: top 300ms;
}

.headerTopBanner.show + .headerWrap {
    top: 100px;
}

.headerTopBanner  ~ .contentWrap {
	transition: padding 300ms;
	-webkit-transition: padding 300ms;
}

.headerTopBanner.show  ~ .contentWrap {
	padding-top: 200px;
}

@media only screen and (max-width: 909px) {
	.headerTopBanner.show {
		height: 200px;
		max-height: 200px;
	}

	.headerTopBanner .headerTopBannerWrapper.half {width:100%;height: 50%;left: 17px;}
	.headerTopBanner .headerTopBannerWrapper a.link,
	.headerTopBanner .headerTopBannerWrapper.right a.link {text-align:center;}
	.headerTopBanner a.link img {width: 375px;margin-top: 10px;}
	.headerTopBanner.show + .headerWrap {
		top: 200px;
	}
	.headerTopBanner.show ~ .contentWrap {
		padding-top: 200px;
	}
	.mobile .headerTopBanner.show ~ .contentWrap {
		padding-top: 200px;
	}
}

.headerWrap { background:#d91229;height:100px; position:fixed;left:0px;top:0px;width:100%;z-index:30;}
.headerWrap.greenDay { background:#74D36D; }
.headerWrap.greenDay .searchArea {border-color:#4a3;}
.headerWrap.greenDay .searchArea input {background: rgba(255,255,255,0.5);}
.headerWrap.greenDay .searchArea a { background: rgba(255,255,255,0.5); }

.headerArea{width:910px;margin:0 auto; position:relative;}
.headerArea h1{ position:absolute; left:0;top:17px; }
.headerArea .searchArea{ position:absolute; left:244px;top:20px; border:1px solid #d91229;height:25px;width:223px;}
.headerArea .searchArea input{ float:left;width:180px;border:0px;height:25px; line-height:25px;padding:0 10px;background:#660200;color:#fff;letter-spacing:0;}
.headerArea .searchArea a{ display:block; float:left;padding-top:6px;background: #660200;width: 23px;height: 19px;}
.headerArea .searchArea a img{ width:13px;}
.headerArea .utilArea{ position:absolute;right:0px;top:20px;}
.headerArea .utilArea a{ display:block; float:left; margin-left:1px;}
.headerArea .utilArea a.btnText{  line-height:29px;height:27px; overflow:hidden;min-width:65px; text-align:center;color:#fff;}
.headerArea .utilArea .balloon {
	/* display:none; */
	position: absolute;
	left: -170px;
	top: -15px;
	background-color: #B40431;
	color: #fff;
	z-index: 999;
	padding:15px 10px;
	border-radius: 10px;
}

.headerArea .utilArea .balloon:before {
	content: "";
	position: absolute;
	right: -30px;
	top: 20px;
	border: 15px solid transparent;
	border-top-width: 7px;
	border-bottom-width: 8px;
	border-left-color: #B40431;
}

.headerArea #gnb{ position:absolute;right:0px;top:67px;}
.headerArea #gnb .menu{ display:none;}

.headerWrap .headerArea .mobileUtil {display:none;}
.headerArea h2 {display:none;}
.contentWrap .outer-link {display:none;}

/**1006 S**/
.headerArea #gnb .gnbArea > li{ float:left; padding:0 15px; position:relative;text-align:center;}
.headerArea #gnb .gnbArea > li:hover ul.dep2 {display:block;}
/**1006 E**/

.headerArea #gnb .gnbArea > li.gnb12 {display:none;}
.headerArea #gnb .gnbArea > li > a{ display:inline-block;*display:inline;zoom:1;color:#fff; font-size:14px; font-weight:bold;height:33px;}

/**1006 S**/
.headerArea #gnb .gnbArea > li > ul{display:none;position:absolute;left: 50%;top:33px;width:132px;padding:10px 0;background:#fff;border:1px solid #000;border-top:0;transform: translateX(-50%);}
.headerArea #gnb .gnbArea > li.gnb4 > ul {width:200px;}
.headerArea #gnb .gnbArea > li.gnb7 > ul {width:160px;}}

/**1006 E**/
.headerArea #gnb .gnbArea > li.hover > ul{ display:block}
.headerArea #gnb .gnbArea > li > a:hover,
.headerArea #gnb .gnbArea > li > a:focus,
.headerArea #gnb .gnbArea > li.hover > a{ background:url("../images/common/gnb_on.png") no-repeat center bottom;}
.headerArea #gnb .gnbArea > li > ul > li{ line-height:29px;}
.headerArea #gnb .gnbArea > li > ul > li.long-text {letter-spacing: -2px;}
.headerArea #gnb .gnbArea > li > ul > li > a{ display:block; text-align:center;height:29px; font-weight:normal;}
.headerArea #gnb .gnbArea > li > ul > li > a:hover,
.headerArea #gnb .gnbArea > li > ul > li > a:focus,
.headerArea #gnb .gnbArea > li > ul > li.on > a{ color:#d91229; }
.headerArea #gnb .gnbInfo{ display:none;}


.contentWrap{padding-top:100px;margin:0 auto;width:910px; position:relative;padding-bottom:260px;min-height:100%;box-sizing:border-box;-moz-box-sizing:border-box}
.topInfomation{height: 75px;position:relative;display: flex;justify-content: space-between;align-items: center;padding-top:35px;}
.topInfomation .leftArea{/* width: 50%; */display: flex;flex-wrap: nowrap;}
.topInfomation .leftArea li{}
.topInfomation .leftArea li.customer {position:relative;display: inline-flex;align-items: center;width: 300px;height: 50px;flex-wrap: wrap;}
.topInfomation .leftArea li.customer p {/* position: absolute; */bottom: 0;color: #fff;margin-top: 5px;}
.topInfomation .leftArea li.customer ~ .customer {padding-left: 20px;}
.topInfomation .leftArea li.customer ~ .customer:before {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	height: 100%;
	width:1px;
	background:#fd0;
	transform:translateY(-50%);
}
.topInfomation .leftArea li.customer span{display:block;color:#fff;font-weight:bold;}
.topInfomation .leftArea li.customer span.w80 {}
.topInfomation .leftArea li.customer span.mobile_block {display:inline-block;float:none;line-height: 5px;width: auto;font-weight: normal;}
.topInfomation .leftArea li.customer strong{display:block;padding-left: 15px;color: #fd0;font-weight:bold;font-size:30px;font-family:"HelveticaNeue";}
.topInfomation .leftArea li.time p{ margin-left:30px; float:left;}
.topInfomation .leftArea li.time p span{ display:block;color:#fff}
.topInfomation .leftArea li.time p strong{ display:block;color:#44cae1; font-weight:bold; margin-top:9px;}
.topInfomation .btnArea{margin-top:3px;width: 220px;text-align: center;}
.topInfomation .btnArea a {display:block;float:left;line-height:25px;color:#fff;}

.topInfomation .btnArea a.btn_tiket{ background:url("../images/common/icon_tiket.png") no-repeat; padding: 7px 0 7px 49px;}
.topInfomation .btnArea a.btn_reg{ background:url("../images/common/icon_reg.png") no-repeat;padding: 7px 0 7px 49px;}
.topInfomation .btnArea a.btn_old_reserve{ background:url("../images/common/icon_prev_tiket.png") no-repeat;padding: 7px 0 7px 49px;}
.topInfomation .btnArea .top-button {display:flex;}
.topInfomation .btnArea .top-button a > * {display: inline-block;vertical-align:middle;}
.topInfomation .btnArea .top-button a.pc_none {display:none;}
.topInfomation .btnArea .top-button a > img {width: 41px;/* border: 1px solid #f0de0e; */border-radius: 50%;}
.topInfomation .btnArea .top-button a > span {}
.topInfomation .btnArea .top-button a {}
.topInfomation .btnArea .top-button a ~ a {margin-left: 20px;}
.topInfomation .btnArea .top-button .pc_none {display: block;}


.topTitle{ background:url("../images/common/title_bg.png");margin-bottom:30px; position:relative;min-height:75px;}
.topTitle h2{ float:left;padding-left:25px; line-height:76px;color:#fff; font-size:24px; font-weight:bold;height:75px;}
.topTitle h2.long-text {font-size: 22px;}
.topTitle .location{ float:right;margin:32px 25px 0 0}
.topTitle.share .location{ float:right;margin:32px 237px 0 0}
.topTitle .location li{ float:left;color:#fff;padding-top:1px; margin-left:8px;}
.topTitle .location li a{color:#fff; white-space: nowrap;}
.topTitle .location li.home{ padding-top:0;}
.topTitle .location li.home a{ display:block; background:url("../images/common/home_icon.png") no-repeat; width:13px; height:12px; overflow:hidden; text-indent:-9999px; margin-top:-1px;}
.topTitle.share .shareArea{ background:url("../images/information/share_bg.png");height:33px;width:192px; position:absolute;right:0px;top:0px;z-index:10;padding:21px 10px;}
.topTitle.share .shareArea li{ float:left;}
.topTitle.share .shareArea li a{ display:block; overflow:hidden; text-indent:-999px; width:48px;height:33px;}
.topTitle.share .shareArea li a.btn_share1{ background:url("../images/information/btn_share_01.png") no-repeat center center;}
.topTitle.share .shareArea li a.btn_share2{ background:url("../images/information/btn_share_02.png") no-repeat center center;}
.topTitle.share .shareArea li a.btn_share3{ background:url("../images/information/btn_share_03.png") no-repeat center center;}
.topTitle.share .shareArea li a.btn_share4{ background:url("../images/information/btn_share_04.png") no-repeat center center;}

.topTitle.share .snsArea{ display:none;background:url("../images/information/share_bg.png");height:33px;width:192px; position:absolute;right:0px;top:0px;z-index:11;padding:21px 10px;}
.topTitle.share .snsArea li{ float:left;}
.topTitle.share .snsArea li a{ display:block; overflow:hidden; text-indent:-999px; width:48px;height:33px;}
.topTitle.share .snsArea li a.btn_sns1{ background:url("../images/information/sns_01_off.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns1:hover { background:url("../images/information/sns_01_on.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns2{ background:url("../images/information/sns_02_off.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns2:hover { background:url("../images/information/sns_02_on.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns3{ background:url("../images/information/sns_03_off.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns3:hover { background:url("../images/information/sns_03_on.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns4{display:none; background:url("../images/information/sns_04_off.png") no-repeat center center;}
.topTitle.share .snsArea li a.btn_sns4:hover { background:url("../images/information/sns_04_on.png") no-repeat center center;}

.contentArea{ position:relative;}
.contentArea.media .iconTxt {margin-left: 14px;text-indent: -6px;word-break: keep-all;}
.contentArea.media .iconTxt .icon {display:inline-block;}

.footerWrap{clear:both; background:#ffffff;margin-top:-180px; position:relative ;}
.footerMenuWrap{height:80px; background:#675144;}
.footerMenuArea{width:910px;margin:0 auto; position:relative;}
.footerMenuArea .footerMenu{ padding-top:34px; float:left;}
.footerMenuArea .footerMenu .btn_prev{ display:none;}
.footerMenuArea .footerMenu .btn_next{ display:none;}
.footerMenuArea .footerMenu .footerSlide ul{}
.footerMenuArea .footerMenu .footerSlide ul li{ float:left; margin-right:13px;font-size:12px;}
.footerMenuArea .footerMenu .footerSlide ul li a{color:#fff;}
.footerMenuArea .familySite{position:absolute;right:0px;top:21px;z-index: 2;width: 150px;}

/**1006 S**/
.footerMenuArea .familySite .btn_site{display:block;line-height:37px;color:#d2b99c;padding-left:15px;background: #000000 url("../images/common/site_arr.png") no-repeat 125px center;}
.footerMenuArea .familySite .btn_site.on {background: #000000 url("../images/common/site_arr_on.png") no-repeat 125px center;}
.footerMenuArea .familySite ul {display:none;width: 100%;position:absolute;right:0px;bottom:37px;background: #000;}
.footerMenuArea .familySite.on ul {display:block;}
.footerMenuArea .familySite.on .btn_site {background: #000000 url("../images/common/site_arr_on.png") no-repeat 125px center;}
.footerMenuArea .familySite ul li {padding:0;}
.footerMenuArea .familySite ul a {padding:13px 15px 10px; display:block; color:#d2b99c;}
/**1006 E**/
.footerMenuArea .familySite ul a:hover {color:#fff; background-color:#746858; }

.footerArea{position:relative;overflow:hidden;}
.footerArea .footer-list {position:relative;padding:20px 0;}
.footerArea .footer-list-wrapper {width:1000px;margin: 0 auto;}
.footerArea .footer-list-wrapper ~ .footer-list-wrapper {margin-top:15px;}
.footerArea .footer-list ~ .footer-list {border-top:1px solid #9c9c9c;} 
.footerArea .footer-list:after {
	content:"";
	display:block;
	clear:both;
}

.footerArea .footer-list p {}
.footerArea .footer-list p.type2 {color:#555;}
.footerArea .footer-list p ~ p {margin-top: 15px;}

.footerArea .bottomLogo{float:left;}
.footerArea .copyRight{line-height:150%;color:#000;margin-left:15px;}
.footerArea .copyRight span {display:block;}

.footerArea .ex{float:left;text-align: right;}
.footerArea .ex a {display:inline-block;vertical-align:middle;}
.footerArea .ex a:first-child {margin-right:20px;}
.footerArea .ex a ~ a {margin-left:5px;}
.footerArea .ex a img {} 

.footerArea .sns{float: right;}
.footerArea .sns a{ display:block; float:left; margin:0 3px;}
.footerArea .sns a img{display:block; width:24px; height:24px}


/*버튼 스타일*/
.btnText{display:inline-block;*display:inline;zoom:1;background:#333333;line-height:34px;height:32px;overflow:hidden;text-align:center;color:#fff;}
.btnText.pad{ padding:0 20px;}
.btnText.blue{background:#006a84;color:#fff !important;}
.btnText.orange{ background:#ff9151;color:#333 !important;}
.btnText.gray{ background:#666666;color:#fff !important;}
.btnText.yellow{ background:#f89b1c;color:#333}
.btnText.yellow2 { background:#ffbb00;color:#333 !important;}
.btnText.brown{ background:#7d6f5e;color:#fff}
.btnText.green{ background:#368202;color:#fff}
.btnText.navy{ background:navy;color:#fff}
.btnText.navy2{ background:#1a335b;color:#fff}
.green{color:#368202}

/* writeTable */
.writeTable{ position:relative; border-top:2px solid #000000;padding-top:1px;}
.managementWrap .sooip .writeTable {border-bottom:2px solid #000000;}

.writeTable table{width:100%;}
.writeTable table tr th{ background:#f4f4f4 url("../images/information/dot_line_write.png") repeat-x left bottom;padding-bottom:3px;height:50px; line-height:20px;width:150px;}
.writeTable.list table tr th{ padding:0 15px; text-align:left;}
.writeTable table tr td{background:url("../images/information/dot_line_write.png") repeat-x left bottom;padding:0 15px 3px 15px;word-break: keep-all;}
.writeTable table tr td *{vertical-align: middle;}
.writeTable table tr td span {vertical-align: top;}
.mypageTopArea .writeTable table tr td span {vertical-align: text-bottom;}
.writeTable table tr td strong {
	display: inline-block;
	margin-top: -2px;
}
.writeTable table tr td a.btnText{height:32px;line-height: 32px;width:auto;padding:0 15px;box-sizing: border-box;min-width:106px;margin-right:-2px;}
.memberBoxArea .writeTable .inTableArea li.telArea a.btnText {
    width: auto;
    font-size: 13px;
}
.writeTable table tr td.con{padding:19px 15px 17px 15px}
.writeTable table tr td.con2{padding:9px 15px 9px 15px}
.writeTable table tr td.con3{padding:15px 15px 15px 15px}
.writeTable table tr td.textarea{padding:10px 0 10px 0}
.writeTable table tr td.textarea textarea{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:20px; height:118px;}
.writeTable table tr td .posr{ position:relative;}
.writeTable table tr td .posr .btnText{ position:absolute;right:0px;top:50%;margin-top:-16px;}
.writeTable.lineType table tr th{background:#f4f4f4;padding-bottom:0px;height:50px;line-height:20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;text-align: center;}
.writeTable.lineType table tr td{ background:none;padding-bottom:0px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5}
.writeTable.lineType table tr td.inTable{padding:20px !important; text-align:left !important;}
.writeTable.lineType table tr td.inTable .writeTable{border:1px solid #d5d5d5;padding:0px;border-bottom:0px;}
.writeTable.lineType table tr td.inTable .writeTable table{table-layout:auto}
.writeTable.lineType table tr td.inTable .writeTable th{ text-align:center;}
.writeTable.lineType table tr td:last-child{ border-right:0;}
.writeTable.lineType table tr th:last-child{ border-right:0;}
.writeTable.lineType table tr td.left {text-align: left !important;padding-left: 20px !important;}

.writeTable.lineType table tr.rowspanLine td:last-child{
    border-right: 1px solid #d5d5d5;
}

.writeTable table tr td .inTableArea2{ overflow:hidden;}
.writeTable table tr td .inTableArea2 li{ float:left;}
.writeTable table tr td select.w100{width:680px;}
.writeTable table tr td input.w100{width:658px;}
.writeTable table tr td input.inputFile{width:560px;}
.writeTable table tr td.editer{padding:0px;}
.writeTable table tr td.editer textarea {width:92%; height:150px; padding:4%;line-height:150%;word-break: keep-all;}
.writeTable table tr td.editer.line{padding:0px 0 3px 0;}
.writeTable table tr td.editer .w100{ width:100%;}
.writeTable.topLine {border-top:1px solid #d5d5d5;padding-top:0px;}

/* writeTableType */
.writeTableType{ display:table;position:relative; border-top:2px solid #000000;width:100%; margin-bottom:20px;}
.writeTableType > ul{ display:table-row;}
.writeTableType > ul > li{ display:table-cell;vertical-align:middle;}
.writeTableType > ul > li * {vertical-align:middle}
.writeTableType > ul > li.th{background:#f4f4f4 url("../images/information/dot_line_write.png") repeat-x left bottom;padding-bottom:3px;height:50px; text-align:center; font-weight:bold; width:150px;}
.writeTableType > ul > li.td{background:url("../images/information/dot_line_write.png") repeat-x left bottom;padding:0 15px 3px 15px;}
.writeTableType > ul > li.td.intable{padding:0}
.writeTableType > ul > li.td.intable > div.line{background:url("../images/information/dot_line.png") repeat-x left bottom;padding:0 15px 0px 15px; height:55px; overflow:hidden; line-height:55px;}
.writeTableType > ul > li.td.intable > div.line p{height:55px; line-height:55px;}
.writeTableType > ul > li.td.intable > div.line p.iconTxt{height:auto; line-height:20px;}
.writeTableType > ul > li.td.intable > div.line.list{padding:10px 15px 0 15px;height:auto;}
.writeTableType > ul > li.td.intable > div.line.lh20{ line-height:20px;height:auto;padding:18px 15px;}
.writeTableType > ul > li.td.intable > div.line.lh20 .pc{ display:block;}
.writeTableType > ul > li.td.intable > div.line.list .listTableType{ margin-bottom:0;}
.writeTableType > ul > li.td.intable > div.line.list .listTableType ul:last-child li{ background:none;}
.writeTableType > ul > li.td.intable > div.line.list .listTableType.coupon ul.titleArea li.couponNumber{ width:140px;}
.writeTableType > ul > li.td.intable > div.line.list .listTableType.coupon ul.titleArea li.couponSale{ width:140px;}
.writeTableType > ul > li.td.intable > div.line *{vertical-align:middle}
.writeTableType > ul > li.td.intable > div.line p.left{ float:left;}
.writeTableType > ul > li.td.intable > div.line p.right{ float:right;}
.writeTableType > ul > li.td.intable > div.line:last-child{background:none}
.writeTableType > ul > li.td.intable > div.line input.coupon{width:582px; margin-top:-3px;}
.writeTableType > ul > li.td.intable > div.line a.yellow{padding:0 20px;height:32px; line-height:34px;margin-top:-3px;}
.writeTableType > ul > li.td .rightText{ float:right;}

.red{color:#be216a !important;}
.red a{color:#be216a !important;}
.red.type2{color:#d81124 !important;}
.blue{color:#3187ee !important;}
.blue.type2{color:#6056d9 !important;}
.blue.type3{color:#307699 !important;}
.purple{color:#7c2bd0 !important;}
.gray{color:#777 !important;}
.yellow{color:#9C8C50;}
.apricot {color:#b0600a;}
.child_impr{font-size:15px;font-weight:bold;}
 
.writeTableType2{position:relative; border-top:2px solid #000000;width:100%; margin-bottom:20px;}
.writeTableType2 ul.tr{border-bottom:1px solid #d5d5d5; overflow:hidden;padding-left:216px; position:relative;}
.writeTableType2 ul.tr > li.th{ position:absolute;left:0px;top:0px;background:#f4f4f4;border-right:1px solid #d5d5d5;text-align:center; font-weight:bold; width:215px;height:100%;}
.writeTableType2 .middle{ display:block; position:absolute;left:0px;top:50%; text-align:center;width:100%;margin-top:-6px;}
.writeTableType2 ul.tr > li.td{padding:15px;width:644px; line-height:20px;}
.writeTableType2 ul.tr > li.td.con{padding:13px 15px;width:614px; line-height:27px;}
.writeTableType2 ul.tr > li.td.con *{vertical-align:middle}
.writeTableType2 ul.tr > li.td.con .btnText{line-height:27px; height:27px;padding:0 15px; margin-left:10px;}
.writeTableType2 .table{ position:relative;padding-left:108px;border-bottom:1px solid #d5d5d5;}
.writeTableType2 .table .rowspan{ position:absolute;left:0px;top:0px;background:#f4f4f4;border-right:1px solid #d5d5d5;text-align:center; font-weight:bold; width:107px;height:100%;}
.writeTableType2 .table > ul.tr{ padding-left:108px;}
.writeTableType2 .table > ul.tr:last-child{ border-bottom:0px;}
.writeTableType2 .table > ul.tr > li.th{ width:107px;}
.writeTableType2 ul.tr > li.td.inTable{padding:0px; }
.writeTableType2 ul.tr > li.td .inTableArea{overflow:hidden;}
.writeTableType2 ul.tr > li.td .inTableArea dl{ float:left; width:214px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5}
.writeTableType2 ul.tr > li.td .inTableArea dl:last-child{ border-right:0;}
.writeTableType2 ul.tr > li.td .inTableArea dl dt{background:#f4f4f4;height:50px; line-height:50px; text-align:center; font-weight:bold;;border-bottom:1px solid #d5d5d5}
.writeTableType2 ul.tr > li.td .inTableArea dl dd{padding:10px 0px; text-align:center;}
.writeTableType2 ul.tr > li.td .inTableArea dl dd input{ width:160px;}
.writeTableType2 ul.tr > li.td.inTable .iconTxt{margin:20px;}

.writeTableType2.cashReceipt {padding-bottom:3px;}
.writeTableType2.cashReceipt .btnText {padding:5px;}
.writeTableType2.cashReceipt .btn-area {
    width: 100%;
	margin: 10px 0;
    text-align: center;
    font-weight: bold;
}


/* listTableType */
.listTableType{ display:table;position:relative; width:100%; margin-bottom:18px;}
.listTableType ul{ display:table-row;}
.listTableType ul li{ display:table-cell;vertical-align:middle;}
.listTableType ul.titleArea{ background:#006a84; height:45px;}
.listTableType ul.titleArea li{ text-align:center; color:#ffffff; font-weight:bold;}
.listTableType ul.titleArea li.money{ width:190px;}
.listTableType ul.titleArea li.many{ width:160px;}
.listTableType ul li * {vertical-align:middle}
.listTableType ul.conArea li{background:url("../images/information/dot_line.png") repeat-x left bottom;height:54px; text-align:center;}
.listTableType ul.conArea li.name{ text-align:left;padding-left:30px}
.listTableType ul.conArea li.money{ color:#be216a;}
.listTableType ul.conArea li.many select{ width:90px;height:33px}


/* listTableType */
.listLineTableType{ display:table;position:relative; width:100%; margin-bottom:18px;border-top:2px solid #000}
.listLineTableType ul{ display:table-row;}
.listLineTableType ul li{ display:table-cell;vertical-align:middle;text-align:center; border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5; line-height:20px;}
.listLineTableType ul li.colspan{ padding:0px !important; border-right:0px;width:342px;}
.listLineTableType ul li.colspan .inTable{ display:table;position:relative; width:100%;}
.listLineTableType ul li.colspan ul{ display:table-row;}
.listLineTableType ul li.colspan ul li{ display:table-cell;vertical-align:middle;text-align:center; border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5; line-height:50px;padding:0px; text-align:center;}
.listLineTableType ul li.colspan ul li .colTd{border-right:1px solid #d5d5d5; float:left; width:170px;}
.listLineTableType ul li.colspan ul li .colTd:last-child{border-right:0px}
.listLineTableType ul li.colspan ul:last-child li{border-bottom:0px}
.listLineTableType ul li:last-child{ border-right:0;}
.listLineTableType ul.titleArea{ height:50px;}
.listLineTableType ul.titleArea li{ background:#f4f4f4;font-weight:bold;}
.listLineTableType ul li * {vertical-align:middle;}
.listLineTableType ul li strong {vertical-align:top;}
.listLineTableType ul.conArea li{padding:15px;}
.listLineTableType ul.conArea li.leftCon{padding:15px 25px; text-align:left;}
.listLineTableType.type2 {border-top:1px solid #d5d5d5;}


/*totalTable*/
.totalTable{border-top:2px solid #000000;width:100%; margin-bottom:20px;}
.totalTable tr > th{background:#f4f4f4;border-right:1px solid #d5d5d5;text-align:center; font-weight:bold; border-bottom:1px solid #d5d5d5;padding:15px 0; line-height:20px;}
.totalTable tr > td{padding:10px 15px;line-height:20px;border-right:1px solid #d5d5d5;text-align:center;  border-bottom:1px solid #d5d5d5;}
.totalTable tr > td.left{ text-align:left;}
.totalTable tr > th:last-child,
.totalTable tr > td:last-child{ border-right:0;}
.totalTable tr.total > td{ background:#f4f4f4;}

/* listTableType2 */
.listTableType2{ display:table;position:relative; width:100%;}
.listTableType2 ul{ display:table-row;}
.listTableType2 ul li{ display:table-cell;vertical-align:middle;}
.listTableType2 ul.titleArea{ background:#368202; height:45px;}
.listTableType2.blueType ul.titleArea{ background:#006a84; height:45px;}
.listTableType2.yellowType ul.titleArea{ background:#f89b1c; height:45px;}
.listTableType2.yellowType2 ul.titleArea { background:#f3dd0d; height:45px;}
.listTableType2.yellowType2 ul.titleArea li {color:#000;}
.listTableType2 ul.titleArea li{ text-align:center; color:#ffffff; font-weight:bold;}
.listTableType2.yellowType ul.titleArea li{ text-align:center; color:#000000; font-weight:bold;}
.listTableType2 ul li{line-height:20px;}
.listTableType2 ul li *{vertical-align:middle;}
.listTableType2 ul.conArea li{background:url("../images/information/dot_line_write.png") repeat-x left bottom;height:22px;padding:15px 0; text-align:center;}
.listTableType2 ul.conArea .title{ text-align:left;}
.listTableType2 ul.conArea.notice li{ background-color:#f4f4f4;}
.listTableType2 ul.conArea li.title a{ display:inline-block;*display:inline;zoom:1;}
.listTableType2 ul.conArea li.title a *{vertical-align:top}
.listTableType2 ul.conArea li.title a strong{display:inline-block;*display:inline;zoom:1;}
.listTableType2 ul.conArea li.title a span{display:inline-block;*display:inline;zoom:1;}
.listTableType2 ul.conArea li.title a span.new{background:url("../images/customer/new_icon.png") no-repeat right 2px;line-height:20px;width:16px; height:20px; margin-left:3px;}
.listTableType2 ul.conArea li.title a span.lock{background:url("../images/customer/lock_icon.png") no-repeat right 2px;line-height:20px;width:16px; height:20px; margin-left:3px;}
.listTableType2 ul.conArea li a.btn_file{ display:inline-block;*display:inline;zoom:1;background:url("../images/customer/btn_file.png") no-repeat; width:14px; height:13px; overflow:hidden; text-indent:-999px; text-align:left;}
.listTableType2 ul.conArea:last-child li{ background:none;}
.listTableType2 ul.conArea strong {text-decoration:underline;}
.listTableType2.bline ul.conArea:last-child li{background:url("../images/information/dot_line_write.png") repeat-x left bottom;}
.listTableType2 ul.conArea.totalArea li{background-color:#f4f4f4 !important;}
.listTableType2 .colspan{ display:block;height:52px; position:relative;}
.listTableType2 .colspan li{ position:absolute;left:0px;top:0px; display:block; line-height:22px;width:860px;}

/*pagingArea*/
.pagingArea{ background:#e9e9e9;padding:15px 0; text-align:center; position:relative;z-index:1}
.pagingArea * {vertical-align:top}
.pagingArea > a{ display:inline-block;*display:inline;zoom:1; padding:4px 0;margin:0 8px;}
.pagingArea > a img{height:11px;}
.pagingArea > ul{ display:inline-block;*display:inline;zoom:1;margin:0 7px;}
.pagingArea > ul > li{ float:left;}
.pagingArea > ul > li a{ line-height:22px; display:block;padding:0 10px;}
.pagingArea > ul > li.on a{ font-weight:bold;}
.pagingArea > a.btnWrite{ display:block; position:absolute;right:0px;top:0px; background:#f89b1c;height:52px; text-align:center;width:92px; line-height:52px;padding:0px;margin:0px;}

/*boardView*/
.boardView .titleArea{ background:url("../images/information/dot_line.png") repeat-x left bottom;}
.boardView .titleArea .title{ background:#368202;height:45px; line-height:45px; padding:0 20px;color:#fff; font-weight:bold;}
.boardView.blueType .titleArea .title{ background:#006a84;}
.boardView .titleArea .dateHit{padding:20px; text-align:right; position:relative;min-height:12px;}
.boardView .titleArea .dateHit p{display:inline-block;*display:inline}
.boardView .titleArea .dateHit strong{ display:inline-block;*display:inline;zoom:1;padding-right:10px; border-right:1px solid #cccccc; margin:0 6px 0 14px;}
.boardView .titleArea .dateHit span{ display:inline-block;*display:inline;zoom:1;}
.boardView .titleArea .dateHit p.left{ position:absolute;left:20px;top:20px;}
.boardView .titleArea .dateHit p.left strong{ margin-left:0;}
.boardView .boardContent{padding:30px 25px 30px 25px; line-height:20px;}
.boardView .boardContent img{max-width:100%;height:auto !important;}
.boardView.event .boardContent{padding:30px 20px 0px 20px; line-height:20px;}
.boardView .fileArea{ background:#e9e9e9;padding:17px 20px 17px 111px; overflow:hidden; position:relative;}
.boardView .fileArea li{ line-height:16px;}
.boardView .fileArea li.title{ position:absolute;left:20px;top:17px; font-weight:bold;padding-right:20px;border-right:1px solid #cccccc;}
.boardView .fileArea li.file a{display:block;text-decoration:underline;text-overflow: ellipsis;overflow: hidden;width: 100%;white-space: nowrap;}
.boardView .fileArea li.file a:hover{ }
.boardView .fileArea li.file a span{display:inline-block;*display:inline;zoom:1;vertical-align:top}
.boardView .fileArea li.file a span.icon{ margin-right:8px;}
.boardView .fileArea li.file a span.txt{text-decoration:underline;}
.boardView .fileArea li.rightBtn{ position:absolute;right:0px;top:0px;}
.boardView .btnArea{background:#e9e9e9; overflow:hidden; position:relative;padding-right:92px; text-align:right;}
.boardView .btnArea li{display:inline-block;*display:inline;zoom:1;vertical-align:top; }
.boardView .open{background:url("../images/information/dot_line.png") repeat-x left top;padding:30px 25px 30px 172px; position:relative;min-height:40px;}
.boardView .open li.img{ position:absolute; left:25px; top:30px;}
.boardView .open li.txt{ line-height:20px; margin-top:2px;}
.boardView .btnArea{ background:#e9e9e9; position:relative; text-align:right}
.boardView .btnArea.rightBtn{padding:0px; background:#e9e9e9; position:relative; text-align:right}
.boardView .btnArea li{ display:inline-block;*display:inline;zoom:1}
.boardView .btnArea li a{ display:inline-block;*display:inline;zoom:1; line-height:50px;}
.boardView .btnArea li.harf a{background:#333333 url("../images/customer/btn_blank.png") no-repeat right center;height:50px; text-align:center;width:80px; line-height:50px;color:#fff}
.boardView .btnArea li.harf a:last-child{background:#333333}
.boardView .btnArea li.only a{background:#333333 url("../images/customer/btn_blank.png") no-repeat right center;height:50px; text-align:center;width:80px; line-height:50px;color:#fff}
.boardView .btnArea li.right{ position:absolute;right:0px;top:0px;}
.boardView .btnArea li.right a{background:#f89b1c;height:50px; text-align:center;width:92px; line-height:50px;}

.boardSummary { padding:10px 15px; border:1px solid #eaeaea; line-height:200%; border-top:none; list-style-position: inside; list-style-type: disc; color:red; }
.boardSummary li strong, ul.boardSummary li span {color:#000;}
.boardSummary li strong { width:50px;display:inline-block;}
.boardSummary li span.period { padding:0 9px 0 3px;}

/*listLineType*/
.listLineType{border-top:2px solid #000000; overflow:hidden;}
.listLineType ul{ float:left;width:50%;}
.listLineType ul li{ border-bottom:1px solid #d5d5d5;height:50px; line-height:50px; text-align:center;border-right:1px solid #d5d5d5;}
.listLineType ul:last-child li{ border-right:0;}
.listLineType ul li.title{ font-weight:bold; background:#f4f4f4;}



.footerContentWrap > .con > .inCon .iconTxt{ position:relative;padding-left:15px;}
.footerContentWrap > .con > .inCon .iconTxt.lh20{ line-height:20px;}
.footerContentWrap > .con > .inCon .iconTxt.bar{ position:relative;padding-left: 0px;}
.footerContentWrap > .con > .inCon .iconTxt.number{ position:relative;padding-left:12px;}
.footerContentWrap > .con > .inCon .iconTxt.txt{ position:relative;padding-left: 0px;word-break: keep-all;}
.footerContentWrap > .con > .inCon .iconTxt.txt.sub1 {
    padding-left: 12px;
}
.footerContentWrap > .con > .inCon .iconTxt.txt.sub1 .icon{left:12px;}

.footerContentWrap > .con > .inCon .iconTxt.txt.sub2 {padding-left: 28px;}
.footerContentWrap > .con > .inCon .iconTxt.txt.sub2 .icon{}

.pc_block{ display:block;}
.pc_none{ display:none;}
.mobile_none{ display:inline-block;}
.headerArea .utilArea .mobile_none {display:inline;}

.footerContentWrap{ background:#ffffff; padding:30px 25px; line-height:20px;}
.footerContentWrap h3{ font-size:16px; font-weight:bold;margin: 25px 0 15px;}
.footerContentWrap h3:first-child{ margin-top:0;}
.footerContentWrap > .title{ font-weight:bold; margin-bottom:3px;}
.footerContentWrap > .con{ margin-bottom:15px;}
.footerContentWrap > .con > .inCon{padding:5px 12px;}
.footerContentWrap > .con > .inCon > p {padding-left: 0px;}

.footerContentWrap > .con > .iconTxt {
    padding-left: 12px;
    text-indent: -12px;
    word-break: keep-all;
}
.footerContentWrap .un{text-decoration:underline}
.footerContentWrap .un{text-decoration:underline}
.footerContentWrap .dotTxtTitle { line-height:12px;}
.footerContentWrap ul.dot > li{padding:0 0 0 10px; background:url("../images/information/bl_dot.png") no-repeat left 7px; line-height:20px;}
.footerContentWrap ul.dot > li > ul.bar{ margin-left:13px;}
.footerContentWrap ul.bar > li{ background:url("../images/information/bar_txt.png") no-repeat left 9px; line-height:20px;padding-left:9px;}

.privacyTable{ display:table;width:100%;border-top:2px solid #000}
.privacyTable ul{ display:table-row;}
.privacyTable ul li{ display:table-cell;text-align:center;line-height:20px;padding:15px 0;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;vertical-align:middle}
.privacyTable .titleTableArea{ position:relative;border-bottom:1px solid #d5d5d5;padding-left:79px; font-weight:bold; text-align:center;}
.privacyTable .titleTableArea .title{ position:absolute;left:0px;top:0px;height:100%;width:79px;background:#f4f4f4; line-height:100px;}
.privacyTable .titleTableArea .titleTable{display:table; background:#f4f4f4;width:100%;}
.privacyTable .titleTableArea .titleTable ul li{width:50%;}
.privacyTable .titleTableArea .titleTable ul:last-child li{ border-bottom:0px;}
.privacyTable .conTableArea{ position:relative;border-bottom:1px solid #000000;padding-left:79px; text-align:center;}
.privacyTable .conTableArea:last-child{border-bottom:1px solid #d5d5d5;}
.privacyTable .conTableArea .title{ position:absolute;left:0px;top:0px;height:100%;width:79px;background:#f4f4f4; line-height:100px;}
.privacyTable .conTableArea .conTable{display:table; width:100%;}
.privacyTable .conTableArea .conTable ul li{width:50%;}
.privacyTable .conTableArea .conTable ul:last-child li{ border-bottom:0px;}
.privacyTable > ul > li:first-child{border-left:0px;}
.privacyTable > ul.title > li{ background:#f4f4f4;  font-weight:bold; line-height:50px;height:50px;padding:0px;}
.privacyTable > ul.title > li:first-child{ border-left:0px;}
.privacyTable > ul.conArea > li p.iconTxt{ text-align:left;}
.privacyTable > ul.conArea > li p.iconTxt .icon{ font-weight:bold;}

.footerContentWrap .iconTxt .icon {display: inline-block;vertical-align: bottom;}
.footerContentWrap .cctv_img{border:1px solid #d5d5d5; margin-top:10px;}
/*.footerContentWrap .cctv_img img{ width:100%;}*/
.footerContentWrap .writeTable.lineType table{ table-layout:auto}
.footerContentWrap .writeTable.lineType table tr th:first-child{ width:16% !important;}
.footerContentWrap .writeTable.lineType table tr th.content{ width:600px !important;}
/*.footerContentWrap .writeTable.lineType table tr th:last-child{ width:722px !important;border-right:0px;}*/
.footerContentWrap .writeTable.lineType table tr td{padding:15px 0; text-align:center;}
.footerContentWrap .writeTable.lineType table tr td.inTable th.gubun {width:120px !important;}
.footerContentWrap .writeTable.lineType table tr td.inTable th.many {width:80px !important;}
.footerContentWrap .writeTable.lineType table tr td.inTable th.etc {width:80px !important;}


.mainTopNotice{border:1.5px solid #660200;overflow: hidden;background:url("../images/main/img_bg.png");line-height:50px;height:50px;position:relative;margin-bottom:30px;padding-left:110px;}
.mainTopNotice .title{ position:absolute;left:0px;top:0px;background-color: #660200;line-height:50px;height:50px; text-align:center;color:#fff; font-weight:bold;width:110px; float:left;;}
.mainTopNotice ul{ overflow:hidden;height:50px; float:left;width:720px;}
.mainTopNotice ul li{height:50px; line-height:50px;;padding-left:20px;}
.mainTopNotice ul li a{color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainTopNotice .btnUpDown{position:absolute; right:60px; top:5px; z-index: 2;}
.mainTopNotice .btnUpDown a{ display:block;margin-top:9px;height:6px;}
.mainTopNotice .btn_more{ display:block; position:absolute;right:0px;top:0px; z-index:2;width:50px; height:50px;background-color: #660200; text-align:center;}
.mainTopNotice .btn_more img{ margin-top:20px;}
.mainImgArea{ overflow:hidden; position:relative; height:360px; margin-bottom:5px;}
.mainImgArea.left .img{ position:absolute;left:0px;top:0px;}
.mainImgArea.left .con{right:0px;}
.mainImgArea.right .img{ position:absolute;right:0px;top:0px;/*opacity: 0.9;*/}
.mainImgArea.right .con{left:0px;}
.mainImgArea .con {position:absolute;top:0px;width: 149px;height:100%;padding: 30px 15px 30px 15px;color:#fff;}

.mainImgArea .con.bg1{ background:url("../images/main/main_bg_01.png");}
.mainImgArea .con.bg2{ background:url("../images/main/main_bg_02.png");}
.mainImgArea .con.bg3{ background:url("../images/main/main_bg_03.png");}
.mainImgArea .con .title{ font-size:24px; font-weight:bold; background:url("../images/main/w_bline.png") no-repeat left bottom;padding-bottom:21px; margin-bottom:15px; line-height:24px}
.mainImgArea .con .title font[size="1.5"] {font-size: 12px;/* letter-spacing: -0.75px; */}
.mainImgArea .con .txt{ font-size:16px; line-height:20px; font-weight:bold; background:url("../images/main/w_bline.png") no-repeat left bottom;padding-bottom:15px; margin-bottom:15px;}
.mainImgArea .con .date{ font-size:14px; line-height:20px; font-weight:bold; font-family:"Arial";}
.mainLivingWrap{padding:35px 0 40px 0; overflow:hidden;}
.mainLivingArea{overflow:hidden;}
.mainLivingArea li{ float:left; margin-right:5px;width:300px;}
.mainLivingArea li:last-child{margin-right:0px;}
.mainLivingArea li a{ display:block; position:relative;}
.mainLivingArea li a span{ display:block; line-height:20px;}
.mainLivingArea li a span.img{ position:relative; height: 182px;}
.mainLivingArea li a span.img img{ width:100%;}
.mainLivingArea li a span.icon{ position:absolute;left:0;top:0px;padding:8px 0px 0 10px; background:url("../images/main/img_top_icon.png");width:74px;height:76px; line-height:14px; font-weight:bold;}
.mainLivingArea li a span.icon.together{color:#99d227}
.mainLivingArea li a span.icon.play{color:#d275ff}
.mainLivingArea li a span.icon.think{color:#26b7da }
.mainLivingArea li a span.bg{ 
	padding: 20px 0 0 20px;
    width: 280px;
    height: 79px;
    line-height: 20px;
    color: #fff;
    opacity: 0.999;
}
.mainLivingArea li a span.bg.bg1 {background-color:#242018;}
.mainLivingArea li a span.bg.bg2 {background-color:#231e26;}
.mainLivingArea li a span.bg.bg3 {background-color:#1a2023;}
.mainLivingArea li a span.bg.bg4 {background-color:#1a2023;}

.mainLivingArea li a span.bg .title{
	float: left;
	padding-right: 15px;
	color: #fff;
	font-size: 16px;
}
.mainLivingArea li a span.bg .txt {
	float: left;
	width: 184px;
	height: 60px;
	color: #fff;
	padding-left: 15px;
	border-left: 1px solid #aaaaaa; 
}
 
.mainLivingArea li a span.bg1 .txt {
	width:215px;
}

.mainLivingArea li a span.bg .txt strong{font-size:13px;}
.mainNoticeBanner{ overflow:hidden; position:relative; margin-bottom:40px;}
.mainNoticeBanner .mainNoticeArea{float:left;border:1px solid #660200;background:url("../images/main/box_bg.png");width:361px;height: auto;}
.mainNoticeBanner .mainNoticeArea .title{margin:19px 14px 0 19px; position:relative;color:#fff;font-size:13px;}
.mainNoticeBanner .mainNoticeArea .title a.btn_more{ position:absolute;right:0px;top:-3px; background:url("../images/main/btn_more_y.png") no-repeat right top;padding:2px 26px 0 0;color:#fff;}
.mainNoticeBanner .mainNoticeArea ul{margin: 20px 20px 15px;}
.mainNoticeBanner .mainNoticeArea ul li{ line-height:22px;}
.mainNoticeBanner .mainNoticeArea ul li a{color:#f3dd0d;}
.mainNoticeBanner .bannerArea{ float:left;margin-left: 15px;}
.mainNoticeBanner .bannerArea p{float:left;margin: 12px 0 0 20px;width: 136px;background: url(../images/main/main_line_icon_banner.png) no-repeat right;background-size:2px 53%;}
.mainNoticeBanner .bannerArea p.last{background:none;}
.mainNoticeBanner .bannerArea p.naver{ margin-top:56px;}
.mainNoticeBanner .bannerArea p a {display:block;}
.mainNoticeBanner .bannerArea p img {width: 100%;}

.mainWebzineArea p.title{ float:left; background:url("../images/main/webzine_title_pc.png") no-repeat center center; width:183px; height:178px; overflow:hidden; text-indent:-9999px;}
.mainWebzineArea ul{overflow:hidden;}
.mainWebzineArea ul li{ float:left;margin-bottom:4px;margin-right:4px;width:178px;}
.mainWebzineArea ul li.last,
.mainWebzineArea ul li:last-child{margin-right:0px;}
.mainWebzineArea ul li a{ display:block; position:relative;}
.mainWebzineArea ul li a span{ display:block; line-height:20px;}
.mainWebzineArea ul li a span.img{ position:relative;}
.mainWebzineArea ul li a span.img img{ width:100%;}
.mainWebzineArea ul li a span.icon{ position:absolute;left:0;top:0px;padding:8px 0px 0 10px; background:url("../images/main/img_top_icon.png");width:74px;height:76px; line-height:14px; font-weight:bold;}
.mainWebzineArea ul li a span.icon.together{color:#99d227}
.mainWebzineArea ul li a span.icon.play{color:#d275ff}
.mainWebzineArea ul li a span.icon.think{color:#26b7da }
.mainWebzineArea ul li a span.bg{ position:absolute;left:0;bottom:0px;padding:15px 20px 0 20px;width:138px; background:url("../images/main/img_bg.png");height:57px; line-height:20px;color:#fff;}
.mainWebzineArea ul li a span.bg .title{ display:block;color:#aaaaaa; font-weight:bold;}
.mainWebzineArea ul li a span.bg .txt{display:block;color:#aaaaaa;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


.errorWrap{ position:absolute;left:50%;top:50%; background:#fff; width:860px; height:414px; text-align:center;margin:-237px 0 0 -455px;padding:30px 25px;}
.errorWrap.error404 .icon{padding:30px 0;}
.errorWrap.error404 .icon img{ width:62px;}
.errorWrap.error404 .title{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.errorWrap.error404  ul.dotBl{ text-align:left;padding-top:25px;border-top:1px solid #d5d5d5;margin:80px 0 25px 0;}
.errorWrap.error404  ul.dotBl li{padding-left:9px; background:url("../images/information/bl_dot.png") no-repeat left 9px; line-height:24px;}
.errorWrap.error404  .btnText{color:#000; font-weight:bold;width:160px;height:48px; line-height:48px;}


.errorWrap.error_re{height:380px;margin-top:-220px;}
.errorWrap.error_re .logo{padding:70px 0 30px 0;}
.errorWrap.error_re .logo img{ width:128px;}
.errorWrap.error_re .title{ font-size:24px; font-weight:bold; margin-bottom:10px; line-height:32px;}
.errorWrap.error_re .txt{ line-height:20px; margin-bottom:25px;}
.errorWrap.error_re strong{color:#be216a; font-size:16px;}


.errorWrap.noticeHomePage{height:515px;margin-top:-288px; background:#ffffff;}
.errorWrap.noticeHomePage .logo{padding:30px 0 30px 0;}
.errorWrap.noticeHomePage .logo img{ width:128px;}
.errorWrap.noticeHomePage .title{ font-size:24px; font-weight:bold; margin-bottom:10px; line-height:32px;padding-bottom:25px;border-bottom:2px solid #000;margin-bottom:25px;}
.errorWrap.noticeHomePage .txt{ line-height:20px; margin-bottom:25px; font-weight:bold; text-align:left;}
.errorWrap.noticeHomePage  ul.dotBl{ text-align:left;padding:25px 20px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; background:#f4f4f4; margin-bottom:15px;}
.errorWrap.noticeHomePage  ul.dotBl li{padding-left:9px; background:url("../images/information/bl_dot.png") no-repeat left 9px; line-height:24px;}
.errorWrap.noticeHomePage  .txt2{ line-height:20px; text-align:left;}

/** 추가된 내용 : 출판사업 **/
#publishing .tabArea ul { height:47px; background-color:#666666; }
#publishing .tabArea ul li { float:left; font-weight:bold; text-align:center; }
#publishing .tabArea ul li.on { background-color:#f89b1c;color:#000; }
#publishing .tabArea ul li a { color:#fff; width:100%; display:block; line-height:47px; }
#publishing .tabArea ul li span { float:left;margin-top:16px; margin-left:-2px;color:#fff; font-weight:100;font-size:10px; display:none; }


@media only screen and (max-width: 909px) {
	.headerArea .utilArea .balloon {
		width: 140px;
		padding: 10px;
		top: 35px;
		left: calc(100vw + -180px);
		right: 0;
		z-index: 99;
	}

	.headerArea .utilArea .balloon:before {
		display: none;
	}

	.topInfomation .btnArea .top-button {justify-content: center;}
	.topInfomation .btnArea .top-button.prepare {justify-content: left;margin: 10px 0 0;}
	.topInfomation .btnArea .top-button.prepare .pc_none {display: inline-block;display: none;}
	.topInfomation .btnArea .top-button.prepare a {width: auto;}
	.topInfomation .btnArea .top-button.prepare a > * {display: inline-block;}
	.topInfomation .btnArea .top-button.prepare a > span {display:inline-block;margin-left: 7px;}
	.topInfomation .btnArea .top-button.prepare a ~ a {margin-left: 20px;}
	.topInfomation .btnArea .top-button.prepare a.pc_none {display: none;}
	.topInfomation .btnArea .top-button.prepare a > img {width: 41px;}
	
	.topInfomation .btnArea .top-button a {display: block;margin: 0;width: 25%;text-align: center;}
	.topInfomation .btnArea .top-button a.pc_none {display: block;}
	.topInfomation .btnArea .top-button a ~ a {margin: 0;}
	
	.topInfomation .btnArea .top-button a > * {display: block;/* margin: 0 auto; */}
	.topInfomation .btnArea .top-button a > img {width: 65%;max-width: 100px;min-width: 50px;margin: 0 auto;}
	.topInfomation .btnArea .top-button a > span {display:block;margin-top: 5px;margin-left: 0;}
}
@media only screen and (max-width: 640px) {
	.pc_none{ display:block;}
	.mobile_none{ display:none;}
	.memberBoxArea .writeTable .inTableArea li.telArea a.btnText {width:100%;}
}

@media only screen and (max-width: 375px) {
	.topInfomation .leftArea li.customer span.mobile_block {display:block;}
}