@charset "utf-8";

@font-face{
font-family:"Nanum Square";
font-weight:normal;
src:url('../fonts/NanumSquareR.eot');
src:url('../fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
url('../fonts/NanumSquareR.woff') format('woff'),
url('../fonts/NanumSquareR.ttf') format('truetype');
/* src:url('/css/ekapepia/fonts/NanumSquareR.eot'); */
/* src:url('/css/ekapepia/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'), */
/* url('/css/ekapepia/fonts/NanumSquareR.woff') format('woff'), */
/* url('/css/ekapepia/fonts/NanumSquareR.ttf') format('truetype'); */
}

* {box-sizing:border-box; margin:0; padding:0;}
html {-webkit-text-size-adjust:none;}
body {color:#555; font-size:14px; line-height:1.5; letter-spacing:-0.3px; word-wrap:break-word; overflow-wrap:break-word; font-family: 'Apple SD Gothic Neo', 'Nanum Square','Malgun Gothic', Arial, Dotum, Gulim, Verdana, Tahoma; }
a, select, button, pre, input, textarea {font-family:inherit;}
header, section, article, aside, footer, nav {display:block;}
th, strong, b {font-weight:bold;}
dt, th {color:#333;}
caption {height:0; font-size:0; line-height:0; overflow:hidden;}
fieldset {border:0;}
li {list-style:none;}
img {max-width:100%; vertical-align:middle; border:0;}
a {color:inherit; text-decoration:none;}
.tts {position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
.clear-fix{position:relative;}
.clear-fix:after{content:"";display:block;clear:both;}

/* etc */
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}

.vt{vertical-align:top !important;}
.vm{vertical-align:middle !important;}
.vb{vertical-align:bottom !important;}

.fs-11{font-size:11px;}
.fs-13{font-size:13px;}
.fs-16{font-size:16px;}
.fs-18{font-size:18px;}
.fb-bold, .fb{font-weight:bold;}
.fb-red {color:#ff0000; font-weight:bold;}
.fn{font-weight:normal;}

.line-under{text-decoration:underline;}
span.gap{display:inline-block;vertical-align:middle;margin:0 1px 0 4px}

.color-red {color:#ee2e24;}
.color-red02 {color:#e23328}
.color-gray{color:#555;}
.color-gray02{color:#757575;}
.color-blue{color:#005aa6;}
.color-blue02 {color:#045ebc;}
.color-blue03 {color:#4c6379;}
.color-brown{color:#d76b30;}
.color-green{color:#008641;}
.color-white{color:#fff !important;}

.both-contents{position:relative;width:100%;}
.both-contents:after{content:"";display:block;clear:both;}
.both-contents .left-contents{float:left;}
.both-contents .right-contents{float:right;}
.both-contents.half .left-contents{width:48%;}
.both-contents.half .right-contents{width:48%;}

.btn-area {display:table; width:calc(100% + 5px); margin:0 -2.5px; padding:20px 15px;}
.btn-area .btn-cell {display:table-cell; padding:0 2.5px;}
.btn-area .btn {width:100%; border:1px solid #979797; font-weight:bold; font-size:16px; line-height:38px; text-align:center; background-color:#fff;}
.btn-area .btn-call {border-color:#327ac6; color:#fff; background-color:#327ac6;}
.btn-area .btn-prev span {padding:0 5px 0 15px; background:url(../../../images/mobile/common/btn-prev.png) no-repeat left center; background-size:auto 10.5px;}
.btn-area .btn-next span {padding:0 15px 0 5px; background:url(../../../images/mobile/common/btn-next.png) no-repeat right center; background-size:auto 10.5px;}
.btn-area .btn-call span {padding:0 29px; background:url(../../../images/mobile/common/icon-phone.png) no-repeat left center; background-size:18.5px auto;}
.btn-area.bg-white {background-color:#fff;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #999 !important;
}

/* input */
input, select, textarea{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;border:1px solid #d1d1d1;}
input, textarea, select, button{display:inline-block; max-width:100%; box-shadow:none; vertical-align:middle; word-spacing:normal; letter-spacing:inherit;}
button{cursor:pointer;background:none;border:none;}
button:active span, button:focus span {
    position:relative;
    top: 0;
    left: 0;
}
input[type="text"], input[type="password"]{line-height:18px;height:30px;padding:0 10px;}
input[type="radio"], input[type="checkbox"]{line-height:18px;height:30px;}
select {height:30px; min-width:80px; padding-left:7px; background:#fff;}
select option {padding:0 10px 0 0;}
textarea.textarea{padding:10px;}

/* button */
.btn {display:inline-block; line-height:23px; font-size:13px; min-width:90px; text-align:center;}
.btn.btn-full {min-width:auto; width:100%;}
.btn.btn-small {padding:0 5px; line-height:19px; font-size:12px; min-width:55px;}
.btn.btn-blue {border:1px solid #045ebc; color:#fff; background-color:#045ebc;}
.btn.btn-navy {border:1px solid #16407c; color:#16407c;}
.btn.btn-navy[target=_blank] {position:relative;}
.btn.btn-navy[target=_blank]:after {content: ''; display:inline-block; width:12.5px; height:12.5px; vertical-align:middle; margin:-2px 0 0 5px; background: url(../../../images/mobile/common/icon-external-link.png) no-repeat; background-size:12.5px auto;}

/* table */
table thead.th-blind {display:none;}
table {border-spacing:0; border-collapse:collapse; width:100%;}
table td .ico {display:inline-block; width:8.5px; height:7.5px; text-align:left; text-indent:-9999px; white-space:nowrap; background-repeat:no-repeat; background-position:left center; background-size:auto 7.5px; overflow:hidden;}
table td .price-up {color:#e23328;}
table td .price-down {color:#045ebc;}
table td .price-up .ico {background-image:url(../../../images/mobile/common/icon-up.png);}
table td .price-down .ico {background-image:url(../../../images/mobile/common/icon-down.png);}

.table-list table {width:100%; border-top:1px solid #747e8c;}
.table-list table th, .table-list table td {height:38px; padding:10px 0 9px; border-bottom:1px solid #d4d4d4; font-size:13px; text-align:center;}
.table-list table td:first-child {text-align:left;}
.table-list table td:last-child {text-align:right;}
.table-list table td.no-data {padding:50px 0; font-size:14px; text-align:center;}

.table-view table {width:100%; border-top:1px solid #7d8794;}
.table-view table th {background-color:#f9fafc; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; padding:9px 5px 10px; font-size:13px;}
.table-view table tbody th {color:#555; font-weight:normal; font-size:13px;}
.table-view table td {border-bottom:1px solid #d4d4d4; border-left:1px solid #d7d7d7; padding:10px 5px; font-size:13px; text-align:center;}
.table-view table td.no-data {padding:50px 0; font-size:13px; text-align:center;}
.table-view table th:first-child, .table-view table td:first-child {border-left:none;}
.table-view .brd-left{border-left:1px solid  #d7d7d7 !important;}

.table-sort-btn span{display:inline-block;margin:0 0 0 6px;width:11px;height:8px;background-image:url(../../../images/mobile/common/icon-down03.png);background-repeat:no-repeat;background-position:100% 0;}
.table-sort-btn.sort-up span{background-image:url(../../../images/mobile/common/icon-up03.png);}

.search-area {margin-bottom:5px; padding:20px 15px 10px; border-bottom:1px solid #dbdbdb; background-color:#fff;}
.search-area .search-item {margin-bottom:10px;}
.search-area .input-group {display:table; width:100%;}
.search-area .input-group input, .search-area .input-group select {width:100%;}
.search-area .input-group .input-item {display:table; width:calc(100% + 6px); margin:0 -3px;}
.search-area .input-group .input-item-fixed {table-layout:fixed;}
.search-area .input-group .input-cell {display:table-cell; padding:0 3px; text-align:center; vertical-align:middle;}
.search-area .input-group .input-cell input, .search-area .input-group .input-cell select {width:100%;}
.search-area .input-group .input-addon {display:table-cell; width:1%; padding-left:6px; vertical-align:middle;}
.search-area .input-group .label {margin-left:-6px; padding-right:14px; color:#333; font-weight:bold; font-size:14px; white-space:nowrap; line-height:30px;}
.search-area .btn-search {padding:0 14px; color:#fff; font-size:14px; line-height:30px; white-space:nowrap; background-color:#464646;}
.search-area .btn-location {padding:0 12px 0 29px; border:1px solid #005aa6; color:#005aa6; font-size:14px; line-height:28px; white-space:nowrap; background:url(../../../images/mobile/common/icon-location.png) no-repeat 13px center; background-size:auto 14px;}
.search-area .input-calendar {padding-right:8px; border:1px solid #d1d1d1;}
.search-area .input-calendar input {width:calc(100% - 24px) !important; border:0;}
.search-area .input-calendar a img {width:14px; height:auto;}
.board-search-area {padding-bottom:15px;}
.board-search-area .search-item {margin-bottom:5px;}

/* board */
.board-list {border-top:1px solid #dbdbdb; background-color:#fff;}
.board-list ul li {padding:13px 45px 16px 15px; border-bottom:1px solid #dbdbdb; background:url(../../../images/mobile/common/icon-arrow-right.png) no-repeat right 15px center; background-size:auto 15px;}
.board-list ul li.notice {background-color:#e8f1fa;}
.board-list ul li .subject {margin-bottom:6px;}
.board-list ul li .subject a {color:#333; font-size:15px;}
.board-list ul li .date {font-size:11px;}

.board-view {width:100%; padding:16px 15px 0; border-bottom:1px solid #d7d7d7; background-color:#fff;}
.board-view .board-title {color:#333; font-weight:bold; font-size:24px; line-height:30px;}
.board-view .board-title + .board-content {margin-top:15px;}
.board-view .board-info {margin:11px 0;}
.board-view .board-info span {display:inline-block; margin-right:20px; font-size:12px;}
.board-view .board-content {padding:20px 0 35px; border-top:1px solid #d7d7d7; line-height:18px;}
.board-view .board-content .no-data {padding:50px 0; text-align:center;}
.board-view .board-file {width:100%; padding:12px 0 16px; border-top:1px solid #d7d7d7;}
.board-view .board-file dt {display:inline-block; width:13.5px; margin-right:4px; text-indent:-9999px; background:url(../../../images/mobile/common/icon-file.png) no-repeat left 7px; background-size:13.5px auto;}
.board-view .board-file dd {display:inline-block;}
.board-view .board-file dd .file-add li a {display:inline-block; border-bottom:1px solid #555; font-size:12px;}
.board-view ~ .btn-area .btn {font-size:13px;}

.photo-list {padding:5px 10px 0; background-color:#fff;}
.photo-list ul {overflow:hidden;}
.photo-list ul li {float:left; width:calc(50% - 10px); margin:20px 5px 0;}
.photo-list ul li a {display:block; padding-bottom:12px; text-align:center;}
.photo-list .tmb {height:28.19vw; margin-bottom:6px; border:1px solid #d1d1d1;}
.photo-list .tmb img {width:100%; height:100%;}
.photo-list .subject {width:100%; color:#333; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.youtube-list .file a {display: inline-block;padding-bottom:12px;text-align:left;}


.youtube-list {padding:5px 10px 0; background-color:#fff;}
.youtube-list ul {overflow:hidden;}
.youtube-list ul li {margin:10px 5px 0;border-bottom: 2px solid #747e8c;padding-bottom: 10px}
.youtube-list ul li a {display:block; padding-bottom:12px; text-align:center;}
.youtube-list .tmb {margin-bottom:6px;border:1px solid #d1d1d1;}
.youtube-list .tmb img {width:100%; height:100%;}
.youtube-list .subject {width:100%;color: #005ce6;font-size: 14px;/* text-overflow:ellipsis; *//* white-space:nowrap; *//* overflow:hidden; */font-weight: bold;}
.youtube-list .writer {}
.youtube-list .time {float:right;color: #b1a8a8;font-size: 13px;}

.list-dot li{position:relative;padding:0 0 0 12px;margin:0 0 6px 0;}
.list-dot li:after{content:"";position:absolute;top:9px;left:0;width:3px;height:3px;background:#666;}
.list-dot.integration li:after{content:"";position:absolute;top:8px;left:0;width:5px;height:5px;background:#8f9294;}
.list-dot .bg-none{margin:5px 0;}
.list-dot.bg-none li, .list-dot .bg-none li{padding:0;}
.list-dot.bg-none li:after, .list-dot .bg-none li:after{background:none;}
.list-dot li .list-num{margin:10px 0 0 -12px;}
.list-num li{position:relative;position:relative;padding:0 0 0 23px;margin:0 0 6px 0;}
.list-num li:after{content:"";position:absolute;top:3px;left:0;background:#808e9f;height:15px;width:15px;border-radius:15px;font-size:10px;color:#fff;font-weight:bold;text-align:center;}
.list-num li:nth-child(1):after{content:"1";}
.list-num li:nth-child(2):after{content:"2";}
.list-num li:nth-child(3):after{content:"3";}
.list-num li:nth-child(4):after{content:"4";}
.list-num li:nth-child(5):after{content:"5";}
.list-num li:nth-child(6):after{content:"6";}
.list-num li:nth-child(7):after{content:"7";}
.indent-text{text-indent:-15px;padding:0 0 0 15px;line-height:28px;}
.indent-none > li{text-indent:0;}
.list-bar li{position:relative;padding:0 0 0 15px;line-height:28px;}
.list-bar li:after{content:"";position:absolute;top:14px;left:0;width:7px;height:1px;background:#666;}
.small-dot{position:relative;padding:0 0 0 9px;}
.small-dot:after{content:"";position:absolute;top:8px;left:0;width:2px;height:2px;background:#565656;border-radius:2px;}
.list-dot.small li{padding:0 0 0 9px;margin:0 0 6px 0;}
.list-dot.small li:after{content:"";position:absolute;top:10px;left:0;width:2px;height:2px;background:#565656;border-radius:2px;}
.list-arrow > li{position:relative;padding:0 0 0 14px;line-height:28px;}
.list-arrow > li:after{content:"";position:absolute;top:9px;left:0;width: 0;height: 0; border-top: 5px solid #fff;border-bottom: 5px solid #fff;border-left: 6px solid #333;}
.list-arrow.color-blue > li:after{content:"";position:absolute;top:9px;left:0;width: 0;height: 0; border-top: 5px solid #fff;border-bottom: 5px solid #fff;border-left: 6px solid #114b88;}

/* pagination */
.pagination {margin:20px 0; text-align:center;}
.pagination a, .pagination strong {display:inline-block;}
.pagination strong, .pagination span a, .pagination img {vertical-align:middle; text-align:center;}
.pagination img {height:29px; width:29px;}
.pagination span a {width:29px; height:29px; background:#fff; border:1px solid #d1d1d1; font-weight:bold; font-size:12px; line-height:27px; margin-left:-1px;}
.pagination strong {background:#045ebc; border:1px solid #045ebc; color:#fff; height:29px; width:29px; padding-top:3px;}
.pagination .prev02 {margin-right:-1px;}
.pagination .next02 {margin-left:-1px;}

/* tab */
.tab-list {display:table; table-layout:fixed; width:100%; height:45px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background-color:#fff;}
.tab-list li {display:table-cell; position:relative;}
.tab-list li a {display:block; padding:0 10px; color:#313131; font-weight:bold; line-height:44px; text-align:center;}
.tab-list li.on:after {content:''; position:absolute; bottom:-1px; width:100%; height:3px; background-color:#045ebc;}
.tab-list li.on a {color:#045ebc;}
.tab-list + .board-view {margin-top:5px;}

/* margin */
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !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;}
.mb0 {margin-bottom:0px !important;}
.mb5 {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;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb100 {margin-bottom:100px !important;}
.ml0 {margin-left:0px !important;}
.ml2 {margin-left:2px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !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;}
.ml40 {margin-left:40px !important;}
.ml66 {margin-left:66px !important;}
.mr0 {margin-right:0px !important;}
.mr5 {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;}
.mr50 {margin-right:50px !important;}
.mr41 {margin-right:41px !important;}
.mr65 {margin-right:65px !important;}

/* padding */
.pt16{padding-top:16px !important;}
.pb0{padding-bottom:0px !important;}
.pb30{padding-bottom:30px !important;}
.pl30{padding-left:30px !important;}
.pr30{padding-right:30px !important;}
.pd20{padding:20px !important;}

/* height */
.h393{height:393px !important;}

/* checkbox radio */
.checks {position: relative;display:inline-block;vertical-align:middle;}
.checks input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.checks input[type="radio"] + label {
	display: inline-block;
	position: relative;
	padding-left: 20px;
	line-height:16px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.checks input[type="radio"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 14px;
	text-align: center;
	background: #fff;
	border: 1px solid #c2c2c2;
	border-radius: 100%;
	/*box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before {
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
}
.checks input[type="radio"]:checked + label:before {
	background: #fff;
	border-color: #d2d2d2;
}
.checks input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	background: #ee2e24;
	border-radius: 100%;
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
}

.checks input[type="checkbox"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0); border: 0
}
.checks input[type="checkbox"] + label {
	display: inline-block;
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none; -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #fff;
	border: 1px solid #cacece;
	/*border-radius : 3px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); */
}
/*.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
} */
.checks input[type="checkbox"]:checked + label:before { /* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */
	/*content: '\2714';
	/*color: #99a1a7;
	text-shadow: 1px 1px #fff; */
	background:#fff url(../../../images/mobile/common/icon-check.png) no-repeat 50% 50%;
	border-color:#ee2e24;
	/*border-color: #adb8c0;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */
}

.filebox{display:inline-block;margin:0 5px 0 0;}
.filebox label { display: inline-block;padding:0 10px; line-height:28px;color: #fff; font-size: inherit; vertical-align: middle; background-color: #fff; border:1px solid #585858;cursor: pointer;color:#585858; width:90px;height:28px;text-align:center;}
.filebox input[type="file"] { /* ÆÄÀÏ ÇÊµå ¼û±â±â */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }