@charset "UTF-8";

@import url("upset.css");

/* ==========================================================================
	class - base
   ========================================================================== */
#viewport {
	position: relative;
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	height: 100%; 
	height: 100vh;
}

#viewport.set-type1 {
	background: #f2f2f2;
}

.sr-only {
	position: absolute;
	left: -99999px;
	top: -99999px;
}

.col-1 {
	width: 100%;
}

.col-2 {
	width: 50%;
}

.col-3 {
	width: 33.333%;
}

.col-4 {
	width: 25%;
}

.col-5 {
	width: 20%;
}

.col-6 {
	width: 16.666666%;
}

/* .alt : 대체텍스트용 */
.comment {
	text-indent: -10000px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}
/* dimmed */
#mask {
	position: fixed;
	z-index: 99990;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	background: #000;
	filter: Alpha(opacity = 50);
	opacity: 0.8;
}

/*.tab{clear: both; overflow: hidden; background: #005aaa; position:relative;}
	.tab:after{content:""; position:absolute; left:0; bottom:0; width:100%; background:#fff url('../img/tab_bg.png') repeat-x 0 bottom; background-size:100% auto; height:15px;}
	.tab ul:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
	.tab ul li { position: relative; float: left; }
	.tab ul li:after{content:""; position:absolute; top:calc(50% - 10px); left:0; width:1px; height:20px; background:#e6e6e6;}
	.tab ul li:first-child:after{display:none;}
	.tab ul li a { display: block; font-size: 14px; width: 100%; padding: 0; height: auto;  color: #808080; text-align: center; box-sizing: border-box; background-color: transparent; font-weight: 700;}
	.tab ul li.singleline a{padding-top: 11px;}
	.tab ul li.selected a { color: #004ea2; }*/
.tab {
	padding: 13px 0 10px;
	border-bottom: 1px solid #e6e6e6;
	background-color: #fafafa
}

.tab-listbox {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center
}

.tab-listitem {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 10px 1px;
	text-align: center
}

.tab-listitem+.tab-listitem {
	border-left: 1px solid #e6e6e6
}

.tab-listitem.is-selected a {
	color: #004ea2
}

.tab-link {
	font-weight: 700;
	font-size: 14px;
	color: #808080;
	line-height: 19px
}

.tabContents {
	display: none;
}

.btn {
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	border-radius: 5px;
}

button.btn {
	width: 100%;
}
/*.btn.default { display: block; height: 40px; padding: 10px 0 9px; font-size: 14px; font-weight: 700; background-color: #f7f7f7; color: #666; border: 1px solid #ccc; }
	.btn.active { display: block; height: 50px; padding: 12px 0; font-size: 17px; font-weight: 700; background-color: #1091d0; color: #fff;}
	.btn.primary { display: block; height: 50px; padding: 12px 0; font-size: 17px; font-weight: 700; background-color: #fff; color: #1092d0; border: 1px solid #1092d0; }
	.btn.float { position: fixed; left: 0; bottom: 0; width: 100%; }
	.btn span.icon { display: inline-block; background-repeat: no-repeat;  }
	.btn span.icon.arrow { padding-right: 13px; background-image: url('../img/icon_arrow_6X10.png'); background-position: 100% 50%; background-size: 6px 10px; }*/
.fbtn {
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 720px;
	margin-left: -360px;
}

.fbtn .fbtn_z {
	z-index: 2;
}
.fbtn .btn.wating {
    background: rgba(158, 158, 158, 0.88);
    padding: 15px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.fbtn .btn.normal {
	background: rgba(0, 174, 239, .95);
	padding: 15px 0;
	text-align: center;
	width: 100%;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.fbtn .btn.disable {
	background: #f04e4e;
	padding: 15px 0;
	text-align: center;
	width: 100%;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	cursor: default
}

.wbtn {
	position: relative;
	clear: both;
	overflow: hidden;
}

.wbtn .btn.press {
	background: #90a1ba;
	padding: 12px 0;
	text-align: center;
	width: 100%;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 2px;
}

.btn.change {
	position: relative;
	background: #90a1ba;
	padding: 3px 30px 2px 15px;
	text-align: center;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 4px;
	margin-top: 5px;
}

.btn.change:after {
	content: "＞";
	position: absolute;
	right: 1px;
	top: 4px;
	color: #fff;
	font-family: "돋움";
}

.btn.map {
	position: relative;
	background: #90a1ba;
	padding: 2px 15px;
	text-align: center;
	width: auto;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 4px;
	margin-top: 5px;
}

.btn.choice {
	float: right;
	background: #005aaa;
	padding: 2px 10px 2px 10px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
}

hr.hr {
	width: 100%;
	height: 1px;
	border: none;
	border-top: 1px solid #f3f3f3;
	margin: 22px 0 10px 0;
}

table {
	width: 100%;
}

table th {
	font-weight: 700;
	font-size: 15px;
	color: #222;
}

table td {
	font-size: 15px;
}

.action {
	font-size: 0;
	white-space: nowrap;
}

/* ==========================================================================
	class - input
   ========================================================================== */
.input {
	display: block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

input[type="text"], input[type="password"], input[type="tel"], input[type="number"],
	input[type="email"], input[type="search"] {
	position: relative;
	width: 100%; /*height: 30px;*/
	padding: 10px 13px;
	box-sizing: border-box;
	color: #9ba0a9;
	font-size: 13px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #9ba0a9;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #9ba0a9;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #9ba0a9;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9ba0a9;
}

:placeholder-shown {
	/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: #9ba0a9;
}
/*
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="tel"]:focus,
	input[type="email"]:focus,
	input[type="search"]:focus {
		border-color: #cf211b;
		color: #111;
	}

	input.disable[type="text"]:focus,
	input.disable[type="password"]:focus,
	input.disable[type="tel"]:focus,
	input.disable[type="email"]:focus,
	input.disable[type="search"]:focus { border-color: #f2f2f2; }
	input.readonly[type="text"]:focus,
	input.readonly[type="password"]:focus,
	input.readonly[type="tel"]:focus,
	input.readonly[type="email"]:focus,
	input.disable[type="search"]:focus { border-color: #e6e6e6; }
	input.inline { width: 90%; }
	input.readonly { border-color: #e6e6e6; background: #e6e6e6; }
	input.active::-webkit-input-placeholder{color: #cf211a; }
	input.active:-moz-placeholder{color: #cf211a; }
	input.active:-ms-input-placeholder{color: #cf211a; }
	*/

/* 레프트 메뉴 퍼블 2017.09.18  */
#gnb-wrap .gnb-tip div a:after {
	background: none;
}

#gnb-wrap .gnb-top-button-div {
	width: calc(( 100% - 2px)/3);
	float: left;
}

#gnb-wrap .gnb-wrap-background {
	/*background: url(../img/left/top_body.png) no-repeat;*/
	background-color:#002246;
	background-position: right bottom;
	background-size: cover;
}

#gnb-wrap .gnb-tip div a.ntip1 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/search.png) no-repeat 50% 15px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
	border-right: 1px solid #ebebeb;
}

#gnb-wrap .gnb-tip div a.ntip2 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/jowhang.png) no-repeat 50% 15px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
	border-right: 1px solid #ebebeb;
}

#gnb-wrap .gnb-tip div a.ntip3 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/theme.png) no-repeat 50% 15px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
}

#gnb-wrap .gnb-tip div a.ntip4 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/life_fish.png) no-repeat 50% 15px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
	border-right: 1px solid #ebebeb;
}

#gnb-wrap .gnb-tip div a.ntip5 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/0009_fest.png) no-repeat 50% 15px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
	border-right: 1px solid #ebebeb;
}

#gnb-wrap .gnb-tip div a.ntip6 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/event.png) no-repeat 50% 15px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
}

#gnb-wrap .gnb-tip div a.ntip7 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/fish_2.png) no-repeat 50% 10px;
	background-size: 50px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
	border-right: 1px solid #ebebeb;
}

#gnb-wrap .gnb-tip div a.ntip8 {
	font-size: 14px;
	color: #666;
	background: url(../img/left/mailbox.png) no-repeat 50% 15px;
	background-size: 60px;
	height: auto;
	padding-top: 50px;
	padding-bottom: 10px;
	border-left: 1px solid #ebebeb;
}

.gnb-point span.point_left {
	float: left;
	color: #666666;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 20px;
}

.gnb-point span.point_right {
	float: right;
	padding-right: 20px;
	vertical-align: middle;
	text-align: right;
	color: #3669ae;
	font-weight: bold;
	padding-top: 5px;
}

#gnb-middle-button figure {
	display: inline-block;
	position: relative;
	border-radius: 44px;
	background-color: #dff3ff;
	width: 70px;
	height: 70px;
}

#gnb-middle-button figure.is_selected::after {
	content: '';
	position: absolute;
	top: -3px;
	right: -3px;
	width: 25px;
	height: 25px;
	background-color: #00bbff;
	color: #fff;
	border-radius: 50%;
}

#gnb-middle-button .gnb-middle-button-div {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	height: auto;
	padding-top: 20px;
	padding-bottom: 15px;
}

#gnb-middle-button .gnb_button_text {
	font-size: 14px;
	color: #00bbff;
	overflow: hidden;
	padding-top: 3px;
}

#gnb-middle-button .gnb-middle-span {
	position: absolute;
	top: -3px;
	right: -3px;
	width: 25px;
	height: 25px;
	color: #fff;
	font-size: 15px;
	z-index: 999;
}

.gnb-set .new_img {
	width: 22px;
	padding-left: 5px;
	vertical-align: top;
}

.gnb-set .set1 {
	font-size: 14px !important;
	color: #435173 !important;
}

.gnb-set .set2 {
	font-size: 14px !important;
	color: #435173 !important;
}

.gnb-set .set3 {
	font-size: 14px !important;
	color: #435173 !important;
}

#gnb-point .gnb-point-left {
	display: inline-block;
	background-color: #f5f5f5;
	width: 100%;
	color: #fff;
	height: 40px;
	font-size: 14px;
	vertical-align: middle;
}

#gnb-point .point-left-num {
	text-align: right;
	color: #3669ae;
	font-size: 20px;
	font-weight: bold;
	padding-right: 9px;
}

/** 레프트메뉴 퍼블 끝 **/
.radio {
	display: inline-block;
	position: relative;
}

.radio input[type=radio] {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.radio input[type=radio]:checked+label:after {
	opacity: 1;
}

.radio input[type=radio]:checked+label:before {
	opacity: 0;
}

.radio label {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.radio label:after, .radio label:before {
	content: '';
	width: 15px;
	height: 15px;
	position: absolute;
	top: 9px;
	left: 0;
}

.radio label:after {
	opacity: 0;
}

.radio.type1 label:after {
	background: url('../img/icon_radio_active.png') no-repeat 0 0;
	background-size: 15px 15px;
}

.radio label:before {
	opacity: 1;
}

.radio.type1 label:before {
	background: url('../img/icon_radio_default.png') no-repeat 0 0;
	background-size: 15px 15px;
}

.radio label span {
	display: inline-block;
	margin-left: 20px;
	color: #999;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

.radio input[type=radio]:checked+label span {
	color: #222;
}

.checkbox {
	display: inline-block;
	position: relative;
}

.checkbox input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.checkbox input[type=checkbox]:checked+label:after {
	opacity: 1;
}

.checkbox input[type=checkbox]:checked+label:before {
	opacity: 0;
}

.checkbox label {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.checkbox label:after, .checkbox label:before {
	content: '';
	width: 16px;
	height: 15px;
	position: absolute;
	top: 9px;
	left: 0;
}

.checkbox label:after {
	opacity: 0;
}

.checkbox.type1 label:after {
	background: url('../img/icon_check_active.png') no-repeat 0 0;
	background-size: 16px 15px;
}

.checkbox label:before {
	opacity: 1;
}

.checkbox.type1 label:before {
	background: url('../img/icon_check_default.png') no-repeat 0 0;
	background-size: 16px 15px;
}

.checkbox label span {
	display: inline-block;
	margin-left: 20px;
	color: #999;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}

.checkbox input[type=checkbox]:checked+label span {
	color: #222;
}

.selectbox {
	position: relative;
	display: block;
	overflow: hidden;
	height: 38px;
	line-height: 2.65;
	background: none;
	background-color: #fff;
	font-size: 15px;
	color: #222;
	text-align: left;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	box-sizing: border-box;
}

.selectbox select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: 8px;
	z-index: 1;
	opacity: 1;
	font-weight: 400;
	background-color: transparent;
	box-sizing: border-box;
	border: 0 none;
	color: #9ba0a9;
	line-height: 2.65;
	overflow: hidden;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.selectbox span {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
	width: 29px;
	height: 38px;
	background: transparent url('../img/icon_selectbox.png') no-repeat
		50% 50%;
	background-size: 8px 5px;
	-webkit-background-size: 8px 5px;
	margin: 0 !important;
}

.selectbox.type1 {
	background: #edeff2;
	border-radius: 30px;
	height: 28px;
	line-height: 1.5em;
}

.selectbox.type1 select {
	line-height: 1em;
	font-size: 14px;
	text-indent: 20px;
	color: #262626;
}

.selectbox.type1 span {
	right: 5px;
	height: 28px;
	background: url('../img/icon_selectbox2.png') no-repeat 50% 50%;
	background-size: 12px 6px;
	-webkit-background-size: 12px 6px;
}

textarea {
	width: 100%;
	height: 124px;
	padding: 9px 11px 11px;
	color: #333;
	font-size: 13px;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	box-sizing: border-box;
}

table, table tr {
	border-collapse: collapse;
}

table tr td, table tr th {
	border: 1px solid #ebebeb;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}

.table-display {
	display: table;
	width: 100%;
}

.table-display .table-row {
	display: table-row;
}

.table-display, .table-display .table-row {
	border-collapse: collapse;
}

.table-display .table-col {
	position: relative;
	display: table-cell;
	vertical-align: top;
}

/* ==========================================================================
	class - layout
   ========================================================================== */
.input-type .list {
	padding: 0 10px;
	background: #fff;
	border-top: 1px solid #e2e2e2;
}

.input-type .list:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.input-type .list .label, .input-type .list .item {
	float: left;
	position: relative;
}

.input-type .list .label {
	width: 24.242424%;
	padding: 14px 0;
}

.input-type .list .item {
	width: 75.757575%;
	padding: 14px 0;
}

.input-type .list .label.expand, .input-type .list .item.expand {
	width: 100%;
}

.input-type .list.text .label, .input-type .list.text .item {
	padding: 11px 0 10px;
}

.input-type .list.text .label strong {
	padding-top: 0;
}

.input-type .list .label label, .input-type .list .label strong {
	display: block;
	font-size: 15px;
	padding-top: 9.5px;
	color: #222;
	font-weight: 700;
}

.input-type .list .item .table-display .table-col span, .input-type .list .item .table-display .table-col .btn
	{
	margin-left: 5px;
}

.input-type .list .item .table-display .table-col:first-child span,
	.input-type .list .item .table-display .table-col:first-child .btn {
	margin-left: 0;
}

.input-type .list .item span, .input-type .list .item .table-display {
	margin-top: 5px;
}

.input-type .list .item span:first-child, .input-type .list .item .table-display:first-child
	{
	margin-top: 0;
}

.input-type .list .item .txt {
	display: inline-block;
	color: #222;
	padding-top: 10px;
	padding-bottom: 7.5px;
	height: 40px;
	font-size: 15px;
	box-sizing: border-box;
}

.input-type .list.text .item .txt {
	padding: 0;
	height: auto;
}

.input-type .list .item .radio, .input-type .list .item .checkbox {
	margin-left: 15px;
}

.input-type .list .item .radio:first-child, .input-type .list .item .checkbox:first-child
	{
	margin-left: 0;
}

.input-type .list .item p {
	padding-top: 10px;
}

.input-type .list .item p.memo {
	padding-top: 7px;
	color: #1092d0;
	font-size: 13px;
}

.input-type .list .item p.alert {
	padding-top: 7px;
	color: #ed1c24;
	font-size: 13px;
}

.input-type .list .item p.alert strong {
	display: inline-block;
	font-weight: 700;
	color: #ed1c24;
	font-size: 13px;
}

.input-type .list .item p.alert+p.alert {
	padding-top: 0;
}

.input-type .list .item p.memo+p.alert {
	padding-top: 0;
}

.input-type .list.pwcheck .label label {
	padding-top: 0;
}

.input-type .list.email .item .input .txt {
	padding-left: 10px;
	margin: 0;
}

.input-type .list.email .item .input {
	border: 1px solid #ccc;
	border-radius: 4px;
}

.input-type .list.email .item .input input {
	width: 49%;
	display: inline-block;
	border-radius: 0;
	border: none;
}

.input-type .list.email .item .input input:first-child {
	width: 35%;
}

.input-type .list.gear .item .btn, .input-type .list.phone .item .btn {
	margin-top: 5px;
}

.input-type .list.email .item .btn {
	margin-top: 5px;
}

.input-type .list.gear .item .table-display .table-col .btn, .input-type .list.phone .item .table-display .table-col .btn
	{
	margin-top: 0;
}

.input-type .list.method .item .radio {
	margin-left: 0;
}

.info-type .list {
	font-size: 0;
	background: url('../img/line_dotted.png') repeat-x 0 0;
	background-size: 3px 1px;
}

.info-type .list:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.info-type .list:first-child {
	background: none;
}

.info-type .list .tit, .info-type .list .cont {
	position: relative;
	float: left;
	padding-top: 17px;
	padding-bottom: 16px;
	vertical-align: top;
}

.info-type .list .tit {
	width: 24.242424%;
	font-size: 13px;
	color: #222;
	font-weight: 700;
}

.info-type .list.upper .tit {
	font-size: 16px;
}

.info-type .list .cont {
	width: 75.757575%;
	font-size: 13px;
}

.info-type .list .cont.expand {
	width: 100%;
	padding-top: 0;
}

.info-type .list .cont strong {
	font-weight: 700;
	font-size: 16px;
	color: #222;
}

.info-type .list .cont em {
	font-style: normal;
	color: #ea292f;
	font-size: 15px;
}

.info-type.align .list .cont {
	text-align: right;
}

.board-type .list .subject {
	position: relative;
}

.board-type .list .subject a {
	display: block;
	box-sizing: border-box;
	padding: 21px 22px 13px 22px;
}

.board-type .list .subject a:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
	width: 6px;
	height: 10px;
	background: url('../img/icon_arrow_6X10_eee.png') no-repeat 0 0;
	background-size: 6px 10px;
}

.board-type .list .subject strong {
	display: block;
	padding-bottom: 3px;
	font-size: 15px;
	line-height: 1.45;
	font-weight: 700;
	color: #222;
}

.board-type .list .subject a strong {
	padding-right: 15px;
}

.board-type.board-view .list .subject a {
	cursor: default;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.board-type.board-view .list .subject a:after {
	display: none;
}

.board-type.board-view .list .subject strong {
	color: #2a3757;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	padding-bottom: 10px;
}

.board-type.board-view .list .subject .hit {
	float: right;
	color: #4d585f;
	font-size: 11px;
	line-height: 18px;
}

.board-type.board-view .list .subject .hit em {
	color: #f04e4e;
	font-size: 11px;
	line-height: 18px;
	padding-left: 6px;
}

.board-type .list .subject .badge {
	float: left;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	margin-top: 3px;
}

.board-type .list .subject .badge.new {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url('../img/icon_new.png') no-repeat 0 0;
	background-size: 16px 16px;
}

.board-type .list .subject time {
	display: inline-block;
	font-size: 11px;
	color: #4d585f;
}

.board-type .list .board-cnt {
	margin: 0 15px;
	padding: 20px 15px;
	background: #eeeff2;
	border-top: 1px solid #e5e5e5;
	min-height: 200px;
}

.board-type .list .board-cnt .word p {
	font-size: 14px;
	color: #808080;
}

.board-type .list .board-cnt .word img {
	padding-bottom: 20px;
	max-width: 100%;
}

.board-type .list .board-cnt .word .btn {
	margin-top: 20px;
}

.board-type .paging-list {
	padding: 0 15px;
	margin-bottom: 60px;
} /*float버튼영역*/
.board-type .paging-list p {
	border-top: 1px solid #e5e5e5;
	padding: 10px 0;
	overflow: hidden;
}

.board-type .paging-list p span {
	float: left;
	width: 40px;
	padding-left: 5px;
	color: #90a1ba;
	font-size: 11px;
	line-height: 15px;
}

.board-type .paging-list p a {
	float: left;
	width: calc(100% - 45px);
	color: #2a3757;
	font-size: 13px;
	line-height: 17px;
}

.notice-type strong {
	display: block;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: 700;
	color: #222;
}

.notice-type .list {
	position: relative;
	padding-left: 5px;
	padding-bottom: 3px;
}

.notice-type .list:before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	background: #666;
	border-radius: 50px;
	width: 2px;
	height: 2px;
}

.post-type {
	border-top: 1px solid #e2e2e2;
	background-color: #f2f2f2;
}

.post-type .notice {
	padding: 35px 0;
	font-size: 16px;
	text-align: center;
}

.post-type ul li {
	border-bottom: 1px solid #e2e2e2;
}

.post-type ul li a:focus, .post-type ul li a:active, .post-type ul li.selected a
	{
	color: #1092d0;
	font-weight: 700;
}

.post-type ul li a {
	display: block;
	box-sizing: border-box;
	padding: 15px 15px 18px;
	height: 51px;
	font-size: 13px;
	color: #333;
}

.post-type .action {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 19px 0 15px;
	background-color: #f2f2f2;
}

.post-type .action .btn {
	margin: 0 auto;
	width: 91.66666%;
}

.accordion-type .list {
	border-bottom: 1px solid #e6e6e6;
}

.accordion-type .subject {
	background: #fff;
}

.accordion-type .subject a {
	display: block;
	height: 40px;
	padding: 8px 15px;
	font-size: 15px;
	box-sizing: border-box;
}

.accordion-type .notice {
	display: none;
}

.accordion-type .notice {
	position: relative;
	padding: 17px 15px;
	background: #f2f2f2;
}

.card-type .list {
	padding: 22px 10px 21px;
	border-bottom: 1px solid #ccc;
}

.card-type .list .card:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.card-type .list .card {
	padding-left: 78px;
	background: url('../img/icon_card.png') no-repeat 0 0;
	background-size: 62px 40px;
}

.card-type .list .card .name {
	float: left;
	display: block;
	padding-top: 8px;
	color: #333;
	font-size: 17px;
}

.card-type .list .btn {
	float: right;
	width: 52px;
}

article .greet {
	padding-top: 26px;
	padding-bottom: 26px;
}

article .greet strong, article .greet span {
	font-weight: 700;
	color: #333;
}

article .greet p {
	text-align: center;
	color: #333;
	font-size: 16px;
}

.popup-normal {
	position: fixed;
	left: 50%;
	top: 50%;
	width: 91.6666%;
	margin-left: -45.8333%;
	margin-top: -103px;
	z-index: 3000;
	display: none;
	background: #fff;
	border-radius: 4px;
}

.popup-normal .contents {
	padding: 0 15px 15px;
}

.popup-normal .contents .table-display {
	height: 140px;
}

.popup-normal .contents .table-display .table-col {
	vertical-align: middle;
}

.popup-normal .contents p {
	font-size: 17px;
	color: #222;
	text-align: center;
}

.popup-normal .action .btn {
	display: inline-block;
}

.popup-normal .action .btn.col-2 {
	width: 48.3333%;
}

.popup-normal .action .btn.col-2:first-child {
	margin-right: 3.333%;
}

.dimd {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2999;
	display: none;
	background: rgba(0, 0, 0, 0.8);
}

/* ==========================================================================
	main - gnb
   ========================================================================== */
#gnb-wrap {
	position: fixed;
	top: 0;
	left: -3000px;
	z-index: 99991;
	height: 100%;
	background: #fff;
	width: 85%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#gnb-wrap.open {
	left: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#gnb-wrap header {
	background: #51637e;
}

#gnb-wrap .gnb-close {
	position: absolute;
	top: 8px;
	right: -40px;
	width: 18px;
	height: 18px;
	padding: 10px;
}

#gnb-wrap .home {
	position: absolute;
	top: 13px;
	left: 10px;
	width: 50px;
	color: #90a1ba;
	font-size: 12px;
	border-bottom: 1px solid #90a1ba;
	height: 20px;
}

#gnb-wrap .log-state {
	position: absolute;
	top: 13px;
	right: 14px;
	color: #90a1ba;
	font-size: 12px;
	border-bottom: 1px solid #90a1ba;
	width: 50px;
	text-align: center;
}

#gnb-wrap .logo {
	display: inline-block;
	position: relative;
	width: 50%;
	text-align: center;
	padding: 18px 0;
	margin: 0 25%;
}

#gnb-wrap .member {
	display: inline-block;
	position: relative;
	width: 54%;
	text-align: center;
	padding: 11px 0;
	margin: 0 23%;
}

#gnb-wrap .member span {
	font-size: 21px;
	font-weight: 700;
	color: #fff;
	line-height: 1.3em;
	vertical-align: middle;
}

#gnb-wrap .member em {
	display: inline-block;
	line-height: 1.2em;
	vertical-align: middle;
	margin: 0px 0 0 9px;
} /*tt-hack*/
#gnb-wrap .gnb-info {
	border-top: 1px solid #3a4d6d;
	background: #51637e;
	overflow: hidden;
}

#gnb-wrap .gnb-info div {
	width: calc(( 100% - 2px)/3);
	float: left;
	border-left: 1px solid #3a4d6d;
}

#gnb-wrap .gnb-info div:first-child {
	border-left: none;
}

#gnb-wrap .gnb-info div a {
	display: inline-block;
	width: 100%;
	color: #fff;
	height: 80px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}

#gnb-wrap .gnb-info div .stit {
	display: block;
	font-size: 13px;
	color: #90a1ba;
	margin: 17px 0 4px 0;
}

#gnb-wrap .gnb-info div .stit em {
	display: inline-block;
	vertical-align: top;
	background: #7f95b5;
	border-radius: 8px;
	width: 18px;
	height: 18px;
	overflow: hidden;
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	line-height: 1.5em;
	margin-right: 4px;
}

#gnb-wrap .gnb-info div .scnt {
	display: inline-block;
	font-size: 20px;
	color: #6dd6ff;
	padding-right: 5px;
	font-weight: 700;
}

#gnb-wrap .gnb-reserve {
	border-top: 1px solid #34426f;
	background: #005aaa;
	overflow: hidden;
}

#gnb-wrap .gnb-reserve div {
	width: calc(( 100% - 1px)/2);
	float: left;
	border-left: 1px solid #004786;
}

#gnb-wrap .gnb-reserve div:first-child {
	border-left: none;
}

#gnb-wrap .gnb-reserve div a {
	display: inline-block;
	width: 100%;
	color: #fff;
	height: 75px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	text-align: center;
}

#gnb-wrap .gnb-reserve div a strong {
	display: block;
	font-size: 19px;
	color: #fff;
	padding-top: 13px;
}

#gnb-wrap .gnb-height {
	height: calc(100% - 222px);
	overflow-y: scroll;
}

#gnb-wrap .gnb-menu {
	background: #fff;
	overflow: hidden;
}

#gnb-wrap .gnb-menu ul {
	
}

#gnb-wrap .gnb-menu ul li {
	border-bottom: 1px solid #ebebeb;
}

#gnb-wrap .gnb-menu ul li a {
	display: inline-block;
	position: relative;
	width: calc(100% - 60px);
	padding: 16px 0 16px 60px;
	font-size: 16px;
	font-weight: 400;
	color: #4d585f;
}

#gnb-wrap .gnb-menu ul li a.gnb1 {
	background: url('../img/icon_gnb1.png') no-repeat 20px 50%;
	background-size: 23px 23px;
}

#gnb-wrap .gnb-menu ul li a.gnb2 {
	background: url('../img/icon_gnb2.png') no-repeat 19px 50%;
	background-size: 24px 25px;
}

#gnb-wrap .gnb-menu ul li a.gnb3 {
	background: url('../img/icon_gnb3.png') no-repeat 17px 50%;
	background-size: 28px 28px;
}

#gnb-wrap .gnb-menu ul li a.gnb4 {
	background: url('../img/icon_gnb4.png') no-repeat 19px 50%;
	background-size: 25.5px 25.5px;
}

#gnb-wrap .gnb-menu ul li a.gnb5 {
	background: url('../img/icon_gnb5.png') no-repeat 25px 50%;
	background-size: 13px 29px;
}

#gnb-wrap .gnb-menu ul li a.gnb6 {
	background: url('../img/icon_gnb6.png') no-repeat 19px 50%;
	background-size: 24px 29px;
}

#gnb-wrap .gnb-menu ul li a.gnb7 {
	background: url('../img/icon_gnb7.png') no-repeat 19px 50%;
	background-size: 24px 29px;
}

#gnb-wrap .gnb-menu ul li a:after {
	position: absolute;
	top: calc(( 100% - 14px)/2);
	right: 13px;
	content: "";
	background: url('../img/icon_right_b.png') no-repeat 0 0;
	background-size: 8px 14px;
	width: 8px;
	height: 14px;
}

#gnb-wrap .gnb-tip {
	border-bottom: 1px solid #ebebeb;
	background: #fff;
	overflow: hidden;
}

#gnb-wrap .gnb-tip div {
	width: calc(100%/ 3);
	float: left;
}

#gnb-wrap .gnb-tip div:first-child a:after {
	display: none;
}

#gnb-wrap .gnb-tip div a {
	position: relative;
	display: inline-block;
	width: 100%;
	color: #435173;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	text-align: center;
	padding-top: 50px;
	overflow: hidden
}

#gnb-wrap .gnb-tip div a:after {
	content: "";
	position: absolute;
	top: 25px;
	left: 0;
	width: 1px;
	height: 37px;
}

#gnb-wrap .gnb-tip div a.tip1 {
	background: url('../img/icon_tip1.png') no-repeat 50% 26px;
	background-size: 22px 15px;
}

#gnb-wrap .gnb-tip div a.tip2 {
	background: url('../img/icon_tip2.png') no-repeat 50% 27px;
	background-size: 26px 13px;
}

#gnb-wrap .gnb-tip div a.tip3 {
	background: url('../img/icon_tip3.png') no-repeat 50% 27px;
	background-size: 39px 11px;
}

#gnb-wrap .gnb-set {
	background: #e4e4e7;
	overflow: hidden;
}

#gnb-wrap .gnb-set div {
	width: calc(100%/ 3);
	float: left;
}

#gnb-wrap .gnb-set div a {
	position: relative;
	display: inline-block;
	width: 100%;
	color: #435173;
	height: 20px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	padding: 15px 0;
	overflow: hidden
}

#gnb-wrap .gnb-set div a:after {
	content: "";
	position: absolute;
	top: 20px;
	left: 1px;
	width: 1px;
	height: 15px;
	background: #90a1ba;
}

#gnb-wrap .gnb-set div:first-child a:after {
	display: none;
}

#gnb-wrap .gnb-set div a figure {
	display: inline-block;
}

#gnb-wrap .gnb-set div a figure img {
	display: inline-block;
	width: auto;
	height: 20px;
	vertical-align: middle;
	padding-right: 6px;
	margin-top: -2px;
}

#scroll {
	position: fixed;
	bottom: 60px;
	right: 7px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: none;
	z-index: 200;
}

#scroll img {
	width: 100%;
	height: auto;
}

#scroll .btn-top {
	background: #fff;
	border-radius: 50%;
	border: 1px solid #90a1ba;
	width: 35px;
	height: 35px;
	display: block;
	overflow: hidden;
}

/* ==========================================================================
	page - main
   ========================================================================== */
figure img {
	width: 100%;
	height: auto;
}

#main-header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%; /* background:#005aaa; */
}

#main-header h1 {
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 2em;
}

#main-header>a.return {
	position: absolute;
	top: 15px;
	left: 0;
	width: 18px;
	float: left;
	padding: 9px 15px;
}

#main-header>a.menu {
	position: absolute;
	top: 10px;
	left: 0;
	width: 18px;
	float: left;
	padding: 9px 12px;
}

#main-header>a.mag {
	position: absolute;
	top: 3px;
	right: 0;
	width: 18px;
	float: right;
	padding: 9px 12px; /* background: #dedede; */
}

#main-header input.search {
	position: absolute;
	top: 15px;
	left: 48px;
	width: calc(100% - 65px);
	border-radius: 3px;
	background: #fff url(../img/icon_search.png) no-repeat
		calc(100% - 13px) 8px;
	background-size: 18px 18px;
	font-size: 14px;
}

#main {
	padding-top: 0 px;
}

.main-top {
	position: relative;
}

/* 메인이미지 슬라이딩 start 2017-01-25 */
.main-top .catalog-panel {
	position: relative; /* padding: 10px; */
	min-height: 180px;
	background: #f2f2f2;
}

.main-top .catalog-panel:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 10;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+56 */
	/* 		background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 100%); FF3.6-15 */
	/* 		background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%); Chrome10-25,Safari5.1-6 */
	/* 		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 56%,rgba(255,255,255,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* 		background: -moz-linear-gradient(top,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.7) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); FF3.6-15 */
	/* 		background: -webkit-linear-gradient(top,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.7) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); Chrome10-25,Safari5.1-6 */
	/* 		background: linear-gradient(to bottom,  rgba(1,1,1,0) 0%,rgba(1,1,1,0.7) 40%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',
		endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

/*스크롤 이동 시 위에 헤더 픽스 */
#header2>a.menu {
	position: absolute;
	top: 5px;
	left: 0;
	width: 18px;
	float: left;
	padding: 9px 12px;
	display: none;
}

.header_show {
	position: fixed !important;
	width: 100%;
	max-width: 720px;
	height: 50px !important;
	top: 0;
	background: #fff;
}

.figure_show {
	padding-top: 15px !important;
	width: 100px;
	margin: auto;
}

.main_show {
	padding-top: 50px !important;
}

#slide_container .swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
	max-height: 330px;
}

#slide_container .swipe-wrap {
	overflow: hidden;
	position: relative;
}

#slide_container .swipe-wrap>div {
	float: left;
	width: 100%;
	max-height: 330px;
	position: relative;
}

#slide_container .swipe-wrap>div span {
	width: 100%;
	bottom: 20px;
	left: 0px;
	padding-left: 15px;
	position: absolute;
	color: white;
	z-index: 900;
	font-size: 14px;
	text-shadow: 1px 1px #000000;
}

#slide_container .swipe-wrap>div span.title {
	background: #3985c7;
	opacity: 0.8;
	padding-top: 7px;
	padding-bottom: 7px;
	background: -webkit-linear-gradient(left, rgba(14, 54, 88, 0.83),
		rgba(255, 255, 255, 0));
	background: -o-linear-gradient(right, rgba(14, 54, 88, 0.83),
		rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(right, rgba(14, 54, 88, 0.83),
		rgba(255, 255, 255, 0));
	background: linear-gradient(to right, rgba(14, 54, 88, 0.83),
		rgba(255, 255, 255, 0));
}

#slide_container .swipe-wrap>div strong {
	color: white;
	font-size: 15px;
	font-strectch: wider;
}

#slide_container  .prev, .next {
	position: absolute;
	height: 100%;
	top: 0;
	font-size: 0;
	width: 50px;
}

#slide_container .prev:after, .next:after {
	content: '';
	font-family: 'entypo';
	position: absolute;
	top: 74%;
	font-size: 40px;
	font-weight: bolder;
	color: white;
	opacity: 0.8;
}

#slide_container .prev:hover:after, .next:hover:after {
	text-shadow: #000000 3px 3px 2px;
}

#slide_container .next {
	right: 0;
}

#slide_container .next:after {
	right: 10px;
	content: '>';
	text-shadow: #000000 1px 1px 2px;
}
/* 메인이미지 슬라이딩 end 2017-01-25 */

/* 메인이미지 슬라이딩하면서 z-index 추가 2017-01-25 */
a.quick {
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: calc(( 100% - 26px)/2);
	height: 40px;
	padding: 13px 0 0 0;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
	background: #005aaa url('../img/icon_anchor.png') no-repeat 20px
		50%;
	background-size: 20px;
	z-index: 15;
	display: block;
}

a.check {
	position: absolute;
	bottom: 0px;
	right: 10px;
	width: calc(( 100% - 26px)/2);
	height: 40px;
	padding: 13px 0 0 0;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
	background: #00aeef url('../img/icon_check.png') no-repeat 20px 50%;
	background-size: 20px;
	z-index: 15;
}

a.rsvcheck {
	position: absolute;
	bottom: 0px;
	right: 10px;
	width: calc(( 100% - 26px)/2);
	height: 40px;
	padding: 13px 0 0 0;
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	text-align: center;
	background: #00aeef url('../img/icon_check.png') no-repeat 20px 50%;
	background-size: 20px;
	z-index: 15;
}

div.bottom-quick {
	background: #f2f2f2;
	border-top: 1px solid #e3e3e3;
	padding: 15px 10px;
	width: calc(100% - 20px);
	max-width: 700px;
	position: relative;
	display: block;
	overflow: hidden;
	height: 33px;
	position: fixed;
	z-index: 9999;
	bottom: 3px;
	opacity: 0.7
}

.main-list {
	padding: 0 10px;
}

.main-list ul {
	padding-bottom: 20px;
	overflow: hidden;
}

.main-list ul li {
	margin-top: 5px;
}

.main-list ul li a {
	display: block;
	position: relative;
	overflow: hidden;
}

.main-list ul li figure {
	display: inline-block;
	overflow: hidden;
	float: left;
	width: 100%;
}

.main-list ul li span {
	position: absolute;
	bottom: 18px;
	left: 18px;
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	padding: 5px;
}

.main-list ul li span strong {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.main-recommend {
	background: #fff; /* border-top: 1px solid #e3e3e3; */
	padding: 15px 10px 9px 10px;
	width: calc(100% - 20px);
	max-width: 720px;
	overflow: scroll;
	margin: 0 auto;
	position: relative;
	display: block;
	overflow: hidden;
	
}

.main-recommend .tit {
	font-size: 17px;
	color: #293757;
	font-weight: 900;
	letter-spacing: -1px;
	padding: 0 10px 10px 0px;
}

.main-recommend .tit figure {
	width: 20px;
	height: auto;
	float: left;
	padding-right: 8px;
}

.main-recommend ul {
	float: left;
	width: 100%;
	position: relative;
	white-space: nowrap;
	overflow-x: scroll;
	padding-bottom:9px;
/*	scrollbar-highlight-color:#c1c1c1; /* bar 하이라이트컬러 */
/*    scrollbar-3dlight-color:#c1c1c1; /* bar 바탕 기본컬러 */
/*    scrollbar-face-color:#c1c1c1; /* bar 기본컬러 */
/*    scrollbar-shadow-color:none; /* bar 그림자컬러 */
/*    scrollbar-darkshadow-color:none; /* bar 바탕의 어두운부분컬러 */
/*    scrollbar-track-color:#fff; /* bar가 없는 곳 기본 컬러 */
/*    scrollbar-arrow-color:#c1c1c1; /* 화살표컬러 */
}

/*.main-recommend ul::-webkit-scrollbar-track{  background-color: #fff;}
.main-recommend ul::-webkit-scrollbar { background-color:#fff; }*/
/*.main-recommend ul::-webkit-scrollbar-thumb { background-color:#c1c1c1; }*/
/*.main-recommend ul::-webkit-scrollbar { -ms-autohiding-scrollbar-width:4px; }*/

.main-recommend ul li {
	display: inline-block;
	margin-right: 5px;
}

.main-recommend ul li a {
	display: inline-block;
	border: 1px solid #e3e3e3;
	background: #fff;
	padding: 10px 10px 15px 10px;
	width: 120px;
	text-align: center;
}

.main-recommend ul li a figure {
	width: 100%;
}

.main-recommend ul li a .ho {
	display: table;
	width: 100%;
	height: 40px;
}

.main-recommend ul li a .ho em {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
	color: #005aaa;
	font-weight: 700;
	word-break: break-all;
	white-space: pre-line;
	word-wrap: break-word;
}

.main-recommend ul li a .local {
	font-size: 12px;
	line-height: 1.3em;
	color: #383e41;
	font-weight: 400;
	display: block;
	margin-top: 7px;
}

.main-recommend ul li a .type {
	font-size: 12px;
	line-height: 1.3em;
	color: #383e41;
	font-weight: 400;
	display: block;
}

.main-record {
	background: #fff;
	border-top: 1px solid #e3e3e3;
	padding: 10px 10px 15px 10px;
	width: calc(100% - 20px); /*max-width: 720px;*/
	position: relative;
}

.main-record .tit {
	font-size: 17px;
	color: #2c2c60;
	font-weight: 900;
	letter-spacing: -2px;
	padding: 0 0 10px 0;
}

.main-record .tit>figure {
	width: 22px;
	height: auto;
	float: left;
	padding-right: 8px;
	padding-top: 4px;
}

.main-record .tit>figure img {
	vertical-align: bottom;
}

.main-record .sorting {
	float: right;
}

.main-record .sorting a {
	display: inline-block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	float: left;
}

.main-record .sorting a:first-child {
	margin-right: 12px;
}

.main-record .sorting a.select {
	
}

.main-record .sorting a.select img {
	margin-top: -20px;
}

ul.by2 {
	overflow: hidden;
	margin-bottom: 15px;
}

ul.by2 li {
	display: inline-block;
	width: calc(( 100% - 25px)/2);
	float: left;
	position: relative;
	overflow: hidden;	
    margin: 5px;
	/* box-shadow: 1px 1px 3px #cac3c3;*/
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}

ul.by2 li:nth-child(2n) {
	margin-left: 5px;
}

ul.by2 li a figure {
	line-height: 0;
}
/* ul.by2 li figure:after{content: ""; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,.6) 33%, rgba(0,0,0,.3) 66%,  transparent 98%) no-repeat;} */
/* ul.by2 li figure:after{content: ""; width: 100%; height: 70%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to top, rgba(0,0,0,.8) 35%,  rgba(0,0,0,.5) 50%, rgba(0,0,0,.1) 80%,  transparent 98%) no-repeat;} */
/* ul.by2 li figure:after{content: "";width: 100%;height: 60px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,.45);} */
ul.by2 li .place {
	position: absolute;
	bottom: 30px;
	left: 10px;
	color: #fff;
	overflow: hidden;
	width: 95%;
	text-overflow: ellipsis;
	white-space: nowrap;
}

ul.by2 li .place .date {
	font-size: 10px;
	color: #00aeef;
	background: transparent;
	border: 1px solid #00aeef;
	padding: 2px 8px 1px 8px;
	line-height: 28px;
	border-radius: 16px;
	margin-right: 5px;
} /*tt-hack*/
ul.by2 li .place .local {
	font-size: 11px;
	color: #fff;
}

ul.by2 li .subject {
	position: absolute;
	bottom: 12px;
	left: 10px;
	font-size: 13px;
	color: #fff;
	width: 90%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
} /*말줄임 적용*/
ul.by3 {
	overflow: hidden;
	margin-bottom: 5px;
}

ul.by3 li {
	display: inline-block;
	width: calc(( 100% - 4px)/3);
	margin-left: 2px;
	float: left;
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;
}

ul.by3 li:nth-child(3n+1) {
	margin-left: 0;
}

ul.by3 li a figure {
	line-height: 0;
}

ul.by3 li figure:after {
	content: "";
	width: 100%;
	height: 60%;
	position: absolute;
	bottom: 0;
	left: 0;
}

ul.by3 li .place {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 5px;
	color: #fff;
}

ul.by3 li .place .date {
	font-size: 11px;
	color: #00aeef;
	background: transparent;
	border: 1px solid #00aeef;
	padding: 2px 8px 1px 8px;
	line-height: 28px;
	border-radius: 16px;
	margin-right: 5px;
} /*tt-hack*/
ul.by3 li .place .local {
	display: none; /*font-size: 11px; color: #fff;*/
}

ul.by3 li .subject {
	display: none;
}

ul.by3 li a figure {
	line-height: 0;
}

.action .btn {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 1.3em;
	padding: 15px 0;
}

ul.by2+.action .btn {
	background: #90a1ba;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
}

ul.by3+.action .btn {
	background: #90a1ba;
	color: #fff;
	font-weight: 700;
	border-radius: 5px;
}

.main-board {
	display:block;
	padding: 10px;
}
.main-board p{clear:both;overflow:hidden;}
.main-board strong {
	font-size: 11px;
	color: #4292f4;
	background: transparent;
	border: 1px solid #4292f4;
	line-height: 1.3em;
	font-weight: 700;
	padding: 2px 10px 3px 10px;
	border-radius: 20px;
	margin: 4px 10px 0 0;
	float: left;
	display:inline-block;
} /*tt-hack*/
.main-board a {
	float:left;
	display: inline-block;
	color: #4c4c4c;
	line-height: 1.5em;
	padding: 5px 0 0 0;
	width: calc(100% - 60px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
} /*말줄임 적용*/ /*tt-hack*/
@
supports

 

(
-webkit-text-size-adjust


:

 

none

 

)
and

 

(
not

 

(
-ms-accelerator


:

 

true


	

))
and

 

(
not

 

(
-moz-appearance


:

 

none

 

)){
} /*9.0이상 만 적용Safari 9.0+ (iOS Only)아이폰 사파리*/
#main-footer {
	background: #ededed;
	color: #9ba0a9;
	padding: 13px;
	font-size: 11px;
	padding-bottom: 100px;
}

#main-footer .bar {
	position: relative;
	padding: 0 7px;
}

#main-footer .bar:after {
	content: "";
	width: 1px;
	height: 10px;
	background: #cecece;
	position: absolute;
	left: 7px;
	top: 2px;
} /*tt-hack*/
/* 메인에서 horizontal-scroll 적용이 안되어 iscroll로 구현함 */
#main_wrapper {
	/*width: 100%;*/
	background: #fff;
	padding:0 10px 10px;

}

#wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#scroller {
	width: 1000px;
	height: 100%;
	float: left;
	padding: 0;
}

#scroller ul {
	list-style: none;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: left;
}

#scroller li {
	display: block;
	vertical-align: middle;
	float: left;
	width: 120px;
	height: 100%;
	font-size: 14px; border: 1px solid #e3e3e3; 
	background: #fff;
	/*padding: 2px 2px 5px 2px;*/
	text-align: center; /* margin-left: 2px; */ /* margin-right: 2px; */
	/*box-shadow: 3px 3px 3px 3px #eaeaea*/
	box-sizing:border-box;
	margin: 5px;
}

#scroller ul li a .ho {
	display: table;
	width: 100%;
	height: 40px;
}

#scroller ul li a .ho em {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: 400;
	word-break: break-all;
	white-space: pre-line;
	word-wrap: break-word;
}

#scroller ul li div.port {
	font-size: 12px;
	background: #3985c7;
	color: white;
	position: absolute;
	top: 6px;
	opacity: 0.8;
	padding: 2px 7px;
}

#scroller ul li a .local {
	font-size: 12px;
	line-height: 1.3em;
	color: #383e41;
	font-weight: 400;
	display: block;
}

#scroller ul li a .type {
	font-size: 12px;
	line-height: 1.3em;
	color: #383e41;
	font-weight: 400;
	display: block;
}

/* ==========================================================================
	page - login
   ========================================================================== */
.login-cnt {
	text-align: center;
	position: relative;
	min-height: 600px;
	background: #006ecb url('../img/login_bg.jpg') no-repeat 0 0;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 20px;
	height: 100vh;
	overflow-y: auto;
}

.login-cnt h1 {
	width: 42%;
	padding: 65px 0 15px 0;
	margin: 0 auto;
}

.login-cnt fieldset {
	width: 70%;
	margin: 0 15%;
	overflow: hidden;
}

.login-cnt label {
	font-size: 0;
	text-indent: -99999;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

.login-cnt input {
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	margin: 0;
	padding: 7px 10px;
}

.login-cnt input[type=password] {
	border-top: none;
}

.login-cnt .btn-login {
	margin: 15px 0 35px 0;
	display: inline-block;
	width: 100%;
	height: 20px;
	background: url('../img/login_btn.png') no-repeat 0 50%;
	background-size: cover;
	font-size: 16px;
	color: #fff;
	line-height: 1.3em;
	text-align: center;
	border-radius: 4px;
	padding: 10px 0;
	font-weight: 700;
}

.login-cnt .btn-nomember {
	display: inline-block;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	border-bottom: 1px solid rgba(229, 229, 229, .7);
	overflow: hidden;
	padding: 30px 0 0 0;
}

.login-cnt .quick-link { /*position: absolute; bottom: 70px; left: 0;*/
	width: 70%;
	margin: 0 15%;
	overflow: hidden;
	padding-top: 15px;
	border-top: 1px solid rgba(229, 229, 229, .22);
}

.login-cnt .quick-link a {
	position: relative;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 13px;
	padding: 0 15px;
}

.login-cnt .quick-link a:after {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 1px;
	height: 10px;
	background: rgba(216, 231, 242, .6);
}

.login-cnt .quick-link a:first-child {
	padding-left: 0;
}

.login-cnt .quick-link a:last-child {
	padding-right: 0;
}

.login-cnt .quick-link a:first-child:after {
	display: none;
}

.login-cnt .sns-link {
	margin: 0 15%;
	display: inline-block;
	width: 70%;
	overflow: hidden;
	padding-bottom: 25px;
}

.login-cnt .sns-link span {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5em;
	display: block;
	margin-bottom: 10px;
}

.login-cnt .sns-link a {
	width: calc(( 100% - 62px)/3);
	margin: 0 0 0 2px;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 10px 8px;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
}

.login-cnt .sns-link a img {
	width: 100%;
	height: auto;
	display: block;
}

.login-cnt .sns-link a:first-child {
	margin: 0;
}

.login-cnt  .box {
	text-align: left;
	margin: 10px 0 0 0;
	color: #fff;
}

.login-cnt  .input-checkbox {
	width: 15px;
	padding: 0;
	height: 15px;
	border: 1px solid #90a1ba;
	border-radius: 0;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle
}

.login-cnt  .input-checkbox:checked {
	border-color: #00aeef;
	padding: 0;
}

.login-cnt  .input-checkbox:after {
	content: '';
	display: block;
	width: 13px;
	height: 10px;
	background: url('../img/icon_check3_off.png') no-repeat 3px 0;
	background-size: 13px auto
}

.login-cnt  .input-checkbox:checked:after {
	background-image: url('../img/icon_check3_on.png');
	background-size: 13px auto
}

.login-cnt  .input-checkbox:checked+.place-name, .login-cnt  .input-checkbox:checked+.place-depth-name
	{
	color: #00aeef
}

/* ==========================================================================
	page - 비회원
   ========================================================================== */
#nomember-check .nomember h1 {
	text-align: center;
	width: 100%;
	padding: 150px 0 35px 0;
	margin: 0 auto;
	color: #fff;
	font-size: 26px;
	font-weight: 400;
}

#nomember-check .nomember fieldset {
	width: 75%;
	margin: 0 12.5%;
}

#nomember-check .nomember label {
	font-size: 0;
	text-indent: -99999;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}

#nomember-check .nomember input {
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	margin: 0;
	margin-bottom: 3px;
	padding: 7px 10px;
	font-size: 13px;
	height: 38px;
}

#nomember-check .nomember .selectbox {
	float: left;
	width: 30%;
	border-radius: 2px 0 0 2px;
	border-right: none;
	font-size: 13px;
}

#nomember-check .nomember .selectbox select {
	padding-top: 2px;
}

#nomember-check .nomember input.withSel {
	float: left;
	width: 70%;
	border-radius: 0 2px 2px 0;
}

#nomember-check .nomember .btn-login {
	margin: 15px 0;
	display: inline-block;
	width: 100%;
	height: 20px;
	background: url('../img/login_btn.png') no-repeat 0 50%;
	background-size: cover;
	font-size: 16px;
	color: #fff;
	line-height: 1.3em;
	text-align: center;
	border-radius: 4px;
	padding: 13px 0;
}

#nomember-check .nomember .btn-nomember {
	display: inline-block;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}

#nomember-check .nomember .note {
	display: inline-block;
	margin: 5px auto 0 auto;
	font-size: 11px;
	color: #6dd6ff;
	letter-spacing: -1px;
}

#nomember-check .nomember .notice-msg {
	position: relative;
	font-size: 11px;
	color: #fff;
	line-height: 1.2em;
	text-align: left;
	width: 68%;
	margin: 30px 16% 0 16%;
	letter-spacing: -1px;
}

#nomember-check .nomember .notice-msg:after {
	content: "※";
	position: absolute;
	left: -13px;
	top: 0;
}

#nomember-check {
	text-align: center;
}

#nomember-check .nomember:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 130px;
	background: linear-gradient(to bottom, rgba(4, 93, 172, 1),
		rgba(4, 93, 172, 0)) no-repeat;
}

#nomember-check .nomember {
	position: relative; /*height: 100vh;*/
	min-height: 550px;
	background: #4a8fcd;
	height: 100vh;
}

.nomember {
	position: relative;
	min-height: 550px;
}

#sub-header {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 52px;
	background: #005aaa;
}

#sub-header:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 6px;
	margin-top: -3px;
	background: url('../img/header_bg2.png') repeat-x 0 100%;
	background-size: 16px auto
}

#sub-header h1 {
	text-align: center;
	color: #fff;
	font-size: 18px;
	line-height: 2em;
	padding: 10px 0;
}

#sub-header h1.search .search-in {
	line-height: 3em;
	width: calc(100% - 100px);
	margin-right: 10px;
	height: 35px;
	background: #fff;
	position: relative;
	border-radius: 2px;
	border: none;
	color: #0736cd;
	padding: 0 10px;
}
/* #sub-header h1.search:after{content:""; position:absolute; top:20px; right:63px; background:url('../img/icon_search.png') no-repeat 0 0; background-size:16px 16px; width:16px; height:16px; overflow:hidden; display: inline-block;} */
#sub-header .search-btn {
	width: 16px;
	height: 16px;
	padding-left: 5px;
	padding-right: 5px;
	position: absolute;
	top: 20px;
	right: 63px;
}

#sub-header .return-btn {
	position: absolute;
	top: 10px;
	left: 0;
	width: 18px;
	float: left;
	padding: 9px 15px;
}

#sub-header .prev-btn {
	position: absolute;
	top: 10px;
	left: 0;
	width: 18px;
	float: left;
	padding: 9px 10px;
}

#sub-header .home-btn {
	position: absolute;
	top: 10px;
	right: 0;
	width: 20px;
	float: left;
	padding: 9px 15px;
}

.board-list {
	background: #fff;
	padding: 20px;
}

.board-list .head {
	overflow: hidden;
}

.board-list .head .tit {
	float: left;
	font-size: 18px;
	color: #2a3757;
	font-weight: 700;
}

.board-list .head .tit span {
	display: inline-block;
	font-size: 11px;
	color: #00aeef;
	background: transparent;
	border: 1px solid #00aeef;
	padding: 0 6px;
	line-height: 13px;
	border-radius: 16px;
	margin-left: 10px;
	margin-top: 5px;
	height: 13px;
	float: right;
}

.board-list .head .selectbox {
	float: right;
	width: 120px;
}

.board-list .head .selectbox select {
	
}

.board-list .head .selectbox span {
	height: 28px;
}

.board-list ul {
	margin-bottom: 50px;
}

.board-list ul li {
	border-top: 1px solid #e5e5e5;
	margin-top: 10px;
	padding-top: 15px;
	overflow: hidden;
	position: relative;
}

.board-list ul li:first-child {
	border-top: none;
}

.board-list ul li a {
	display: inline-block;
	width: 100%;
}

.board-list ul li .subject {
	float: left;
	width: calc(100% - 75px);
	color: #293757;
	font-size: 14px;
	line-height: 1.2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
} /*말줄임 적용*/
.board-list ul li .local {
	float: left;
	width: calc(100% - 75px);
	color: #90a1ba;
	font-size: 11px;
	line-height: 1.2em;
	margin-top: 4px;
}

.board-list ul li .date {
	float: left;
	color: #4d585f;
	font-size: 11px;
	line-height: 1.2em;
	margin-top: 8px;
}

.board-list ul li .date em {
	color: #113898;
	font-size: 11px;
}

.board-list ul li .date+.date {
	margin-left: 15px;
	padding-left: 15px;
	position: relative;
}

.board-list ul li .date+.date:after {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 1px;
	height: 10px;
	background: #cecece;
}

.board-list ul li figure {
	position: absolute;
	top: 15px;
	right: 5px;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

.board-list ul li figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.board-list .txt {
	font-size: 13px;
	line-height: 22px;
}

.board-list .txt strong {
	font-size: 13px;
}

.board-list .txt ol {
	list-style: decimal;
	margin: 10px 0 10px 20px;
	font-size: 14px;
}

.board-list .txt ol li {
	list-style: decimal;
	line-height: 1.5em;
	font-size: 14px;
}

.board-list .txt pre {
	word-break: break-all;
	white-space: pre-line;
	word-wrap: break-word;
	font-size: 13px;
	font-family: 'Noto Sans', 'Malgun Gothic', '맑은 고딕', '돋움', dotum,
		Helvetica, AppleSDGothicNeo, sans-serif;
}

/*예약안내*/
.cs-info {
	text-align: center;
}

.cs-info p {
	margin: 20px 0;
	text-align: left;
	font-size: 13px;
	line-height: 22px;
}

.cs-info h1 {
	padding: 25px 0 0 0;
	margin-bottom: 0 !important;
}

.cs-info h1 figure {
	width: 30%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	border-radius: 50%;
	line-height: 0;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.cs-info h1 span {
	color: #25adfc;
	font-size: 13px;
	display: inline-block;
	margin-top: 10px;
	letter-spacing: -1px;
}

.cs-info h2 a {
	font-size: 35px;
	color: #005aaa;
	line-height: 1.2em;
	display: inline-block;
}

/* ==========================================================================
	page - 고객센터
   ========================================================================== */
.cs-home {
	position: relative;
	width: 100%;
	background: #00aeef;
}

#cs-center .cs-home {
	text-align: center;
	padding-bottom: 50px;
}

#cs-center .cs-home h1 {
	padding: 40px 0 0 0;
}

#cs-center .cs-home h1 figure {
	width: 25%;
	height: auto;
	margin: 0 auto;
	background: #fff;
	border-radius: 50%;
	line-height: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

#cs-center .cs-home h1 span {
	color: #fff;
	font-size: 14px;
	display: inline-block;
	margin-top: 10px;
	letter-spacing: -1px;
}

#cs-center .cs-home h2 a {
	font-size: 35px;
	color: #fff;
	line-height: 1.3em;
	display: inline-block;
	margin: 5px 0 0 0;
}

#cs-center .cs-home .time {
	display: inline-block;
	margin-top: 15px;
	color: #fff;
	font-size: 14px;
	background: #113898;
	border-radius: 30px;
	padding: 4px 15px 2px 15px;
	line-height: 1.2em;
} /*tt-hack*/
#cs-center .cs-link {
	
}

#cs-center .cs-link a {
	position: relative;
	display: inline-block;
	width: calc(100% - 65px);
	border-bottom: 1px solid #e6e6e6;
	color: #4d585f;
	font-size: 16px;
	font-weight: 700;
	padding: 15px 0 15px 65px;
}

#cs-center .cs-link a.cs1 {
	background: url('../img/icon_cs1.png') no-repeat 20px 50%;
	background-size: 27px 27px;
}

#cs-center .cs-link a.cs2 {
	background: url('../img/icon_cs2.png') no-repeat 20px 50%;
	background-size: 25.5px 26px;
}

#cs-center .cs-link a.cs3 {
	background: url('../img/icon_cs3.png') no-repeat 20px 50%;
	background-size: 26px 25px;
}

#cs-center .cs-link a.cs4 {
	background: url('../img/icon_cs4.png') no-repeat 20px 50%;
	background-size: 24px 24px;
}

#cs-center .cs-link a.cs5 {
	background: url('../img/icon_my3.png') no-repeat 22px 50%;
	background-size: 24px auto;
}

#cs-center .cs-link a:after {
	position: absolute;
	top: 20px;
	right: 13px;
	content: "";
	width: 8px;
	height: 14px;
	background: url('../img/icon_right_b.png') no-repeat 0 0;
	-webkit-background-size: 8px 14px;;
	background-size: 8px 14px;
}

#faq {
	background: #ebeef3;
}

#faq .faq-list {
	padding-top: 10px;
	background: #fff; /*margin-bottom: 15px;*/
} /*gu*/
.faq-list dl {
	overflow: hidden;
}

.faq-list dl dt {
	position: relative;
	padding: 16px 60px 16px 50px;
	width: calc(100% - 110px);
	border-bottom: 1px solid #e5e5e5;
	font-size: 14px;
}

.faq-list dl dt:after {
	content: "Q";
	position: absolute;
	top: 15px;
	left: 15px;
	background: #90a1ba;
	font-size: 16px;
	color: #fff;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	text-align: center;
	font-weight: 700;
	line-height: 1.7em;
}

.faq-list dl dt a {
	position: absolute;
	top: 23%;
	right: 15px;
	width: 30px;
	height: 30px;
	border: 1px solid #bfc5cd;
	border-radius: 30px;
	background: #fff;
}

.faq-list dl dt a figure {
	width: 40%;
	height: auto;
	margin: 35% 30%;
	line-height: 0;
}

.faq-list dl dt a figure img {
	transform: rotate(180deg);
	transform-origin: 50% 60%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.faq-list dl dt.open a  figure img {
	transform: rotate(0);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.faq-list dl dd:after {
	content: "A";
	position: absolute;
	top: 15px;
	left: 15px;
	background: #00aeef;
	font-size: 16px;
	color: #fff;
	width: 26px;
	height: 26px;
	border-radius: 26px;
	text-align: center;
	font-weight: 700;
	line-height: 1.7em;
}

.faq-list dl dd {
	background: #ebeef3;
	position: relative;
	padding: 16px 20px 14px 50px;
	width: calc(100% - 70px);
	color: #005aaa;
	font-size: 14px;
}

#notice {
	background: #ebeef3;
}

#notice .open-list {
	padding-top: 10px;
	background: #fff; /*margin-bottom: 15px;*/
}

.open-list dl {
	overflow: hidden;
}

.open-list dl dt {
	position: relative;
	padding: 16px 60px 16px 16px;
	border-bottom: 1px solid #e5e5e5;
}

.open-list dl dt span {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	overflow: hidden;
	color: #2a3757;
}

.open-list dl dt.open span {
	height: auto;
	min-height: 42px;
}

.open-list dl dt em {
	font-weight: 400;
	font-size: 12px;
	color: #90a1ba;
}

.open-list dl dt a {
	position: absolute;
	top: 33px;
	right: 15px;
	width: 30px;
	height: 30px;
	border: 1px solid #bfc5cd;
	border-radius: 30px;
	background: #fff;
}

.open-list dl dt a figure {
	width: 40%;
	height: auto;
	margin: 35% 30%;
	line-height: 0;
}

.open-list dl dt a figure img {
	transform: rotate(180deg);
	transform-origin: 50% 60%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.open-list dl dt.open a  figure img {
	transform: rotate(0);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.open-list dl dd {
	background: #eeeff2;
	position: relative;
	padding: 16px 20px 14px 16px;
	width: calc(100% - 36px);
	color: #808080;
	font-size: 14px;
}

#contents article h1 {
	font-size: 16px;
	color: #001c48;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 10px;
}

#inquiry {
	padding: 25px 20px 50px 20px;
}

#inquiry label {
	display: none;
}

#inquiry input {
	border-radius: 0;
	background: #f7f7f7;
	border-color: #e3e3e3;
	color: #2a3757;
}

#inquiry .selectbox {
	float: left;
	width: 30%;
	height: 36px;
	border-radius: 0;
	background: #f7f7f7;
	border-color: #e3e3e3;
	border-right: none;
	font-size: 13px;
	border-top: none;
	border-bottom: none;
}

#inquiry .underline {
	border-bottom: 1px solid #e3e3e3 !important;
	margin-bottom: 10px;
}

#inquiry .topline {
	border-top: 1px solid #e3e3e3 !important;
	margin-bottom: 10px;
}

#inquiry .middleline {
	margin: 3px 0;
}

#inquiry .selectbox.w100 {
	float: left;
	width: 100%;
	height: 36px;
	border-radius: 0;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
	border-bottom: none;
}

#inquiry .selectbox.w50 {
	float: left;
	width: calc(50% - 3px);
	margin-left: 3px;
	height: 41px;
	border-radius: 0;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
}

#inquiry .selectbox.w100  option {
	text-align: center;
}

#inquiry .selectbox select {
	padding-top: 0;
	padding-left: 2px;
	text-indent: 11px;
}

#inquiry .selectbox select option:selected {
	color: #2a3757;
}

#inquiry input.withSel {
	float: left;
	width: 70%;
	height: 36px;
	border-top: none;
	border-bottom: none;
}

#inquiry input.withBtn {
	float: left;
	width: 70%;
	height: 36px;
}

#inquiry input.withBtn+.btn.resend {
	background: #90a1ba;
	padding: 7px 0 8px 0;
	text-align: center;
	width: 29%;
	margin-left: 1%;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 2px;
}

.time {
	color: #4d585f;
	font-size: 11px;
	display: inline-block;
	margin-top: 5px;
}

.time em {
	color: #0036b8;
	font-size: 11px;
	font-weight: 700;
}

#inquiry input.w50 {
	float: left;
	width: 50%;
}

#inquiry input.w50+input.w50 {
	border-left: none;
}

#inquiry ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #9ea3aa;
}

#inquiry :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #9ea3aa;
	opacity: 1;
}

#inquiry ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #9ea3aa;
	opacity: 1;
}

#inquiry :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9ea3aa;
}

#inquiry :placeholder-shown {
	/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: #9ea3aa;
}

#inquiry .desc {
	display: inline-block;
	color: #f05353;
	font-size: 11px;
	margin: 10px 0 0 15px;
	position: relative;
	line-height: 1.2em;
	text-align: left;
} /* ※ 표시 있는 타입*/
#inquiry .desc:after {
	content: "※";
	position: absolute;
	left: -15px;
	top: 0;
}

#inquiry .desc+.desc {
	margin-top: 0;
}

#inquiry .desc2 {
	display: inline-block;
	color: #f05353;
	font-size: 12px;
	margin: 10px 0 10px 0;
	position: relative;
	line-height: 1.2em;
	text-align: left;
} /* ※ 표시 없는 타입*/
#inquiry .textarea {
	border-radius: 0;
	background: #f7f7f7;
	border-color: #e3e3e3;
	height: 120px;
	color: #2a3757;
}

#inquiry .desc+h1 {
	margin-top: 30px;
}

#inquiry  .place-depth-label {
	display: block;
	float: left;
	width: 50%;
	margin: 0 0 20px 0;
}

#inquiry  .place-depth-label .place-depth-name {
	margin-left: 8px;
	font-size: 13px;
	color: #808080;
	vertical-align: middle
}

#inquiry  .input-checkbox {
	width: 30px;
	height: 30px;
	border: 1px solid #90a1ba;
	border-radius: 9999px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle
}

#inquiry  .input-checkbox:checked {
	border-color: #00aeef
}

#inquiry  .input-checkbox:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url('../img/icon_check3_off.png') no-repeat 45% 45%;
	background-size: 17px auto
}

#inquiry  .input-checkbox:checked:after {
	background-image: url('../img/icon_check3_on.png');
	background-size: 18px auto
}

#inquiry  .input-checkbox:checked+.place-name, #inquiry  .input-checkbox:checked+.place-depth-name
	{
	color: #00aeef
}

#find-result {
	text-align: center;
	background: #fff;
	height: 100%;
}

#find-result .note {
	color: #001c48;
	font-size: 16px;
	line-height: 1.5em;
	padding: 20px 0 15px 0;
	font-weight: 700;
	background: #eaf7ff;
}

#find-result .out {
	display: table;
	height: calc(100vh - 120px);
	width: 100%;
}

#find-result .cntbox {
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0;
}

#find-result .cntbox strong {
	color: #113898;
	font-size: 21px;
	font-weight: 700;
	line-height: 1.5em;
}

#find-result .cntbox span {
	display: block;
	font-size: 11px;
	font-weight: 400;
	line-height: 1.5em;
	margin: 15px 0 45px 0;
}

#find-result .cntbox span em {
	color: #0036b8;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;
}

#find-result2 {
	background: #fff;
	height: calc(100vh - 56px);
}

#find-result2.join {
	height: calc(100vh + 51px);
}

#find-result2.join-sns {
	height: 100vh;
}

#find-result2.join .cntbox {
	padding-bottom: 100px;
}

#find-result2 .note {
	background: #eaf7ff;
	color: #001c48;
	font-size: 16px;
	line-height: 1.5em;
	padding: 20px 0 15px 0;
	font-weight: 700;
	text-align: center;
}

#find-result2 .cntbox {
	padding: 15px 23px;
}

#find-result2 .cntbox .tit {
	font-size: 13px;
	color: #001c48;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 10px;
}

#find-result2 .cntbox input.text {
	width: calc(100% - 72px);
	border: 1px solid #e7e7e7;
	background: #f7f7f7;
	border-right: none;
	float: left;
	color: #9ea3aa;
	font-size: 13px;
	margin: 0;
	padding: 0 0 0 15px;
	border-radius: 2px 0 0 2px;
	height: 38px;
}

#find-result2 input.withBtn {
	float: left;
	width: 70% !important;
	border-right: 1px solid #e3e3e3 !important;
}

#find-result2 input.withBtn+.btn.resend {
	background: #90a1ba;
	padding: 7px 0 8px 0;
	text-align: center;
	width: 29%;
	height: 38px;
	margin-left: 1%;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 2px;
}

#find-result2 .cntbox .able {
	width: 70px;
	border: 1px solid #e7e7e7;
	background: #f7f7f7;
	border-left: none;
	float: left;
	color: #9ea3aa;
	font-size: 13px;
	margin: 0;
	padding: 0;
	border-radius: 0 2px 2px 0;
	height: 36px;
}

#find-result2 .cntbox .able span {
	font-size: 11px;
	color: #00aeef;
	border: 1px solid #00aeef;
	border-radius: 15px;
	padding: 2px 8px;
	vertical-align: middle;
	margin: 7px 0 0 0;
	font-weight: bold;
	display: inline-block;
}

#find-result2 .cntbox .able span.benot {
	color: #f04e4e;
	border-color: #f04e4e;
}

#find-result2 .cntbox span.guide {
	clear: both;
	overflow: hidden;
	display: block;
	margin-top: 10px;
	font-size: 11px;
	color: #808080;
	line-height: 1.5em;
}

#find-result2 .cntbox span.alert {
	clear: both;
	overflow: hidden;
	display: block;
	font-size: 11px;
	color: #f04e4e;
	line-height: 1.5em;
	margin-bottom: 15px;
	position: relative;
	min-height: 23px;
}

#find-result2 .alert .able {
	position: absolute;
	right: 0;
	top: 0;
	width: 70px;
	border: none;
	background: #fff;
	border-left: none;
	color: #9ea3aa;
	font-size: 13px;
	margin: 0;
	padding: 0;
	border-radius: 0 2px 2px 0;
	height: 36px;
}

#find-result2 .alert .able span {
	font-size: 11px;
	color: #00aeef;
	border: 1px solid #00aeef;
	border-radius: 15px;
	padding: 2px 8px;
	vertical-align: middle;
	margin: 0;
	font-weight: bold;
	display: inline-block;
}

#find-result2 label {
	display: none;
}

#find-result2 .selectbox {
	float: left;
	width: 30%;
	height: 38px;
	border-radius: 0;
	background: #f7f7f7;
	border-color: #e3e3e3;
	border-right: none;
	font-size: 13px;
	border-top: none;
	border-bottom: none;
}

#find-result2 .underline {
	border-bottom: 1px solid #e3e3e3 !important;
	margin-bottom: 10px;
}

#find-result2 .topline {
	border-top: 1px solid #e3e3e3 !important;
	margin-bottom: 10px;
}

#find-result2 .middleline {
	margin: 3px 0 !important;
}

#find-result2 .selectbox.w50 {
	float: left;
	width: calc(50% - 3px);
	margin-left: 3px;
	border-radius: 0;
	background: #f7f7f7;
	border: 1px solid #e3e3e3;
	border-radius: 2px !important;
}

#find-result2 .selectbox select {
	padding-top: 0;
	padding-left: 2px;
	text-indent: 11px;
}

#find-result2 .selectbox select option:selected {
	color: #2a3757;
}

#find-result2 input.w50 {
	float: left;
	width: 50% !important;
	border-right: 1px solid #e3e3e3 !important;
	border-radius: 2px !important;
}

#find-result2 input.w100 {
	float: left;
	width: 100% !important;
	border-right: 1px solid #e3e3e3 !important;
	border-radius: 2px !important;
}

#find-result2 input.w50+input.w50 {
	border-left: none;
}

#find-result2 input.withSel {
	float: left;
	width: 70% !important;
	height: 36px;
	border: 1px solid #e3e3e3 !important;
	border-radius: 0 2px 2px 0 !important;
}

#find-result2 .desc {
	display: inline-block;
	color: #f05353;
	font-size: 11px;
	margin: 10px 0 0 15px;
	position: relative;
	line-height: 1.2em;
	text-align: left;
} /* ※ 표시 있는 타입*/
#find-result2 .desc:after {
	content: "※";
	position: absolute;
	left: -15px;
	top: 0;
}

#find-result2 .desc+.desc {
	margin-top: 0;
}

#find-result2 ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #9ea3aa;
}

#find-result2 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #9ea3aa;
	opacity: 1;
}

#find-result2 ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #9ea3aa;
	opacity: 1;
}

#find-result2 :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #9ea3aa;
}

#find-result2 :placeholder-shown {
	/* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
	color: #9ea3aa;
}

#find-result2 .user-license {
	position: relative;
	clear: both;
	width: calc(100% - 17px);
	display: block;
	border: 1px solid #e7e7e7;
	background: #f7f7f7;
	color: #9ea3aa;
	font-size: 13px;
	padding: 10px 0 0 15px;
	height: 28px;
}

#find-result2 .user-license:after {
	position: absolute;
	top: 14px;
	right: 10px;
	content: "";
	background: url(../img/icon_selectbox.png) no-repeat 97% 50%;
	background-size: 8px 5px;
	-webkit-background-size: 8px 5px;
	width: 10px;
	height: 6px;
	color: #00aeef;
	font-family: "돋움";
	transform: rotate(0);
	transform-origin: 50% 60%;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}

#find-result2 .user-license.open:after {
	transform: rotate(180deg);
	transform-origin: 50% 50%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#find-result2 .user-license-state {
	border: 1px solid #e7e7e7;
	width: calc(100% - 32px);
	border-top: none;
	background: #fff;
	overflow: hidden;
	padding: 10px 15px 20px 15px;
}

#find-result2  .place-depth-label {
	display: block;
	float: left;
	width: 30%;
	margin: 0 0 20px 0;
	text-align: center;
}

#find-result2  .place-depth-label .place-depth-name {
	margin-left: 8px;
	font-size: 13px;
	color: #808080;
	vertical-align: middle
}

#find-result2  .input-checkbox {
	width: 30px;
	height: 30px;
	border: 1px solid #90a1ba;
	border-radius: 9999px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle
}

#find-result2  .input-checkbox:checked {
	border-color: #00aeef
}

#find-result2  .input-checkbox:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url('../img/icon_check3_off.png') no-repeat 45% 45%;
	background-size: 17px auto
}

#find-result2  .input-checkbox:checked:after {
	background-image: url('../img/icon_check3_on.png');
	background-size: 18px auto
}

#join {
	height: 100vh;
}

#join .join-tab {
	overflow: hidden;
	position: relative;
	padding: 0 24px;
	background-color: #fafafa;
	display: table;
	width: 100%;
	padding: 7px 0 5px 0;
	height: 40px;
	border-bottom: 1px solid #e6e6e6
}
/*#join .join-tab.first-step:after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: #fff url(../img/tab_bg2.png) repeat-x 0 bottom; background-size: 100% auto; height: 15px;}
	#join .join-tab:after{content: ""; position: absolute; left: 0; bottom: 0; width: 100%; background: #fff url(../img/tab_bg.png) repeat-x 0 bottom; background-size: 100% auto; height: 15px;}*/
#join .join-tab span {
	position: relative;
	color: #808080;
	display: table-cell;
	font-size: 14px;
	line-height: 1.3em;
	vertical-align: middle;
	text-align: center;
	font-weight: 700;
	padding: 0 20px;
}

#join .join-tab.wth2 span {
	width: 50%;
}

#join .join-tab.wth3 span { /*width: 33.333333%;*/
	
}

#join .join-tab span:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: calc(50% - 8px);
	left: 0;
	width: 1px;
	height: 20px;
	background: #e6e6e6;
}

#join .join-tab span:first-child:after {
	content: "";
	display: none;
}

#join .join-tab span.is-selected {
	color: #004ea2;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 700;
}

#join .join-benefit {
	text-align: center;
	background: #fff;
	padding: 30px 0;
}

#join .join-benefit p {
	font-size: 24px;
	color: #001c48;
	margin-bottom: 10px;
}

#join .join-benefit span {
	font-size: 13px;
	line-height: 1.5em;
	color: #4d585f;
}

#join .join-benefit span strong {
	font-weight: 400;
	color: #113898;
}

#join .join-check {
	padding: 20px 11px;
	border: 1px solid #ececec;
	margin: 0 11px;
}

#join .join-check a.check-all {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
	background: #d9d9d9 url('../img/icon_check3_wh.png') no-repeat 15px
		48%;
	background-size: 17px auto;
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	text-indent: 45px;
}

#join .join-check a.check-all.is-selected {
	background-color: #00aeef;
	color: #fff;
}

#join .join-check .more-btn {
	color: #005aaa;
	font-size: 12px;
	line-height: 1.5em;
	margin-left: 48px;
}

#join .join-check .more-btn img {
	width: 6px;
	height: 10px;
	margin-left: 6px;
	vertical-align: -1px;
}

#join  .place-depth-label {
	display: block;
	margin-top: 10px; /*margin:20px 0 0 7px;   join-info.html   사업자정보 레이어*/
}

#join  .place-depth-label .place-depth-name {
	margin-left: 8px;
	font-size: 13px;
	color: #2a3757;
	vertical-align: middle;
	letter-spacing: -1px;
}

#join  .place-depth-label .place-depth-name em {
	color: #2a3757;
	font-size: 11px;
}

#join  .input-checkbox {
	width: 30px;
	height: 30px;
	border: 1px solid #90a1ba;
	border-radius: 9999px;
	background-color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle
}

#join  .input-checkbox:checked {
	border-color: #00aeef
}

#join  .input-checkbox:after {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background: url('../img/icon_check3_off.png') no-repeat 45% 45%;
	background-size: 17px auto
}

#join  .input-checkbox:checked:after {
	background-image: url('../img/icon_check3_on.png');
	background-size: 18px auto
}
/*#join  .input-checkbox:checked + .place-name,
	#join  .input-checkbox:checked + .place-depth-name{color:#00aeef}*/
#welcome {
	background: #f7f7f7;
	height: calc(100vh - 58px);
	text-align: center;
}

#welcome .msg {
	color: #001c48;
	font-size: 21px;
	line-height: 1.5em;
	position: relative;
	padding: 90px 0 0 0;
}

#welcome .msg:after {
	content: "";
	position: absolute;
	bottom: 45px;
	left: 50%;
	margin-left: -16px;
	width: 41px;
	height: 32px;
	background: url('../img/icon_ship2.png') no-repeat 0 0;
	-webkit-background-size: 41px 32px;
	background-size: 41px 32px;
}

#welcome .welcome-note {
	color: #001c48;
	font-size: 13px;
	line-height: 1.5em;
	padding: 30px 0;
}

#welcome .welcome-note strong {
	color: #113898;
	font-size: 13px;
	font-weight: 700;
}

#welcome .welcome-benefit {
	background: #fff;
	border: 1px solid #e3e3e3;
	margin: 0 11px;
	padding: 20px 0 10px 0;
	text-align: left;
}

#welcome .welcome-benefit ul {
	margin: 0 60px;
}

#welcome .welcome-benefit ul li {
	color: #2a3757;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 14px;
	padding: 2px 0 2px 35px;
	font-weight: 700;
}

#welcome .welcome-benefit ul li:nth-child(1) {
	background: url('../img/icon_welcome1.png') no-repeat 0 4px;
	background-size: 23px 23px;
}

#welcome .welcome-benefit ul li:nth-child(2) {
	background: url('../img/icon_welcome2.png') no-repeat 0 0;
	background-size: 24px 24px;
}

#welcome .welcome-benefit ul li:nth-child(3) {
	background: url('../img/icon_welcome3.png') no-repeat 0 0;
	background-size: 23px 23px;
}

.btn-area {
	overflow: hidden;
	margin: 0 10px;
}

.btn-area .btn {
	background: #00aeef;
	border-radius: 2px;
	color: #fff;
	font-size: 14px;
	line-height: 1.5em;
	padding: 15px 0;
}

.btn-area .btn.col-2 {
	float: left;
	width: calc(( 100% - 6px)/2);
	margin-left: 3px;
}

.btn-area .btn.col-2:first-child {
	margin-left: 0;
}

#setting {
	
}

#setting .sect {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
	position: relative;
}

#setting .sect:last-child {
	padding-bottom: 30px;
	border-bottom: none;
}

#setting .sect .tit {
	padding: 25px 23px 0 23px;
	font-size: 16px;
	color: #293757;
	font-weight: 700;
}

#setting .sect .txt {
	padding: 15px 23px 5px 23px;
	font-size: 13px;
	color: #808080;
	font-weight: 400;
	display: block;
}

#setting .sect .txt strong {
	margin-left: 20px;
	font-size: 16px;
	font-weight: 400;
}

#setting .sect .txt+.txt {
	padding-top: 0;
}

#setting .sect .cbtn {
	float: right;
}

#setting .sect .cbtn.wiithbtn {
	float: none;
	margin-left: 10px;
}

.cbtn {
	background: #90a1ba;
	font-size: 13px;
	color: #fff;
	font-weight: 400;
	border-radius: 3px;
	padding: 5px 15px;
	display: inline-block;
	line-height: 1.2em;
}

#setting .switch {
	float: right;
	margin-top: -4px;
}

#setting .switch a {
	display: inline-block;
	padding: 2px;
	line-height: 1.8em;
	width: 60px;
}

#setting .switch a.on {
	background: #4ba7f9;
	border-radius: 15px;
	color: #fff;
	padding-left: 12px;
}

#setting .switch a.on:before {
	content: "";
	width: 30px;
	height: 22px;
	background: #fff;
	position: relative;
	display: block;
	border-radius: 11px;
	float: right;
	margin-left: 6px;
}

#setting .switch a.off {
	background: #90a1ba;
	border-radius: 15px;
	color: #fff;
	padding-right: 12px;
}

#setting .switch a.off:before {
	content: "";
	width: 30px;
	height: 22px;
	background: #fff;
	position: relative;
	display: block;
	border-radius: 11px;
	float: left;
	margin-right: 6px;
}

#setting .sect ul.type {
	margin: 14px 23px 0 23px;
	overflow: hidden;
}

#setting .sect ul.type li {
	width: calc(( 100%/ 3)- 20px);
	float: left;
	margin: 0 10px;
	text-align: center;
}

#setting .sect ul.type li figure {
	border-radius: 44px;
	width: 87px;
	height: 87px;
	background: #dff3ff;
	display: inline-block;
}

#setting .sect ul.type li span {
	display: block;
	margin-top: 5px;
	font-size: 13px;
	color: #293757;
	font-weight: 700;
}

#setting .sect ul.type li.notype figure {
	background: #dff3ff url('../img/bg_place.png') no-repeat 50% 50%;
	background-size: contain;
}

#setting .sect ul.place {
	margin: 15px 18px 0 18px;
	overflow: hidden;
}

#setting .sect ul.place li {
	width: calc(100% / 3 - 10px);
	float: left;
	margin: 0 5px;
	text-align: center;
	background: #eaf7ff;
	height: 61px;
	border-radius: 30px;
	text-align: center;
}

#setting .sect ul.place li.noplace {
	background: #cddeec url('../img/bg_place.png') no-repeat 50% 50%;
	background-size: contain;
}

#setting .sect ul.place li span {
	display: block;
	font-size: 11px;
	color: #004ea2;
	font-weight: 700;
	margin-top: 8px;
}

#setting .sect ul.place li strong {
	display: block;
	font-size: 16px;
	color: #004ea2;
	font-weight: 700;
}

/* Paging */
.paging {
	position: relative;
	width: 100%;
	height: 45px;
	text-align: center;
	font-size: 1.25em;
	overflow: hidden;
	border-bottom: 1px solid #ebeef3;
	background: #fff;
}

.paging * {
	vertical-align: middle;
}

.paging span {
	display: inline-block;
	overflow: hidden;
}

.paging span.prev {
	position: absolute;
	top: 5px;
	left: 5px;
	line-height: 2em;
	padding: 0;
}

.paging span.prev img {
	vertical-align: middle;
	height: 14px;
	width: auto;
}

.paging span.next img {
	vertical-align: middle;
	height: 14px;
	width: auto;
}

.paging span.next {
	position: absolute;
	top: 5px;
	right: 5px;
	line-height: 2em;
	padding: 0;
}

.paging span a {
	display: inline-block;
	overflow: hidden;
	padding: 3px 5px;
}

.paging>span {
	display: inline-block;
	height: 18px;
	font-size: 15px;
	color: #808080;
	border-bottom: 1px solid #fff;
	line-height: 1em;
	padding: 0;
	margin: 13px 10px;
}

.paging>span.now {
	font-weight: bold;
	color: #113898;
	border-bottom: 1px solid #113898;
}

/* [S] 2017-04-05 추가 */
.search-vessel {
	padding: 20px 22px;
	background-color: #fff
}

.search-vessel .input-text {
	border-radius: 0 0 2px 2px;
	background-color: #f7f7f7;
	border: 1px solid #e3e3e3
}

.search-vessel .selectbox-wrap {
	display: block;
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0 13px;
	border: 1px solid #e3e3e3;
	border-radius: 2px;
	margin-bottom: -1px;
	background: #f7f7f7 url('../img/icon_arrow4.png') no-repeat right 11px
		center;
	background-size: 11px auto;
	font-size: 13px;
	color: #9ea3aa;
	box-sizing: border-box
}

.search-vessel .selectbox-wrap:first-child {
	border-radius: 2px 2px 0 0
}

.search-vessel .selectbox-val {
	display: block;
	font-size: 13px;
	color: #9ea3aa;
	line-height: 40px
}

.search-vessel .selectbox {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	text-indent: -9999px;
	opacity: .01;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.search-vessel .wbtn {
	margin-top: 10px
}
/* [E] 2017-04-05 추가 */
#search-start {
	background-color: #fff
} /* 2017-04-05 변경 */
#search-start .searh-tit {
	display: inline-block;
	width: calc(100% - 60px);
	border-bottom: 1px solid #eaeaea;
	padding: 18px 30px 10px 30px;
	font-size: 13px;
	color: #0097ee;
	font-weight: 700;
	position: relative;
	overflow: hidden;
}

#search-start .searh-tit:after {
	content: "";
	position: absolute;
	left: 13px;
	top: 20px;
	background: url('../img/icon_recomm.png') no-repeat 0 0;
	background-size: 14px;
	width: 14px;
	height: 14px;
	display: block;
}

#search-start .search-link {
	display: inline-block;
	width: calc(100% - 60px);
	border-bottom: 1px solid #eaeaea;
	padding: 8px 30px 10px 30px;
	font-size: 15px;
	color: #545454;
	font-weight: 700;
}

#search-result {
	background: #ebeef3;
}

#search-result h1 {
	background: #ebeef3;
	padding: 25px 25px 0 20px;
	font-size: 18px;
	color: #2a3757;
}

.result-record {
	background: #fff;
	padding: 15px 10px 10px 10px;
	border-bottom: 1px solid #ebeef3;
}

.result-record h2 {
	color: #293757;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.result-record h2 .btn-more {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	color: #005aaa;
	font-size: 13px;
	padding-right: 14px;
}

.result-record h2 .btn-more:after {
	content: "＞";
	position: absolute;
	top: -3px;
	right: 0;
	color: #005aaa;
	font-size: 16px;
}

.result-record ul.by3 {
	overflow: hidden;
	margin-bottom: 5px;
}

.result-record ul.by3 li {
	display: inline-block;
    width: calc(( 100% - 31px)/3);
    margin: 5px;
    float: left;
    position: relative;
    overflow: hidden;
    margin-bottom: 2px;
    box-shadow: 1px 1px 3px #cac3c3;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}

.result-record ul.by3 li:nth-child(3n+1) {
	margin-left: 0;
}
/*.result-record ul.by3 li .place{display:block; position: absolute; bottom: 5px; left: 10px; color: #fff;}*/
.result-record ul.by3 li .place .date {
	font-size: 11px;
	color: #00aeef;
	background: transparent;
	border: 1px solid #00aeef;
	padding: 3px 8px 1px 8px;
	line-height: 28px;
	border-radius: 16px;
	margin-right: 5px;
} /*tt-hack*/
.result-record ul.by3 li .place .local {
	display: none; /*font-size: 11px; color: #fff;*/
}

.result-record ul.by3 li .subject {
	display: none;
}

.result-record ul.by3 li a figure {
	line-height: 0;
}

.result-tab {
	text-align: right;
	overflow: hidden;
	padding: 20px 22px 15px 0;
	background: #fff;
}

.result-tab a {
	color: #90a1ba;
	font-size: 13px;
	line-height: 22px;
}

.result-tab a.current {
	color: #0096ff;
	border-bottom: 1px solid #4292f4;
}

.result-tab a+a {
	position: relative;
	margin-left: 26px;
}

.result-tab a+a:after {
	content: "|";
	position: absolute;
	left: 12px;
	top: 0;
	color: #e6e6e6;
	font-size: 11px;
	line-height: 17px;
}

.bg-gry {
	background: #edeff2 !important;
}

.result-ship.bg-gry {
	margin-top: 0;
}

.result-house.bg-gry {
	margin-top: 0;
}

.result-ship {
	background: #fff;
	margin-top: 10px;
	padding: 15px 10px 10px 10px;
	border-bottom: 1px solid #ebeef3;
}

.result-ship h2 {
	color: #293757;
	font-size: 16px;
	font-weight: 700;
	position: relative;
}

.result-ship h2 .btn-more {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	color: #005aaa;
	font-size: 13px;
	padding-right: 14px;
}

.result-ship h2 .btn-more:after {
	content: "＞";
	position: absolute;
	top: -3px;
	right: 0;
	color: #005aaa;
	font-size: 16px;
}

.result-ship ul {
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.result-ship ul li figure {
	float: right;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 30px;
	position: relative;
}

.result-ship ul li figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.result-ship ul li .ho{
	    background: rgba(6, 82, 150, 0.45);
    padding: 5px 11px 5px 11px;
    display: block;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.result-ship ul li .ho em {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	line-height: 25px;
}

.result-ship ul li .local {
	font-size: 10px;
	color: #fff;
	font-weight: 400;
	line-height: 15px;
	display:block;
    text-align: right;
    padding-top: 93px;
}

.result-ship ul li .local em{
	color:#fff;
	font-size:12px;
}

.result-ship ul li .type, .result-ship ul li .quay {
	font-size: 11px;
	color: #383e41;
	font-weight: 400;
	line-height: 22px;
	display: block;
}

.result-ship ul li .tag {
	display: block;
	float: none;
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
}

.result-ship ul li .tag em {
	background: #e8f0f7;
	border-radius: 2px;
	display: inline-block;
	margin: 0 3px 3px 0;
	font-size: 11px;
	color: #62799c;
	font-weight: 400;
	line-height: 14px;
	padding: 6px;
}

.result-ship.entry {
	border-bottom: 0;
	margin-bottom: 10px
} /* 2017-04-05 추가 */
.result-ship.simple-data .ho em {
	margin-top: 6px
} /* 2017-04-05 추가 */
.result-house {
	background: #fff;
	margin-top: 10px;
	padding: 15px 10px 10px 10px;
	border-bottom: 1px solid #ebeef3;
}

.result-house h2 {
	color: #293757;
	font-size: 16px;
	font-weight: 700;
	position: relative;
}

.result-house h2 .btn-more {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	color: #005aaa;
	font-size: 13px;
	padding-right: 14px;
}

.result-house h2 .btn-more:after {
	content: "＞";
	position: absolute;
	top: -3px;
	right: 0;
	color: #005aaa;
	font-size: 16px;
}

.result-house ul {
	width: 100%;
	position: relative;
	margin-top: 10px;
}

.result-house ul li {
	border-radius:4px;
    display: inline-block;
    border: 1px solid #e3e3e3;
    width: calc(100%/2 - 34px);
    padding: 10px;
    margin: 5px;
    background-position: center !important;
    background-size: cover !important;
    background-origin: inherit !important;  
    height: auto;
     box-shadow:1px 1px 3px #cac3c3;
}

.result-ship ul li {
	border-radius:4px;
    display: inline-block;
    border: 1px solid #e3e3e3;
    width: calc(100%/2 - 34px);
    padding: 10px;
    margin: 5px;
    background-position: center !important;
    background-size: cover !important;
    background-origin: inherit !important;  
    height: auto;
    box-shadow:1px 1px 3px #cac3c3;
}

.result-house ul li figure {
	float: right;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 30px;
	position: relative;
}

.result-house ul li figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.result-house ul li .ho{
	background: rgba(6, 82, 150, 0.45);
    padding: 5px 11px 5px 11px;
    display: block;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}

.result-house ul li .ho em {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	line-height: 25px;
}

.result-house ul li .local {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	line-height: 15px;
	display:block;
    text-align: right;
    padding-top: 93px;
}

.result-house ul li .local em{
	color:#fff;
	font-size:12px;
}

.result-house ul li .type, .result-house ul li .quay {
	font-size: 11px;
	color: #383e41;
	font-weight: 400;
	line-height: 22px;
	display: block;
}

.result-house ul li .tag {
	display: block;
	float: none;
	width: 100%;
	overflow: hidden;
	margin-top: 12px;
}

.result-house ul li .tag em {
	background: #e8f0f7;
	border-radius: 2px;
	display: inline-block;
	margin: 0 3px 3px 0;
	font-size: 11px;
	color: #62799c;
	font-weight: 400;
	line-height: 14px;
	padding: 6px;
}

.result-house.entry {
	border-bottom: 0;
	margin-bottom: 10px
} /* 2017-04-05 추가 */
.result-house.simple-data .ho em {
	margin-top: 6px
} /* 2017-04-05 추가 */
.result-info {
	background: #fff;
	padding: 15px 10px 0 10px;
	border-bottom: 1px solid #ebeef3;
}

.result-info h2 {
	color: #293757;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	position: relative;
}

.result-info h2 .btn-more {
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	color: #005aaa;
	font-size: 13px;
	padding-right: 14px;
}

.result-info h2 .btn-more:after {
	content: "＞";
	position: absolute;
	top: -3px;
	right: 0;
	color: #005aaa;
	font-size: 16px;
}

.result-info ul {
	margin: 0 11px 10px 11px;
}

.result-info ul li {
	padding: 8px 10px;
	border-bottom: 1px solid #eeeff2;
	overflow: hidden;
}

.result-info ul li:last-child {
	border-bottom: none;
}

.result-info ul li a {
	display: block;
	width: 100%;
	display: table;
}

.result-info ul li a figure {
	display: table-cell;
	width: 100px;
	height: 60px;
	box-shadow: 1px 1px 1px #e4e4e4;
}

.result-info ul li a figure img {
	display: block;
}

.result-info ul li a span {
	display: table-cell;
	width: calc(100% - 105px);
	vertical-align: middle;
	padding-left: 15px;
	color: #293757;
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.result-info ul li a span p {
	font-size: 14px;
	color: #4c9ba9;
}

.nodata {
	text-align: center;
	padding: 35px 0;
}

.nodata figure {
	width: 43px;
	height: auto;
	margin: 0 auto;
}

.nodata span {
	color: #808080;
	font-size: 15px;
	font-weight: 700;
	margin: 10px 0;
	display: inline-block;
}

#quick-reserve {
	position: fixed;
	bottom: -1000px;
	left: 2%;
	z-index: 500;
	background: transparent;
	width: 96%;
	text-align: center;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#quick-reserve.open {
	bottom: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

#quick-reserve>div { /*width:calc((100% - 7px) / 2); float:left;*/
	display: inline-block;
	width: 48%;
	background: #005aaa;
	border-radius: 3px 3px 0 0;
	max-width: 250px;
}

#quick-reserve>div+div {
	margin-left: 7px;
	background: #00aeef;
}

#quick-reserve .quick-close {
	position: absolute;
	top: -20px;
	right: 0;
	width: 15px;
	height: 15px;
}

#reserve-data {
	
}

#reserve-data .head-txt {
	background: #eaf7ff;
	color: #2a3757;
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	line-height: 21px;
	padding: 25px 0;
}

#reserve-vessel {
	overflow: hidden;
	padding-bottom: 90px;
}

.vessel-ho {
	padding: 30px 15px 20px
}

.vessel-ho .ho {
	color: #2a3757;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

.vessel-ho .local {
	color: #4d585f;
	font-size: 11px;
	font-weight: 400;
	margin-left: 10px;
}

.vessel-ho .benefit {
	display: inline-block;
	background: #f1fffe;
	color: #4292f4;
	border: 1px solid #dfedff;
	font-size: 11px;
	padding: 4px 12px; /* border-radius:16px; */
	margin: 6px 2px;
	float: left;
}

.vessel-ho .benefit img {
	display: inline-block; /* height:auto; */ /* width:10px; */
	margin-right: 5px; /* margin-top: 4px; */
	float: left;
}

.vessel-sail {
	overflow: hidden;
	clear: both;
	padding: 0px 0 0 0;
}

.vessel-sail .tit {
	color: #2a3757;
	font-size: 16px;
	font-weight: 700;
	margin: 0 15px 7px 15px;
	overflow: hidden;
	display: block
}

.vessel-sail .tit figure {
	width: 21px;
	height: auto;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
}

.vessel-sail .stit {
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	padding: 15px 30px;
	display: inline-block;
}

.vessel-sail .bg-bl {
	background: #196ab2;
	border-bottom: 1px solid #e3e3e3;
}

.vessel-sail .bg-sky {
	background: #3b85c7;
}

.vessel-sail .bg-gy {
	background: #f7f7f7;
	border-bottom: 1px solid #e3e3e3;
}

.vessel-sail dl {
	overflow: hidden;
	padding: 17px 30px;
}

.vessel-sail dl dt {
	width: 90px;
	float: left;
	clear: both;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	position: relative;
	padding: 5px 0 5px 10px;
}

.vessel-sail dl dt:after {
	content: "ㆍ";
	position: absolute;
	left: -4px;
	top: 5px;
	color: #fff;
	font-size: 12px;
}

.vessel-sail dl dd {
	width: calc(100% - 100px);
	float: left;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	padding: 5px 0;
}

.vessel-sail .bg-gy dt {
	color: #001c48;
	font-weight: 700;
}

.vessel-sail .bg-gy dt:after {
	color: #001c48;
}

.vessel-sail .bg-gy dd {
	color: #4d585f;
}

.vessel-reserve {
	background: #edeff2;
	border-bottom: 1px solid #e6e6e6;
	padding: 15px 0 15px 0;
	text-align: center;
	overflow: hidden;
}

.vessel-reserve .limit {
	color: #4d585f;
	font-size: 11px;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 1.2em;
	display: block;
}

.vessel-reserve .limit strong {
	color: #f04e4e;
	font-size: 11px;
	font-weight: 700;
}

.vessel-reserve .canb {
	color: #005aaa;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	line-height: 1.2em;
	display: block;
}

.vessel-reserve .canb strong {
	color: #005aaa;
	font-size: 16px;
	font-weight: 700;
}

.vessel-reserve .reserve-list {
	width: 90%;
	background: #005aaa;
	padding: 10px 0;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 1.2em;
	display: inline-block;
	border-radius: 2px 2px 0 0;
}

.vessel-reserve .reserve-list strong {
	position: relative;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	line-height: 1.2em;
}

.vessel-reserve .reserve-list strong:after {
	position: absolute;
	top: 6px;
	right: -20px;
	content: "";
	background: url('../img/icon_up_b.png') no-repeat 0 0;
	background-size: 10px 6px;
	width: 10px;
	height: 6px;
	color: #00aeef;
	font-family: "돋움";
	transform: rotate(0);
	transform-origin: 50% 60%;
	-webkit-transition: all 0.1s ease 0s;
	-moz-transition: all 0.1s ease 0s;
	-o-transition: all 0.1s ease 0s;
	transition: all 0.1s ease 0s;
}

.vessel-reserve .reserve-list.open strong:after {
	transform: rotate(180deg);
	transform-origin: 50% 50%;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.vessel-reserve div.no-list {
	width: 100%;
	background: gray;
	padding: 5px 0;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 1.2em;
	display: inline-block;
}

.vessel-reserve div.no-list strong {
	position: relative;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	line-height: 1.2em;
}

.reserve-list-state {
	width: calc(90% - 2px);
	background: #fff;
	border: 1px solid #90a1ba;
	border-top: none;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 1.2em;
	display: inline-block;
	border-radius: 0 0 2px 2px;
}

.reserve-list-state dl {
	width: 90%;
	margin: 5px auto;
	overflow: hidden;
}

.reserve-list-state dl dt {
	float: left;
	width: 50%;
	text-align: left;
	color: #4d585f;
	font-size: 12px;
	line-height: 1.2em;
	margin: 6px 0 0 0;
}

.reserve-list-state dl dd {
	float: left;
	width: 50%;
	text-align: right;
	margin: 3px 0;
}

.reserve-list-state dl dd span {
	width: 63px;
	text-align: center;
	padding: 4px 0;
	color: #4d585f;
	font-size: 11px;
	line-height: 1.2em;
	display: inline-block;
	border-radius: 20px;
	font-weight: 700;
}

.reserve-list-state dl dd span.per100 {
	background: #113898;
	color: #fff;
}

.reserve-list-state dl dd span.per50 {
	background: #9fcbf2;
	color: #2a3757;
}

.reserve-list-state dl dd span.per0 {
	background: #e6e6e6;
	color: #2a3757;
}

.reserve-list-state dl dd span.red {
	background: red;
	color: white;
	position: static;
}

.vessel-new {
	overflow: hidden;
	clear: both;
	padding: 25px 0 15px 0;
}

.vessel-new .tit {
	color: #2a3757;
	font-size: 16px;
	font-weight: 700;
	margin: 0 15px 7px 15px;
	overflow: hidden;
	display: block
}

.vessel-new .tit figure {
	width: 21px;
	height: auto;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
}

.vessel-new .tit em {
	color: #4d585f;
	font-size: 11px;
	font-weight: 400;
	margin-left: 10px;
}

.vessel-new .by2 {
	padding: 0 10px;
}

.vessel-knot {
	width: calc(( 100% - 40px)/2);
	float: left;
	margin-left: 20px;
}

.vessel-knot .tit {
	color: #2a3757;
	font-size: 16px;
	font-weight: 700;
	margin: 0 15px 5px 0;
	overflow: hidden;
	display: block
}

.vessel-knot .tit figure {
	width: 27px;
	height: auto;
	margin-left: 7px;
	margin-top: 5px;
	display: inline-block;
	vertical-align: middle;
}

.vessel-knot a span {
	color: #4d585f;
	font-size: 11px;
}

.vessel-knowhow {
	width: calc(( 100% - 42px)/2);
	float: left;
	padding-left: 20px;
	border-left: 1px solid #e6e6e6;
}

.vessel-knowhow .tit {
	color: #2a3757;
	font-size: 16px;
	font-weight: 700;
	margin: 0 15px 2px 0;
	overflow: hidden;
	display: block
}

.vessel-knowhow .tit figure {
	width: 13px;
	height: auto;
	margin-left: 7px;
	margin-top: 2px;
	display: inline-block;
	vertical-align: middle;
}

.vessel-knowhow a span {
	color: #4d585f;
	font-size: 11px;
}

#theme-list {
	overflow: hidden;
	margin-bottom: 10px;
}

.theme .top {
	position: relative;
}

.theme .top p {
	position: absolute;
	top: 37%;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 1.8em;
	color: #fff;
	letter-spacing: -1px;
}

.theme .top p strong {
	font-size: 27px;
	line-height: 2em;
	font-weight: 700;
	color: #fff;
	display: inline-block;
	width: 100%;
	line-height: 1.8em;
	letter-spacing: -1px;
	text-shadow: 1px 1px black;
}

#theme-view {
	overflow: hidden;
}

#theme-view .theme-cnt {
	margin: 15px 10px;
}
/* 	#theme-view .main-record{padding-bottom: 70px !important;} */

/* ==========================================================================
	page - 레이어팝업
   ========================================================================== */
.alert-wrap {
	display: none;
	overflow: hidden;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 500;
}

.alert-wrap.open {
	display: block;
}

.alert-wrap .alert-area {
	position: relative;
	width: 70%;
	margin: 0 auto;
	max-width: 540px;
}

#jowang-header.alert-wrap .alert-area, #jowang-footer.alert-wrap .alert-area
	{
	width: 90%;
}

.alert-wrap .alert-area .btn-close {
	position: absolute;
	top: -25px;
	right: 0;
	width: 20px;
	height: 20px;
}

.alert-wrap .alert-area .title {
	background: #4ba7f9;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	border-radius: 15px 15px 0 0;
}

.alert-wrap .alert-area .contents {
	background: #fff;
	padding: 25px 10px 25px 10px;
}

.alert-wrap .alert-area .contents.nohead {
	border-radius: 15px 15px 0 0;
}

.alert-wrap .alert-area .txt {
	text-align: center;
	color: #4d585f;
	font-size: 13px;
	font-weight: 700;
	padding: 25px 0;
	line-height: 22px;
}

.alert-wrap .alert-area .txt strong {
	color: #f04e4e;
	font-size: inherit;
	font-weight: inherit;
}

.alert-wrap .alert-area .desc {
	text-align: center;
	color: #90a1ba;
	font-size: 11px;
	font-weight: 400;
	padding: 5px 0;
	line-height: 15px;
	display: inline-block;
	width: 100%;
}

.display-table {
	display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.display-table .td {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.ovh {
	overflow: hidden;
}

.alert-wrap .btn-member {
	display: block;
	margin: 15px auto 0 auto;
	text-align: center;
	background: #005aaa url('../img/btn_member.png') no-repeat 0 50%;
	background-size: auto 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 10px 0;
	width: 90%;
	border-radius: 4px;
}

.alert-wrap .btn-nomember {
	display: block;
	margin: 15px auto 15px auto;
	text-align: center;
	background: #8395a5 url('../img/btn_nomember.png') no-repeat 0 50%;
	background-size: auto 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 10px 0;
	width: 90%;
	border-radius: 4px;
}

.alert-wrap .btn-ok {
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #005aaa url('../img/btn_member.png') no-repeat 0 50%;
	background-size: auto 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 10px 0;
	width: 90%;
	border-radius: 4px;
	margin-bottom: 15px;
}
.alert-wrap .btn-ok2 {
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #00c53f;
	background-size: auto 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding:0;
	width: 90%;
	border-radius: 4px;
	margin-bottom: 15px;
}
.alert-wrap .btn-ok2 .icoNaver{display:inline-block;margin-right:10px;width:40px;height:39px;background:url('../img/icoNaver.png') no-repeat 0 0;background-size:100%;vertical-align:middle;}
.alert-wrap .btn-ok2 .icoNaverCafe{display:inline-block;margin-right:10px;width:40px;height:39px;background:url('../img/icoNaverCafe.png') no-repeat 0 0;background-size:100%;vertical-align:middle;}
.alert-wrap .btn-ok2 .icoNaverBand{display:inline-block;margin-right:10px;width:40px;height:39px;background:url('../img/icoNaverBand.png') no-repeat 0 0;background-size:100%;vertical-align:middle;}
.alert-wrap .btn-ok2 .middle{vertical-align:middle;color: #fff;}
.alert-wrap .btn-check {
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #005aaa url('../img/btn_member.png') no-repeat 0 50%;
	background-size: auto 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 0 10px 0;
	width: 90%;
	border-radius: 4px;
	margin-bottom: 15px;
}

.alert-wrap .btn-txt {
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #90a1ba;
	font-size: 12px;
	margin: 10px 0;
}

.alert-wrap hr {
	width: 100%;
	height: 1px;
	border: none;
	border-top: 1px dashed #808080;
	margin: 22px 0;
}

/* ==========================================================================
	 class - grid system 2017-04-17 추가
	========================================================================== */
.o-row {
	display: -webkit-flex;
	display: flex
}

.o-col {
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto
}

.o-col-1 {
	-webkit-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.o-col-2 {
	-webkit-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.o-col-3 {
	-webkit-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.o-col-4 {
	-webkit-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.o-col-5 {
	-webkit-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.o-col-6 {
	-webkit-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.o-col-7 {
	-webkit-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.o-col-8 {
	-webkit-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.o-col-9 {
	-webkit-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.o-col-10 {
	-webkit-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.o-col-11 {
	-webkit-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.o-col-12 {
	-webkit-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.o-table-row {
	display: -webkit-flex;
	display: flex;
	position: relative;
	height: 41px;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-left: 0;
	margin-bottom: -1px
}

.o-table-row [class*="o-col"] {
	position: relative;
	box-sizing: border-box;
	border-left: 1px solid #ccc;
	line-height: 39px
}

.o-table-row [class*="o-col"] em {
	display: block;
	background-color: #eaf7ff;
	color: #9ea3aa;
	font-size: 13px;
	text-align: center;
	line-height: 39px
}

.o-table-row [class*="o-col"] p {
	padding-left: 17px;
	color: #2a3757;
	font-weight: 700;
	font-size: 13px;
	line-height: 39px
}

.o-table-row [class*="o-col"] .selectbox {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10 !important;
	width: 100% !important;
	height: 100% !important;
	border: 0 !important
}

.o-table-row [class*="o-col"] .selectbox select {
	line-height: 39px !important;
}

.o-table-row [class*="o-col"] input {
	height: 39px;
	padding-left: 17px !important;
	border: 0;
	font-weight: 700 !important;;
	color: #2a3757 !important;
	text-indent: 0 !important;
	text-align: left !important;
	line-height: 1.2
}

/* ==========================================================================
	플러그인
	========================================================================== */
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@
-webkit-keyframes fadeOut { 0% {
	opacity: 1;
}

100%
{
opacity




:


 


0;
}
}
@
keyframes fadeOut { 0% {
	opacity: 1;
}

100%
{
opacity




:


 


0;
}
}

/* Owl Carousel - Auto Height Plugin */
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

/* Core Owl Carousel CSS File */
.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden; /* fix for flashing background */
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next,
	.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

/* No Js */
.no-js .owl-carousel {
	display: block;
}

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon
	{
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}
/* Default theme - Owl Carousel CSS File */
.owl-theme .owl-controls {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.course-cnt .owl-theme .owl-controls {
	top: 0;
	left: 0;
}

.course-cnt .owl-carousel .owl-controls .owl-nav {
	position: relative;
}

.course-cnt .owl-carousel .owl-controls .owl-nav .owl-prev {
	position: absolute;
	top: 70px;
	width: 15px;
	height: 34px;
	left: 0;
}

.course-cnt .owl-carousel .owl-controls .owl-nav .owl-next {
	position: absolute;
	top: 70px;
	width: 15px;
	height: 34px;
	right: 0;
}

.course-cnt .owl-carousel .owl-controls .owl-nav .owl-prev:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 34px;
	background: url("../../images/sub/btn_p2.png") no-repeat 0 0;
	background-size: 15px;
	34
	px;
}

.course-cnt .owl-carousel .owl-controls .owl-nav .owl-next:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 34px;
	background: url("../../images/sub/btn_n2.png") no-repeat 0 0;
	background-size: 15px;
	34
	px;
}

.owl-theme .owl-controls .owl-nav [class*='owl-'] {
	color: white;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #d6d6d6;
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.owl-theme .owl-controls .owl-nav [class*='owl-']:hover:after {
	color: #b6b6b7;
	text-decoration: none;
}

.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next
	{
	font-size: 0;
	background: none;
	width: 15px;
	height: 15px;
	position: relative;
	padding: 0;
}

.owl-carousel .owl-controls .owl-nav .owl-prev:after {
	content: "◀";
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	font-size: 13px;
	color: #e7e7e9;
}

.owl-carousel .owl-controls .owl-nav .owl-next:after {
	content: "▶";
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	font-size: 13px;
	color: #e7e7e9;
}

.owl-theme .owl-controls .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.owl-theme .owl-dots .owl-dot span {
	width: 6px;
	height: 6px;
	margin: 0 3px;
	background: #ccced1;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
	{
	background: #00aeef;
}

/* ==========================================================================
	IOS - Safari hack - 처리 // s-hack // 최종반영은 ▼▼▼
	========================================================================== */
@
supports (-webkit-text-size-adjust:none ) and (not (-ms-accelerator:true
	 ))and (not (-moz-appearance: none )){ul .by2 li .place .date {
	padding: 1px8px1px8px;
}

#gnb-wrap .member em {
	padding: 3px 6px;
	margin: 0 0 0 9px;
}

.main-board strong {
	padding: 2px 10px 2px 10px;
	margin-top: 2px;
}

.main-board a {
	padding: 3px 0;
}

#main-footer .bar:after {
	top: 3px;
}

#cs-center .cs-home .time {
	padding: 2px 15px;
}

.result-record ul.by3 li .place .date {
	padding: 2px 8px;
}
} /*9.0이상 만 적용Safari 9.0+ (iOS Only)아이폰 사파리*/ /*tt-hack*/