@charset "UTF-8";
@import url('reset.css');

/* ########## COMMON ########## */
.clear:after {clear:both; display:block; content:'';}

/* text-align */
.txtl {text-align:left;}
.txtc {text-align:center;}
.txtr {text-align:right;}

.fl {float:left;}
.fr {float:right;}

.tbody.txtc td.txtl {padding:17px 20px 16px; text-align:left;}
.tbody.txtc td.txtr {padding:17px 20px 16px; text-align:right;}

.ellipsis {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}


#content_view{word-break: keep-all!important;}

/* ########## COMMON ########## */

/* input */
input, select, textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"] {
	width:380px; height:40px; line-height:40px; padding:0 15px;
	font-size:14px;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	color:#222; 
}
input[type="text"]:read-only, input[type="search"]:read-only, input[type="tel"]:read-only, input[type="url"]:read-only, input[type="email"]:read-only, input[type="password"]:read-only, input.readonly {
	color:#222;
	background-color:#f5f5f5;
}
input[type="text"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="url"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled {
	color:#888;
	background-color:#f5f5f5;
}

@media only screen and (max-width:768px) {
	input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"] {height:50px; line-height:50px;}

} /* (max-width:768px) */

textarea {
	width:100%; min-height:180px; line-height:24px; padding:15px;
	font-size:14px;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	color:#222; 
}
textarea:read-only, textarea.readonly {
	color:#222;
	background-color:#f5f5f5;
}
textarea:disabled {
	color:#888;
	background-color:#f5f5f5;
}

/* CHECKBOX / RADIO */
input[type='checkbox'], input[type='radio'] {
	position:absolute; z-index:-1000; left:-1000px; overflow:hidden; clip:rect(0 0 0 0);
	width:1px; height:1px; margin:-1px; padding:0;
	border:0;
}
input[type='checkbox'] + label, input[type='radio'] + label {
	display:inline-block;
	height:16px; line-height:16px;
	font-size:14px;
	color:#222;
	vertical-align:top; cursor:pointer
}
input[type='checkbox'] + label + input[type='checkbox'] + label, input[type='radio'] + label + input[type='radio'] + label {margin-left:20px;}
input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {color:#888;}
input[type='checkbox'] + label:before, input[type='radio'] + label:before {
	display:inline-block; content:'';
	width:17px; height:17px; margin-right:8px;
	vertical-align:top;
	border:1px solid #aaa;
	background-color:#fff;
	-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
input[type='checkbox'] + label:empty:before {margin-right:0}
input[type='checkbox'] + label:before {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
input[type='radio'] + label:before {-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

input[type='checkbox']:checked + label:before{
	background-image:url('../images/sp_ele.png');
	background-repeat:no-repeat;
	background-position:-27px 0px;
}
input[type='radio']:checked + label:before{
	background-image:url('../images/sp_ele.png');
	background-repeat:no-repeat;
	background-position:-1px -1px;
}
input[type='checkbox']:disabled + label:before, input[type='radio']:disabled + label:before{
	color:#888;
	background-color:#eee;
}

/* icon_star */
.icon_star {
	position:relative;
	display:inline-block;
	width:70px;
	height:12px;
	background:url('../images/icon/icon_star.png') no-repeat;
	background-size:70px auto;
	font-size:0;
	line-height:0;
	cursor:pointer;
}
.icon_star:before {
	content:'';
	display:block;
	height:100%;
	background:url('../images/icon/icon_star.png') no-repeat left bottom;
	background-size:70px auto;
}
.icon_star.star1:before {width:20%;}
.icon_star.star2:before {width:40%;}
.icon_star.star3:before {width:60%;}
.icon_star.star4:before {width:80%;}
.icon_star.star5:before {width:100%;}

/* share_list */
.share_list {
	font-size:0;
	line-height:0;
	text-align:center;
}
.share_list li > div {position:relative;}
.share_list li {
	display:inline-block;
	margin:0 3px;
}
.share_list li:first-child {margin-left:0;}
.share_list li:last-child {margin-right:0;}
.share_list li a {display:block;}
.share_list.pop {
	display:none;
	position:absolute;
}

/*모달팝업*/		
#dullBg{ position:fixed; top:0; left:0; right:0; bottom:0; *width:100%; *height:100%; background-color:#000; opacity:.7; filter:alpha(opacity=70);z-index:997}		
.buyingWrap{ position:fixed; left:50%;  background-color:#fff; border-radius:0px; padding:0px; z-index:998;}		
.buyingWrap .btnClose{position:relative;z-index:9999;}		
.buyingWrap .btnClose span{position:absolute;right:20px;top:20px;float:right;text-indent:-9999px;width:18px;height:18px;background:url('../images/icon/teacher_no.png') no-repeat left bottom;} 		
@media only screen and (min-width:769px) {		
.buyingWrap{margin-left:-520px ;top:5%; box-shadow:0 0 10px rgba(0,0,0,.9);}		
}		
@media only screen and (max-width:768px) {		
.buyingWrap{width:94%;margin-left:-47% ;top:10px; box-shadow:0 0 0;padding-bottom:20px;}		
}
@media only screen and (min-width:769px) {
	.share_list li a {
		width:28px;
		height:28px;
		/** background:red; **/
	}
	.share_list li.blog a {background:url('../images/icon/icon_blog.png');}
	.share_list li.facebook a {background:url('../images/icon/icon_facebook.png');}
	.share_list li.instagram a {background:url('../images/icon/icon_instagram.png');}
	.share_list li.kakaostory a {background:url('../images/icon/icon_kakao.png');}
	.share_list.pop {
		right:20px; bottom:38px;
	}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.share_list li a {
		width:29px;
		height:29px;
		/** background:red; **/
	}
	.share_list li.blog a {background:url('../images/icon/icon_blog.png');}
	.share_list li.facebook a {background:url('../images/icon/icon_facebook.png');}
	.share_list li.instagram a {background:url('../images/icon/icon_instagram.png');}
	.share_list li.kakaostory a {background:url('../images/icon/icon_kakao.png');}
	.share_list.pop {
		bottom:35px;
		width:100%;
		text-align:center;
	}
} /* (max-width:768px) */

/* file */
.filebox {display:inline-block;}
.filebox input[type="file"] {
	position:absolute;
	width:1px; height:1px; margin:-1px; padding:0;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.filebox label {
	display:inline-block;
	width:93px; height:40px; line-height:40px; margin-left:4px;
	font-size:14px; color:#888; text-align:center; vertical-align:top;
	cursor:pointer;
	border:1px solid #888;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.filelist {
	position:relative;
	margin-top:15px; padding-top:15px;
}
.filelist:before {
	display:block; content:'';
	position:absolute; left:0; top:0;
	width:100%; height:1px;
	border-top:1px solid #ddd;
}
.filelist div {
	position:relative;
	width:380px; height:40px; padding:0 20px; line-height:37px;
	font-size:14px;
	border:1px solid #ff7800;
	-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.filelist div + div {margin-top:10px;}
.filelist div span {
	display:block;
	color:#666;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	max-width: calc(100% - 16px);
}
.filelist div button {
	position:absolute; right:5px; top:0;
	width:38px; height:38px;
	text-indent:-999em; font-size:0; color:#fff;
}
.filelist div button:before, .filelist div button:after {
	display:block; content:'';
	position:absolute; left:calc(50% - 7px); top:calc(50% - 1px);
	width:15px; height:1px;
	background-color:#666;
}
.filelist div button:before {
	-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
}
.filelist div button:after {
	-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
}

@media only screen and (min-width:769px) {
	.filebox .upload {
		display:inline-block;
		width:380px; height:40px; line-height:40px; padding:0 15px;
		font-size:14px;
		border:1px solid #ddd;
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.filebox {display:block; position:relative;}
	.filebox .upload {
		display:block;
		width:calc(100% - 100px); height:50px; line-height:50px; padding:0 15px; margin-right:100px;
		font-size:14px;
		border:1px solid #ddd;
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	}
	.filebox label {
		position:absolute; right:0; top:0;
		width:93px; height:50px; line-height:50px;
	}
	.filebox + .btn_add {
		width:100%; height:50px; margin-left:0; margin-top:8px;
	}
	.filelist div {
		width:100%; height:50px; padding:0 25px; line-height:50px;
		font-size:0.867rem;
		-webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px;
	}
	.filelist div button {
		width:50px; height:50px;
	}
} /* (max-width:768px) */

/* select */
.sel_ty1 {
	display:inline-block;
	position:relative;
	min-width: 80px; height:40px;
	vertical-align:top;
	font-size:14px;
	color:#222; 
	background-color:#fff;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	z-index:1;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}/* 2017-02-03 3pg *//* 2017-02-06  회원가입,로그인_20170202_v0.1.pptx 3pg*/
.sel_ty1:before {
	content:'';
	position:absolute; top:0; right:0;
	width:30px; height:100%;
	background:url('../images/icon/icon_sel_ty1.png') no-repeat right 50%;
}
.sel_ty1 label {
	position:absolute; top:0; left:0;
	width:100%; height:38px; line-height:38px; padding:0 15px;
	color:#222;
	z-index:-1;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.sel_ty1 select {
	width:100%; height:40px; line-height:40px;
	font-family:inherit;
	border:0;
	opacity:0; filter:alpha(opacity=0);
}
.sel_ty1.disabled, .sel_ty1.disabled label {
	color:#888;
	background-color:#f5f5f5;
}

@media only screen and (max-width:768px) {
	input[type='checkbox'] + label, input[type='radio'] + label {
		font-size:0.8rem;
	}
	input[type='checkbox']:checked + label:before{
		background-image:url('../images/m_sp_ele.png');
		background-position:-18px -40px;
		background-size:500px auto;
	}
	input[type='radio']:checked + label:before{
		background-image:url('../images/m_sp_ele.png');
		background-position:-1px -41px;
		background-size:500px auto;
	}
	.sel_ty1 {
		height:50px;
	}
	.sel_ty1 label {
		height:50px; line-height:50px;/* 2017-02-03 add *//* 2017-02-06 revert */
	}
	.sel_ty1 select {
		height:50px; line-height:50px;
	}
} /* (max-width:768px) */

/* table */
th {font-weight:normal;font-family:'ntsB';}
tbody.txtc td {padding:17px 0 16px; text-align:center}
tbody.txtc td.txtl {padding:17px 20px 16px; text-align:left}
th.req {
	text-align:left;
}
th.req:after {
	display:inline-block; content:'';
	width:5px; height:5px; margin-left:5px;
	background-color:#ff7800;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	vertical-align:top;
}
.tbl_primary {border-top:1px solid #666;}
.tbl_primary th, .tbl_primary td {
	padding:17px 20px 16px;
	font-size:14px;
	border-bottom:1px solid #ddd;
}
.tbl_primary th{color:#222;}
.tbl_primary td.txtc {padding:17px 0 16px;}
.tbl_primary thead th {
	border-bottom:1px solid #999;
}
.tbl_primary td.no_data {
	padding:60px 0;
	text-align:center; line-height:22px;
}
.tbl_primary td.no_data .pc_br {display:block;}
.tbl_primary td.no_data .mo_br {display:inline-block;}
.tbl_primary tr:hover  td {background-color:#fffdfa}

.tbl_txt {
	line-height:21px;
	font-size:14px;
}
td .division {padding-bottom:20px;}

.tbl_ty1 th {
	border-bottom:1px solid #ddd;
	background:#f9f9f9;
	color:#222; text-align:left; font-family:'ntsR';
}
.tbl_ty1 td {border-bottom:1px solid #ddd;}
.tbl_ty1 td .list_dot {color:#888;}
.tbl_ty1 td .btn-inquire {margin-left:10px;}
.tbl_ty1 .txt-section {display:block;}

.tbl_ty2 {font-size:14px; line-height:20px;}
.tbl_ty2 thead tr:first-child th {border-top:2px solid #666;}
.tbl_ty2 th {
	background-color:#f9f9f9;
}
.tbl_ty2 thead th {
	font-family:'ntsB'; color:#222;
	border-bottom:1px solid #666;
}
.tbl_ty2 th, .tbl_ty2 td {padding:14px 0 16px;}
.tbl_ty2 td {
	text-align:center;
}
.tbl_ty2 tbody th {font-family:'ntsR';}
.tbl_ty2 tbody th, .tbl_ty2 tbody td {border-bottom:1px solid #ddd;}
.tbl_ty2 tbody tr:last-child th, .tbl_ty2 tbody tr:last-child td {border-bottom:1px solid #666;}

.tbl_block > li {
	position:relative;
	border-bottom:1px solid #ddd;
}
.tbl_block li .no {
	position:absolute; left:0; top:30px;
	color:#222;
}
.tbl_block li .info span {display:block;}
.tbl_block li .tit {color:#222}
.tbl_block li .division strong {
	padding:0 5px;
	border:1px solid #888;
	color:#888;
}
.tbl_block li .division em {
	padding:0 5px;
	border:1px solid #ff7800;
	color:#ff7800;
}
.tbl_block li .button {position:absolute; top:20px;}

@media only screen and (min-width:769px) {
	.tbl_ty1 {
		margin-top:10px;
		font-size:14px;
	}
	.tbl_ty1 .tbl_width {width:25%;}
	.tbl_ty1 th {
		padding:10px 0 12px 40px;
		line-height:20px;
	}
	.tbl_ty1 td {padding:8px 0 9px 40px;}
	.tbl_ty1 tr:first-child th,
	.tbl_ty1 tr:first-child td {border-top:2px solid #666;}
	.tbl_ty1 + .btn_area {margin-top:40px;}


	.tbl_block {border-top:2px solid #666;}
	.tbl_block > li {padding:19px 0 20px;}
	.tbl_block li .no {
		width:80px; text-align:center;
		font-size:20px;
	}
	.tbl_block li .info {padding-left:80px;}
	.tbl_block li .tit {font-size:16px;}
	.tbl_block li .division {margin-bottom:10px;}
	.tbl_block li .sub_tit {
		margin-top:9px;
		font-size:14px;
	}
	.tbl_block li .button {right:30px;}
} /* (min-width:769px) */


@media only screen and (max-width:768px) {
	.tbl_primary th, .tbl_primary td {font-size:0.867rem}
	.tbl_primary td.no_data .pc_br {display:inline-block;}
	.tbl_primary td.no_data .mo_br {display:block;}

	.tbl_ty1 {
		margin-bottom:15px;
		font-size:0.733rem;
	}
	.tbl_ty1 th {
		padding:7px 0 7px 15px;
		line-height:1rem;
	}
	.tbl_ty1 .tbl_width {width:35%;}
	.tbl_ty1 td {padding:5px 17px;}
	.tbl_ty1 tr:first-child th,
	.tbl_ty1 tr:first-child td {border-top:1px solid #666;}
	.tbl_ty1 .txt-section {font-size:0.667rem;}
	.tbl_ty1 td .list_dot {margin-top:3px;}
	.tbl_ty1 td .list_dot li {
		font-size:0.733rem;
		line-height:1rem;
	}
	.tbl_ty1 + .btn_area {margin-top:15px;}

	.tbl_ty2 {font-size:0.867rem; line-height:1.2rem;}
	.tbl_ty2 th, .tbl_ty2 td {padding:10px 0;}

	.div_tab_ty1 .tbl_block {
		margin:9px -15px 0; padding:0 30px;
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}
	.tbl_block {
		padding:0 15px;
		border-top:9px solid #eee;
	}
	.tbl_block > li {padding:19px 0 20px;}
	.tbl_block li .no {
		position:absolute; left:0; top:20px;
		width:30px;
	}
	.tbl_block li .info {padding-left:30px;}
	.tbl_block li .tit {font-size:1rem;}
	.tbl_block li .division {margin-bottom:3px;}
	.tbl_block li .division em,
	.tbl_block li .division strong {font-size:0.733rem;}
	.tbl_block li .sub_tit {font-size:0.9rem;}
	.tbl_block li .button {right:0;}
} /* (max-width:768px) */


.tit_h4 {position:relative;}
.tit_h4 small {
	font-size:14px; font-family:'ntsR';
	color:#888;
}
.tit_h4 span.req {
	position:absolute; right:0; top:calc(50% - 8px);
	font-family:'ntsR'; font-size:14px; font-weight:normal;
	color:#ff7800;
}
.tit_h4 span.req:before {
	display:inline-block; content:'';
	width:5px; height:5px; margin-right:5px;
	background-color:#ff7800;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	vertical-align:middle;
}
.tit_h4 .req:after {
	width:0; height:0;margin:0;
}
.req_txt {
	font-family:'ntsR'; font-size:14px;
	color:#ff7800;
}
.req_txt:before {
	display:inline-block; content:'';
	width:5px; height:5px; margin-right:5px;
	background-color:#ff7800;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
	vertical-align:middle;
}
.info_txt {
	margin-top:10px;
	font-size:12px;
}
.info_txt.b {color:#ff7800}

@media only screen and (max-width:768px) {
	.tbl_primary_outer {margin:0 15px;}
	.tbl_primary th {
		padding:15px 0;
		font-size:0.867rem;
	}
	.tbl_primary td {font-size:0.8rem;}
	tbody.txtc td.txtl {
		padding:15px;
		text-align:left;
	}
	.tit_h4 span.req {
		right:15px;
		font-size:0.733rem;
	}
	.tit_h4 span.req:before {width:4px; height:4px; margin-right:5px;}
	.req_txt {font-size:0.867rem;}
	.info_txt {
		margin-top:5px;
		font-size:0.733rem;
	}

} /* (max-width:768px) */


/* paging */
.paging {
	margin:30px 0 20px;
	text-align:center;
}
.paging a {
	position:relative;
	display:inline-block;
	width:32px; height:32px; line-height:31px;
	margin-right:1px;
	font-size:14px;
	vertical-align:middle;
	text-decoration:none;
	color:#666;
	border:1px solid #eee;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.paging .on {
	cursor:default;
	color:#fff;
	border:1px solid #666;
	background-color:#666;
}
.paging .first, .paging .prev, .paging .next, .paging .last {
	font-size:0;
	overflow:hidden;
}
.paging .prev {margin-right:16px;}
.paging .next {margin-left:16px;}
.paging .first:before, .paging .prev:before, .paging .next:before, .paging .last:before {
	display:block; content:'';
	width:32px; height:32px; line-height:31px;
	position:absolute; left:-1px; top:0;
	font-family:'FontAwesome';
	font-size:16px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.paging .first:before {content:'\f100';}
.paging .prev:before {content:'\f104';}
.paging .next:before {content:'\f105';}
.paging .last:before {content:'\f101';}
@media only screen and (max-width:768px) {
	.paging a {
		width:25px; height:25px; line-height:23px;
		font-size:0.867rem;
	}
	.paging .prev {margin-right:16px;}
	.paging .next {margin-left:16px;}
	.paging .first:before, .paging .prev:before, .paging .next:before, .paging .last:before {
		width:25px; height:25px; line-height:23px;
	}
} /* (max-width:768px) */

.alertPop {
	position:fixed; top:100px; left:calc(50% - 140px);
	width:360px;
	text-align:center;
	z-index:9999;
}/* 2017-02-06 회원가입,로그인_20170202_v0.1.pptx 2중 modal처리로 인한 z-index 수정 */
.alertPop .inner {
	padding:35px 0 15px;
	background-color:#fff;
}
.alertPop p {font-size:14px; line-height:20px;}
.alertPop [class^="col"] { margin-top:30px;}
.alertPop button {
	width:100px; height:30px;
	font-size:14px; color:#fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	background-color:#ff7800;
}
.alertPop button + button {margin-left:8px;}
.alertPop .col2 button:first-child {
	background-color:#888;
}

@media only screen and (max-width:768px) {
	.alertPop {
		top:200px; left:15px;
		width:calc(100% - 30px);
	}
	.alertPop .inner {
		padding-left:15px; padding-right:15px;
	}
	.alertPop p {font-size:0.867rem; line-height:1.2rem;}
	.alertPop button {
		width:100%;
		font-size:0.867rem;
	}
	.alertPop .col2 button {
		width:calc(50% - 6px);
		font-size:0.867rem;
	}
	.alertPop button + button {margin-left:8px;}
} /* (max-width:768px) */


/* dl_view */
@media only screen and (min-width:769px) {
.dl_view {border-top:2px solid #666}
	.dl_view {padding-top:15px;}
	.dl_view > li {border-bottom:1px solid #ddd;}
	.dl_view > li > dl {
		position:relative;
	}
	.dl_view > li > dl > dt {
		position:absolute; left:0; top:calc(50% - 11px);
		width:150px; padding-left:50px;
		font-size:14px; line-height:22px;
		color:#222;
	}
	.dl_view > li > dl > dt.row2 {
		top:calc(50% - 22px);
	}
	.dl_view > li > dl > dt[class^="row"] span{
		display:block;
	}
	.req:after {
		display:inline-block; content:'';
		width:5px; height:5px; margin:3px 0 0 5px;
		background-color:#ff7800;
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
		vertical-align:top;
	}
	.dl_view > li > dl > dd {
		margin:15px 0; padding-left:210px; padding-right:50px;
		font-size:14px; color:#222;
	}/* 2017-02-04 6pg */
	.dl_view > li:first-child > dl > dd {margin-top:0;}
	.dl_view > li > dl > dd .division {padding-bottom:20px;}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.dl_view {border-top:1px solid #ddd; padding-top:15px; padding-bottom:15px;}
	.dl_view > li {padding:0 15px;}
	.dl_view > li > dl > dt {
		position:relative;
		margin:17px 0 6px;
		font-family:'ntsB'; font-size:0.867rem;
		color:#222;
	}
	.dl_view > li:first-child > dl > dt {margin-top:0;}
	.dl_view > li > dl > dt[class^="row"] span{}
	.req:after {
		display:inline-block; content:'';
		width:4px; height:4px; margin:3px 0 0 5px;
		background-color:#ff7800;
		-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
		vertical-align:top;
	}
	.dl_view > li > dl > dd {
		font-size:0.8rem; color:#222;
	}
	.dl_view > li > dl > dd .division {padding-bottom:15px;}

} /* (max-width:768px) */

.ul_view {border-top:2px solid #666; border-bottom:1px solid #666;}
.ul_view li {
	border-top:1px solid #ddd;
	font-size:17px;
}
.ul_view li:first-child {border-top:0 none;}
.ul_view li dl {position:relative;}
.ul_view li dl dt {
	position:absolute; left:48px; top:calc(50% - 10px);
	color:#888;
}
.ul_view li dl dt label {color:#888;}

.ul_view li dl dd {
	padding:20px 0 20px 160px;
	color:#222;
}
.ul_view li.no_data {
	padding:60px 0; line-height:1.4em;
	text-align:center;
}
@media only screen and (max-width:768px) {
	.ul_view li {font-size:0.867rem}
	.ul_view li dl dd {padding:13px 0 13px 120px;}
	.ul_view li dl dt {left:30px;}
} /* (max-width:768px) */

/* button */
button[class^="btn_large_"] {
	width:180px; height:50px;
	font-family:'ntsB'; font-size:16px; color:#fff; text-align:center;
	border:0 none;
	-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;
	outline: none;
}
button[class^="btn_large_"]:disabled {
	color:#aaa;
	background-color:#eee;
	border:0 none;
}


button[class^="btn_large_"] + button[class^="btn_large_"] {margin-left:8px;}
.btn_large_ty1 {background-color:#ffc258}
.btn_large_ty2 {background-color:#ff671b}
.btn_large_ty3 {background-color:#ff671b}
button.btn_large_ty4 {
	color:#888;
	background-color:#fff;
	border:1px solid #888;
}
.btn_large_ty5 {background-color:#bfce2f}

button[class^="btn_medium_"] {
	min-width:93px; height:40px; padding:0 20px;
	font-size:14px; color:#fff; text-align:center;
	border:0 none;
	-webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;
}
.btn_medium_ty1 {background-color:#ff7800;}
.btn_medium_ty2 {background-color: #888;}
.btn_month {
	width:70px; height:40px;
	font-size:14px; color:#222;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	background-color:#fff;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.btn_month {margin-left:5px;}

button[class^="btn_"].toggle:after {
	display:inline-block; content:'';
	width:12px; height:7px; margin-left:5px;
	background:url('../images/sp_ele.png') no-repeat -80px 0; 
}
button[class^="btn_"].toggle.on:after {background:url('../images/sp_ele.png') no-repeat -80px -10px;}

button[class^="btn_small_"] {
	min-width:93px; height:30px; padding:0 20px;
	font-size:14px; color:#fff; text-align:center;
	border:0 none;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
button[class^="btn_small_"]:disabled {
	color:#aaa;
	background-color:#eee;
	border:0 none;
}
button[class^="btn_small_"] + button[class^="btn_small_"] {margin-left:8px;}
.btn_small_ty1 {background-color:#888}
.btn_small_ty2 {background-color:#ff7800}

button.btn_small_ty3 {
	min-width:100px; height:30px; padding:0 20px;
	color:#ff7800;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	border:1px solid #ff7800;
}
button.btn_small_ty4 {
	min-width:100px; height:30px; padding:0 20px;
	color:#888;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	border:1px solid #888;
}
button.btn_small_ty5 {
	min-width:60px; height:30px; padding:0 10px;
	font-size:12px; color:#666;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}

.btn_openness {
	position:relative;
	width:93px; height:40px;
	font-family:'ntsR';
	font-size:14px;
	color:#fff;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	background-color:#ffc258;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.btn_openness:after {
	display:inline-block; content:'';
	width:5px; height:9px; margin-left:10px;
	background:url('../images/sp_ele.png') no-repeat -120px 0; 
}
.btn_add {
	position:relative;
	width:93px; height:40px; margin-left:4px;
	font-family:'ntsR'; font-size:14px; color:#fff; vertical-align:top;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;
	background-color:#ffc258;
}
.btn_add:after {
	display:inline-block; content:'';
	width:9px; height:9px; margin:-1px 0 0 5px;
	vertical-align:middle;
	background:url('../images/sp_ele.png') no-repeat -120px -19px;
}
.btn_search {
	position:relative;
	min-width:93px; height:40px; margin-left:7px;
	font-family:'ntsR';
	font-size:14px;
	color:#fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	background-color:#ff7800;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.btn_search:after {
	display:inline-block; content:'';
	width:5px; height:9px; margin-left:10px;
	background:url('../images/sp_ele.png') no-repeat -120px 0; 
}

.btn-inquire {
	min-width:64px; height:30px;
	padding:0 5px;
	font-family:'ntsR';
	font-size:12px;
	color:#666;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	background-color:#f4f4f4;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}

@media only screen and (min-width:769px) {
	button.btn_small_ty4.play:after, button.btn_small_ty4.down:after, button.btn_small_ty4.url:after {
		display:inline-block; content:'';
		width:10px; height:10px; margin-left:7px;
	/*2017.02.17 추가수정*/
	}
	button.btn_small_ty4.play:after {
		background:url('../images/icon/icon_play2.png') no-repeat 0 0 ;
	}
	button.btn_small_ty4.down:after {
		background:url('../images/icon/icon_down2.png') no-repeat 0 0 ;
	}
	button.btn_small_ty4.url:after {
		background:url('../images/icon/icon_link.png') no-repeat 0 0 ;
	}
	/*2017.02.17 추가수정*/

} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	button[class^="btn_large_"] + button[class^="btn_large_"] {margin-left:4px;}
	.btn_openness {height:50px;}
	.sear_set1 input {width:calc(100% - 100px);}
	.btn_search {height:50px; margin-left:2px;}
	.btn-inquire {
		min-width:55px; height:25px;
		padding:0 5px;
		font-size:0.667rem;
	}

	button.btn_small_ty4.play, button.btn_small_ty4.down, button.btn_small_ty4.url {
		min-width:30px; height:30px; padding:0;
		font-size:0; text-indent:-999em;
	}
	/*2017.02.17 추가수정*/
	button.btn_small_ty4.play {
		background:url('../images/icon/icon_play2.png') no-repeat 50% ;
	}
	button.btn_small_ty4.down {
		background:url('../images/icon/icon_down2.png') no-repeat 50% ;
	}
	button.btn_small_ty4.url {
		background:url('../images/icon/icon_link.png') no-repeat 50% ;
	/*2017.02.17 추가수정*/
	}
	button.btn_small_ty4.play + button {margin-left:2px;}

} /* (max-width:768px) */


/* tab */
.div_tab_ty1 > ul:first-child > li, .div_tab_ty2 > ul:first-child > li, .div_tab_ty3 > ul:first-child > li {display:table; float:left;}/* 2017-02-03 add */
.div_tab_ty1 > ul:first-child > li > a, .div_tab_ty2 > ul:first-child > li > a{
	display:table-cell;
	height:48px;
	font-size:16px; text-align:center; vertical-align:middle; color:#222; 
	border:1px solid #ddd; border-right:0 none;
}
.div_tab_ty1 > ul.tab_tit.v2 > li > a{
	height:36px !important;
	line-height:36px !important;
}
.div_tab_ty1 > ul.tab_tit.v2 {margin-top:10px}
.div_tab_ty1 > ul.tab_tit.v2 >li > a{
	display:inline-block;
	width:100%;
	text-align:center;
	border:1px solid #ddd; 
}
.div_tab_ty1 > ul.tab_tit.v2 >li.on > a{
    background-color:#aaa;
	border:1px solid #aaa; 
	color:#000; 
}

/* 2017-02-03 add */
.div_tab_ty1 > ul >li.on > a, .div_tab_ty2 > ul >li.on > a{
	font-family:'ntsB'; color:#fff;
	background-color:#ffb100;
	border:1px solid #ffb100;
}


/* 2017-02-03 add */
.div_tab_ty1 > ul  >li.on + li > a, .div_tab_ty2 > ul  >li.on + li > a {border-left:0 none;}/* 2017-02-03 add */
.div_tab_ty1 > ul > li:first-child a, .div_tab_ty2 > ul > li:first-child a{
	-webkit-border-top-left-radius:3px; -moz-border-top-left--radius:3px; border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px; -moz-border-bottom-left--radius:3px; border-bottom-left-radius:3px;
}/* 2017-02-03 add */
.div_tab_ty1 > ul > li:last-child a, .div_tab_ty2 > ul > li:last-child a{
	border-right:1px solid #ddd;
	-webkit-border-top-right-radius:3px; -moz-border-top-right--radius:3px; border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px; -moz-border-bottom-right--radius:3px; border-bottom-right-radius:3px;
}/* 2017-02-03 add */
.div_tab_ty1 > ul.col1 > li, .div_tab_ty3 > ul.col1 > li {width:33.3%;margin:0 auto;float:none}
.div_tab_ty1 > ul.col2 > li, .div_tab_ty3 > ul.col2 > li {width:50%;float:left}
.div_tab_ty1 > ul.col3 > li, .div_tab_ty3 > ul.col3 > li, .div_tab_ty2 > ul.col3 > li {width:33.3%;}
.div_tab_ty1 > ul.col4 > li, .div_tab_ty3 > ul.col4 > li {width:25%;}
.div_tab_ty1 > ul.col5 > li, .div_tab_ty3 > ul.col5 > li {width:20%;}
.div_tab_ty1 > ul.col8 > li, .div_tab_ty3 > ul.col8 > li {width:12.5%;}
div[class^="tab_cnt"] {display:none;}

.scroll {
	overflow-y:hidden; overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.div_tab_ty2 .scroll > ul {
	position:relative;
}

.div_tab_ty2 .scroll > ul > li, .div_tab_ty2 .scroll > ul > li > a {display:inline-block;}
.div_tab_ty2 .scroll > ul > li.on > a {
	position:relative;
	font-family:'ntsB'; color:#ff7800;
}
.div_tab_ty2 .scroll > ul > li.on > a:after {
	display:block; content:'';
	position:absolute; left:0; bottom:0;
	width:100%; height:2px;
	background-color:#ff7800;
	z-index:2;
	-webkit-animation:mymove 1s infinite;
	animation:mymove 1s infinite;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
}
@-webkit-keyframes mymove {
	from {width:0;}
	to {width:100%;}
}

@keyframes mymove {
	from {width:0;}
	to {width:100%;}
}

@media only screen and (min-width:769px) {
	.div_tab_ty1 > ul > li > a{
		display:block;
		height:48px; line-height:48px;
		font-size:16px;
		text-align:center;
		color:#222; 
		border:1px solid #ddd;
		border-right:0 none;
	}
	.div_tab_ty1 > ul > li:first-child, .div_tab_ty3 > ul > li:first-child {margin-left:0;}

	.div_tab_ty2 .scroll > ul {text-align:center;}
	.div_tab_ty2 .scroll > ul:before {
		display:block; content:'';
		position:absolute; left:0; bottom:0;
		width:100%; height:1px;
		background-color:#ddd;
		z-index:1;
	}
	.div_tab_ty2 .scroll > ul > li {margin:0 11px;}
	.div_tab_ty2 .scroll > ul > li > a {
		min-height:41px; line-height:41px; padding:0 9px;
		font-size:14px; color:#222;
	}
	[class^='div_tab_ty'] > div > .tit_h4 {margin:35px 0 10px;}
	.div_tab_ty1 > .hide + .div_tab_ty2 > [class^="tab_cnt"] > .tit_h4:first-child {margin-top:35px;}
	.div_tab_ty2 > div[class^="tab_cnt"] > .tit_h4:first-child {margin-top:0;}

	.search_ty1 + .div_tab_ty2 > .scroll ~ [class^='tab_cnt'] > .tit_h4 {margin-top:0;}

	.div_tab_ty3 > ul {border-bottom:1px solid #ddd;}
	.div_tab_ty3 > ul > li > a {
		display:block;
		height:40px; line-height:40px;
		font-size:14px; text-align:center;
		color:#888;
		border:1px solid #ddd; border-right:0 none; border-bottom:0 none;
		background-color:#f7f7f7;
	}
	.div_tab_ty3 > ul > li:first-child > a {
		-webkit-border-top-left-radius:3px; -moz-border-top-left--radius:3px; border-top-left-radius:3px;
	}
	.div_tab_ty3 > ul > li:last-child > a {
		border-right:1px solid #ddd;
		-webkit-border-top-right-radius:3px; -moz-border-top-right--radius:3px; border-top-right-radius:3px;
	}
	.div_tab_ty3 > ul >li.on > a {
		position:relative;
		font-family:'ntsB';
		color:#ff7800;
		border-bottom:0 none;
		border-right:1px solid #ddd;
		background-color:#fff;
	}
	.div_tab_ty3 > ul  >li.on > a:after{
		display:block; content:'';
		position:absolute; left:0; bottom:-1px;
		width:100%; height:2px;
		background-color:#fff;
	}
	.div_tab_ty3 > ul  >li.on + li > a{
		border-left:0 none;
	}
	.div_tab_ty4 .tab_tit {border-bottom:1px solid #333;}
	.div_tab_ty4 .tab_tit li {
		position:relative;
		float:left; width:145px; line-height:58px;
	}
	.div_tab_ty4 .tab_tit li ~ li:before {
		display:block; content:'';
		position:absolute; left:0; top:calc(50% - 8px);
		width:1px; height:17px;
		background-color:#c4c4c4;
	}
	.div_tab_ty4 .tab_tit li a {
		display:block;
		font-size:18px; color:#222; text-align:center;
	}
	.div_tab_ty4 .tab_tit li.on {
		border:1px solid #333; border-bottom:0 none;
	}
	.div_tab_ty4 .tab_tit li.on:before, .div_tab_ty4 .tab_tit li.on + li:before {
		background-color:#fff;
	}
	.div_tab_ty4 .tab_tit li.on:after {
		display:block; content:'';
		position:absolute; left:0; bottom:-1px;
		width:100%; height:2px;
		background-color:#fff;
	}
	.div_tab_ty4 [class^="tab_cnt"] {padding-top:60px; padding-bottom:60px;}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.div_tab_ty1 > ul, .div_tab_ty3 > ul {margin:0 15px;}

	.div_tab_ty1 > div[class^="tab_cnt"] {
		margin-top:15px;
		border-top:9px solid #eee;
	}
	.div_tab_ty1 > div[class^="tab_cnt"] .search_ty1 {
		margin-top:-5px; padding-top:0;
		border-top:0 none;
	}

	.div_tab_ty1 > ul:first-child > li > a, .div_tab_ty2 > ul:first-child > li > a {font-size:0.8rem; line-height:1.1rem}

	.div_tab_ty2 {overflow:hidden;}
	.div_tab_ty2 .scroll {
		position:relative;
		min-height:41px;
	}
	.scroll::-webkit-scrollbar {-webkit-appearance:none;}
	.scroll::-webkit-scrollbar-thumb {background-color:transparent; -webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);}
	.div_tab_ty2 .scroll:before, .div_tab_ty2 .scroll:after {
		display:block; content:'';
		width:190%; height:9px;
		background-color:#eee;
	}/* 2017-02-02 3pg */
	.div_tab_ty2 .scroll:before {
		border-bottom:1px solid #ddd;
	}
	.div_tab_ty2 .scroll:after {
		border-top:1px solid #ddd;
	}

	.div_tab_ty2 .scroll > ul {
		height:39px; padding:0 15px;
		width: 180%;
	}/* 2017-02-02 3pg */
	.div_tab_ty2 .scroll > ul > li {
		float:left;
		padding:0 5px;
	}
	.div_tab_ty2 .scroll > ul > li:first-child {padding-left:0}
	.div_tab_ty2 .scroll > ul > li:last-child {padding-right:0}
	.div_tab_ty2 .scroll > ul > li > a {
		min-height:39px; line-height:39px; /*padding:0 5px;*/padding:0px;
		font-size:0.867rem; color:#222;
	}
	.div_tab_ty2 > div > .tit_h4 {
		margin:0 0 10px;
		border-bottom:1px solid #ddd;
	}
	.div_tab_ty2 > .scroll ~ div > .tit_h4 {margin:0;}
	div.div_tab_ty3 > ul {
		margin-top:20px;
		border-top:1px solid #ddd; border-bottom:1px solid #ddd;
	}
	.div_tab_ty3 > ul > li{width:50%;}
	.div_tab_ty3 > ul > li > a {
		position:relative;
		display:block;
		height:35px; line-height:35px;
		font-size:0.800rem; text-align:center;
		color:#888;
	}
	.div_tab_ty3 > ul > li:first-child > a:after {
		display:block; content:'';
		position:absolute; right:0; top:10px;
		width:1px; height:calc(100% - 20px);
		background-color:#ddd;
	}
	.div_tab_ty3 > ul  >li.on > a {font-family:'ntsB'; color:#ff7800;}

	.div_tab_ty4 .tab_tit {
		padding:0;
		border-bottom:1px solid #ccc;
	}
	.div_tab_ty4 .tab_tit li {
		position:relative;
		float:left; margin:0; padding:0; line-height:40px; width: 25%;
	}
	.preview_box .div_tab_ty4 .tab_tit li {
		width: 33.3333%;
	}
	.div_tab_ty4 .tab_tit.mo_bar_bg_10 li {
		width: 33.3333%;
	}
	.div_tab_ty4 .tab_tit li a {
		display:block;
		font-size:0.867rem; color:#222; text-align:center;
	}
	.div_tab_ty4 .tab_tit li.on > a {font-family:'ntsB'; color:#ff7800;}
	.div_tab_ty4 .tab_tit li.on:after {
		display:block; content:'';
		position:absolute; left:0; bottom:-1px;
		width:100%; height:2px;
		background-color:#ff7800;
	}
	.div_tab_ty4 [class^="tab_cnt"] {padding:20px 15px;}
} /* (max-width:768px) */

/* accordion */
.search_num {font-size:14px; color:#000;}
.search_num span {color:#ff7800;}

.accordion_ty1 .detail {
	display:none;
	border-top:1px solid #ddd;
}
.accordion_ty1 .cnt > li .click {
	position:relative;
	cursor:pointer;
}
.accordion_ty1 .cnt > li .click:after {
	display:block; content:'';
}

@media only screen and (min-width:769px) {
	.search_num {
		padding-bottom:15px;
		font-size:14px;
	}
	.accordion_ty1 .top_tit {
		border-top:2px solid #666; border-bottom:1px solid #666;
	}
	.accordion_ty1 .top_tit li {
		float:left;
		line-height:50px;
		font-size:14px; text-align:center; color:#222;
	}
	.accordion_ty1 .cnt {font-size:14px; line-height:20px;}
	.accordion_ty1 .cnt > li {
		border-bottom:1px solid #ddd;
	}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.search_num.line_top {
		padding-top:20px;
		border-top:9px solid #eee;
	}
	.search_num {
		padding:0 15px 10px;
		font-size:0.8rem;
	}
	.accordion_ty1 {
		padding:20px 15px;
		border-top:1px solid #ddd;
	}
	.accordion_ty1 .top_tit {display:none;}
	.accordion_ty1 .cnt {font-size:0.867rem; line-height:1.2rem;}
	.accordion_ty1 .cnt > li {
		margin-top:10px;
		border:1px solid #ddd;
	}
	.accordion_ty1 .cnt > li:first-child {margin-top:0;}
	.accordion_ty1 .click {
		background-color:#f9f9f9;
	}
	.accordion_ty1 .click > ul {
		padding:13px 30px 13px 15px;
		border-top:1px solid #ddd;
		background-color:#fff;
	}
	/* .accordion_ty1 .cnt > li .click:after {
		position:absolute; right:15px; top:calc(50% + 17px);
		width:11px; height:6px;
		background:url('../images/m_sp_ele.png') no-repeat -30px -70px; background-size:500px auto;
	}
	.accordion_ty1 .cnt > li .click.on:after {background-position:-18px -70px;} */
	
	/* 2017-02-02 map dropDown */
	.accordion_ty1 .cnt > li .click > .mapDropDown {
		position:absolute; right:15px; top:calc(50% + 17px);
		width:11px; height:6px;
		background:url('../images/m_sp_ele.png') no-repeat -30px -70px; background-size:500px auto;
		padding: 0;
	}
	.accordion_ty1 .cnt > li .click.on > .mapDropDown {background-position:-18px -70px;}

} /* (max-width:768px) */



/* step */
.step_ty1 {overflow:hidden; padding-bottom:15px;}
.step_ty1 li {
	display:table;
	float:left;
}
.step_ty1.col3 li {width:33.3%;}
.step_ty1 li span {
	display:table-cell;
	position:relative;
	height:64px; padding-left:40px;
	vertical-align:middle;
	color:#fff;
	background:#888;
	border:1px solid #888;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.step_ty1 li:nth-child(1) span {
	padding-left:20px;
}
.step_ty1 li span.on {
	color:#fff;
}
.step_ty1 li span em {
	font-family:'ntsR';
	font-size:16px;
	color:rgba(255,255,255,0.6);
}
.step_ty1 li span b {
	display:block;
	margin-top:5px;
	font-family:'ntsB';
	font-size:20px;
}
.step_ty1 li:nth-child(1) span:before, .step_ty1 li:nth-child(2) span:before {
	display:block; content:"";
	position:absolute; left:100%; top:-5px;
	width:0; height:0;
	border-style:solid;
	border-width:37px 0 37px 32px;
	border-color:transparent transparent transparent #fff;
	z-index:1;
}
.step_ty1 li:nth-child(1) span:after, .step_ty1 li:nth-child(2) span:after {
	display:block; content:"";
	position:absolute; left:100%; top:0;
	width:0; height:0;
	border-style:solid;
	border-width:32px 0 32px 27px;
	border-color:transparent transparent transparent #888;
	z-index:2;
}
.step_ty1 li:nth-child(1) span.on {
	background:#ffb100;
	border:1px solid #ffb100;
}
.step_ty1 li:nth-child(1) span.on:before {
	border-color:transparent transparent transparent #fff;
}
.step_ty1 li:nth-child(1) span.on:after {
	border-color:transparent transparent transparent #ffb100;
}
.step_ty1 li:nth-child(2) span.on {
	background:#ff9000;
	border:1px solid #ff9000;
}
.step_ty1 li:nth-child(2) span.on:before {
	border-color:transparent transparent transparent #fff;
}
.step_ty1 li:nth-child(2) span.on:after {
	border-color:transparent transparent transparent #ff9000;
}
.step_ty1 li:nth-child(3) span.on {
	background:#ff7800;
	border:1px solid #ff7800;
}
.step_ty1 li:nth-child(3) span.on:before {
	border:0 none;
}
.step_ty1 li:nth-child(3) span.on:after {
	border:0 none;
}

@media only screen and (max-width:768px) {
	.step_ty1 {
		margin:0 15px 15px 15px;
		border-radius: 10px;
		padding-bottom:0;
	}
	.step_ty1 li span {
		height:45px; padding-left:40px;
	}
	.step_ty1 li:nth-child(1) span {
		padding-left:20px;
	}
	.step_ty1 li span em {font-size:0.667rem;}
	.step_ty1 li span b {
		margin-top:-8px;
		font-size:0.867rem;
	}
	.step_ty1 li:nth-child(1) span:before, .step_ty1 li:nth-child(2) span:before {
		top:-4px;
		border-width:26px 0px 26px 20px;
	}
	.step_ty1 li:nth-child(1) span:after, .step_ty1 li:nth-child(2) span:after {border-width:22px 0 22px 17px;}
} /* (max-width:768px) */

@media only screen and (min-width:769px) {
	.link {
		position:relative;
		display:inline-block;
		padding-right:12px;
		font-size:14px; color:#ff7800;
	}
	.link:before, .link:after {
		display:block; content:'';
		position:absolute; right:2px;
		width:1px; height:7px;
		background-color:#ff7800;
	}
	.link:before {
		top:calc(50% - 5px);
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
	}
	.link:after {
		 top:calc(50% - 1px);
		-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	}
	.link + .link {margin-left:20px;}
	
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.link {
		position:relative;
		display:inline-block;
		padding-right:10px;
		font-size:0.8rem; color:#ff7800;
	}
	.link:before, .link:after {
		display:block; content:'';
		position:absolute; right:2px;
		width:1px; height:6px;
		background-color:#ff7800;
	}
	.link:before {
		top:calc(50% - 5px);
		-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);
	}
	.link:after {
		 top:calc(50% - 1px);
		-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);
	}
	.link + .link {margin-left:10px;}
} /* (max-width:768px) */

.sel_chk {color:#666;}
.sel_chk > .tit {
	position:relative;
	height:40px; line-height:40px; padding:0 15px;
	cursor:pointer;
	border:1px solid #ddd;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.sel_chk > ul {
	display:none;
	margin-top:7px; padding:20px 15px;
	border:1px solid #ccc;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	
}
.sel_chk > ul > li {padding-top:10px;}
.sel_chk > ul > li label {color:#666;}
.sel_chk > ul > li:first-child {padding-top:0;}
.sel_chk > .tit:before {
	display:block; content:'';
	position:absolute; top:0; right:0;
	width:30px; height:100%;
	background:url('../images/icon/icon_sel_ty1.png') no-repeat right 50%;
}
.sel_chk > .tit.on:before {
	background:url('../images/icon/icon_sel_ty1_on.png') no-repeat right 50%;
}

@media only screen and (max-width:768px) {
	.sel_chk > .tit {
		height:50px; line-height:50px;
	}
} /* (max-width:768px) */


/* thumlist_ty1 */
.thumlist_ty1 li {border-bottom:1px solid #ddd;}
.thumlist_ty1 li a {
	display:table;
	width:100%;
}
.thumlist_ty1 li a > span {display:table-cell;}
.thumlist_ty1 li a > span.img_thum {vertical-align:middle; width:124px;}
.thumlist_ty1 li a > span.img_thum img {
	width:100%;
}
.thumlist_ty1 li a > span.txt_thum {vertical-align:middle;}
.thumlist_ty1 li a > span.txt_thum > strong {display:block;}
.thumlist_ty1 li a > span.txt_thum > span {display:block;}
.thumlist_ty1 li a > span.txt_thum span.division strong, .thumlist_ty1 li a > span.txt_thum span.division em {
	padding:0 5px;
	border:1px solid #888;
	color:#888;
}
.thumlist_ty1 li a > span.txt_thum span.division strong {
}
.thumlist_ty1 li a > span.txt_thum span.division .tit_type {color:#222;}
.thumlist_ty1 li a > span.txt_thum > em {
	display:block;
	color:#888;
}
.best_thumlist {
	display:table;
	width:100%;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.best_thumlist span, .best_thumlist strong {display:inline-block;}
.best_thumlist .img_thum img {width:195px; max-width:195px; margin-right:25px;}
.best_thumlist .txt_thum {
	display:table-cell;
	vertical-align:middle;
}
.best_thumlist .txt_thum strong {font-family:'ntsB'; color:#444;}
.best_thumlist .txt_thum span {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	word-wrap:break-word;
}
.best_thumlist .txt_thum em {color:#888;}

.best_iconlist {
	position:relative;
	display:table;
}
.best_iconlist:before {
	display:block; content:'';
	position:absolute;
}
.best_iconlist > span {
	display:table-cell;
	vertical-align:middle;
}
.best_iconlist > span > strong, .best_iconlist > span > span {display:block;}
.best_iconlist strong {color:#ff7800}


@media only screen and (min-width:769px) {
	.thumlist_ty1 {border-top:2px solid #666;}
	.thumlist_ty1 li a {padding:18px 0;}
	.thumlist_ty1 li a > span.img_thum img {width:130px; max-width:130px; margin-right:20px;}
	.thumlist_ty1 li a > span.txt_thum {font-size:14px;}
	.thumlist_ty1 li a > span.txt_thum > strong {
		margin-bottom:10px;
		color:#444;
		font-size:20px;
		font-family:'ntsB';
		line-height:22px;
	}
	.thumlist_ty1 li a > span.txt_thum > span {
		display:block;
		line-height:20px;
	}
	.thumlist_ty1 li a > span.txt_thum span.division {
		margin-bottom:10px;
		font-size:12px;
	}
	.thumlist_ty1 li a > span.txt_thum span.division em {margin-left:2px;}
	.thumlist_ty1 li a > span.txt_thum > em {
		margin-top:10px;
		font-size:13px;
	}
	.best_thumlist {
		height:190px; padding:20px 30px;
		border:1px solid #ddd;
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	}
	.best_thumlist .img_thum img {width:195px; max-width:195px; margin-right:25px;}
	.best_thumlist .txt_thum {height:150px;}
	.best_thumlist .txt_thum strong {
		padding-bottom:15px;
		font-size:20px;
	}
	.best_thumlist .txt_thum span {
		margin-bottom:10px;
		font-size:14px;
		-webkit-line-clamp:4;
		line-height:1.4em;
		height:5.6em;
	}
	.best_thumlist .txt_thum em {font-size:13px;}

	.best_iconlist {width:100%; min-height:80px; padding-left:130px;}
	.best_iconlist:before {
		left:30px; top:calc(50% - 40px);
		width:80px; height:80px;
		background:url('../images/sp_ele.png') no-repeat -215px -120px;
	}
	.best_iconlist .txt_thum strong {
		padding-bottom:13px;
		font-size:20px;
	}
	.best_iconlist .txt_thum span {font-size:14px;}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.thumlist_ty1 {border-top:9px solid #ededed;}
	.search_ty1 + .thumlist_ty1 {border-top:0 none;}
	.search_ty1 + .thumlist_ty1 li:first-child {border-top:1px solid #ddd;}
	.thumlist_ty1 li {margin:0 15px;}
	.thumlist_ty1 li a {padding:12px 0;}
	.thumlist_ty1 li a > span.img_thum {
		width:70px;
		padding-right:10px;
	}
	.thumlist_ty1 li a > span.txt_thum > strong {
		color:#222;
		font-size:1rem;
		line-height:1.333em;
	}
	.thumlist_ty1 li a > span.txt_thum > span {display:none;}
	.thumlist_ty1 li a > span.txt_thum > span.division {display:block;}
	.thumlist_ty1 li a > span.txt_thum span.division {
		margin-bottom:2px;
		font-size:0.867em;
	}
	.thumlist_ty1 li a > span.txt_thum span.division em {margin-left:2px;}
	.thumlist_ty1 li a > .txt_thum .division strong, .thumlist_ty1 li a > .txt_thum .division em {font-size:0.733rem}

	.best_thumlist {
		height:117px; padding:13px 15px;
		border-top:9px solid #eee;
	}
	.best_thumlist .img_thum img {width:120px; max-width:120px; margin-right:15px;}
	.best_thumlist .txt_thum {height:93px;}
	.best_thumlist .txt_thum strong {
		padding-bottom:5px;
		font-size:1.0rem;
	}
	.best_thumlist .txt_thum span {
		font-size:0.8rem;
		-webkit-line-clamp:2;
		line-height:1.333em;
		height:2.666em;
	}
	.best_thumlist .txt_thum em {font-size:0.667rem;}

	.best_iconlist {min-height:55px; padding:15px 15px 15px 85px;}
	.best_iconlist:before {
		left:15px; top:15px;
		width:55px; height:55px;
		background:url('../images/m_sp_ele.png') no-repeat -121px -150px; background-size:500px auto;
	}
	.best_iconlist .txt_thum strong {
		padding-bottom:5px;
		font-size:1.0rem;
	}
	.best_iconlist .txt_thum span {font-size:0.8rem; line-height:1.133rem;}

} /* (max-width:768px) */

/* thumlist_ty2 */
.thumlist_ty2 {overflow:hidden;}
.thumlist_ty2.buying {margin-bottom:50px;}
.thumlist_ty2 .memcast_list{border-radius: 17% 17% !important; background-color: #fcfcfc !important;}
.thumlist_ty2 > li {
	float:left;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.thumlist_ty2 > li.no_data_ask {
	width:100%;
	height:auto !important;
	min-height:auto !important;
	margin:0;
	border-left:none;
	border-right:none;
}
.thumlist_ty2 > li > div {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	cursor:pointer;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.thumlist_ty2 > li .img_thum {display:block;}
.thumlist_ty2 > li .img_thum img {width:100%;}
.thumlist_ty2 > li .txt_thum {display:block;}
.thumlist_ty2 > li .txt_thum > strong {
	display:block;
	color:#222;
}
.thumlist_ty2 > li .txt_thum .t_cont {
	overflow:hidden;
	display:block;
	margin-top:6px;
}
.thumlist_ty2 > li .txt_thum .date {
	display:block;
	color:#888;
}
.thumlist_ty2 > li .txt_thum .division {
	display:inline-block;
	border:1px solid #888;
	color:#888;
}
.thum_btn {text-align:center;}
.thum_btn button {
	width:60px; height:30px;
	color:#fff;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
}
.btn_item {background-color:#ff7800;}
.thum_down {background-color:#ffb100;}

.thumlist_ty2 > li .txt_thum .star_share {
	display:block;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
.thumlist_ty2 > li .txt_thum .icon_star {float:left;}
.btn_share {float:right;}

@media only screen and (min-width:769px) {
	.thumlist_ty2 > li {
		width:235px;
		height:auto;
		margin:20px 0 0 20px;
		background:#fff;
	}
	.thumlist_ty2 > li:nth-child(4n+1) {margin-left:0;}
	.thumlist_ty2 > li .img_thum {
		width:235px;
		height:271px;
		margin:-1px;
		overflow: hidden;
	}
	.thumlist_ty2 > li .img_thum.buying {		
		width:233px;		
		height:180px;		
		margin:0px;		
		overflow: hidden;		
		border:1px 1px 0px 1px;		
		border-color:#DDD;		
	}
	.thumlist_ty2 > li .txt_thum {padding:32px 20px;}
	.thumlist_ty2 > li .img_thum + .txt_thum {padding:18px 20px;}
	.thumlist_ty2 > li .txt_thum > strong {
		height:44px;
		font-size:16px;
		line-height:22px;
	}
	.thumlist_ty2 > li .txt_thum .t_cont {
		height:180px;
		font-size:14px;
		line-height:20px;
		max-height: 40px;
		-ms-text-overflow: ellipsis;
		text-overflow: ellipsis;
		display: -webkit-flexbox;
		display: -ms-box;
		display: box;
		overflow: hidden;
		vertical-align: top;
		word-break: break-all;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.thumlist_ty2 > li .txt_thum .date {
		margin:24px 0 -14px 0;
		font-size:13px;
	}
	.thumlist_ty2 > li .txt_thum .division {
		height:18px;
		margin-bottom:5px;
		padding:0 5px;
		font-size:12px;
	}
	.thumlist_ty2 > li .txt_thum .star_share {margin:29px 0 -14px 0;}
	.thumlist_ty2 > li .txt_thum .icon_star {margin-top:1px;}
	.thumlist_ty2 > li .txt_thum .btn_share {
		width:16px;
		height:15px;
		background:url('../images/sp_ele.png') no-repeat -244px top;
	}
	.thumlist_ty2 > li .img_thum img { width: 100%; height: 100%; }
	.thumlist_ty2 > li .img_thum + .txt_thum .t_cont {height:40px;}
	.thumlist_ty2 > li .img_thum + .txt_thum .date {margin:10px 0 0 0;}
	.thum_btn {padding-bottom:25px;}
	.thum_btn button {font-size:14px;}
	.thum_btn button + button {margin-left:4px}
	.thumlist_ty2 > li .img_thum + .txt_thum .star_share {margin:15px 0 0 0;}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.thumlist_ty2 {margin:0 15px;}
	.thumlist_ty2 > li {
		width:50%;
		margin:10px 0 0 0;
		padding-left:5px;
		border:none;
	}
	.thumlist_ty2 > li:nth-child(2n+1) {
		padding-left:0;
		padding-right:5px;
	}
	.thumlist_ty2 > li .img_thum.buying {		
		width:100%;		
		height:120px !important;		
	}
	.thumlist_ty2 > li.no_data_ask {
		border-top:1px solid #ddd;
		border-bottom:1px solid #ddd;
	}
	.thumlist_ty2 > li > div {border:1px solid #ddd; background: #fff;}
	.thumlist_ty2 > li .img_thum {
		width:100%;
		height:192px;
	}
	.thumlist_ty2 > li .txt_thum {padding:12px 10px;}
	.thumlist_ty2 > li .img_thum img { width: 100%; height: 100%; }
	.thumlist_ty2 > li .img_thum + .txt_thum {padding:15px 10px;}
	.thumlist_ty2.buying > li .img_thum + .txt_thum {padding:10px 5px 5px 5px;text-align: center}
	.thumlist_ty2 > li .txt_thum > strong {
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		height:36px;
		font-size:0.8rem;
		line-height:1.067rem;
	}
	.thumlist_ty2 > li .txt_thum .t_cont {
		overflow:hidden;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		color:#222;
		font-size:0.733rem;
		line-height:1.067rem;
		max-height: 75px;
	}
	.thumlist_ty2 > li .txt_thum .date {font-size:0.667rem;}
	.thumlist_ty2 > li .txt_thum .division {
		height:13px;
		margin-bottom:5px;
		padding:0 5px;
		font-size:0.6rem;
		line-height:0.8rem;
	}
	.thumlist_ty2 > li .txt_thum .star_share {margin-top:2px;}
	.thumlist_ty2 > li .txt_thum .btn_share {
		width:12px;
		height:12px;
		background:url('../images/m_sp_ele.png') no-repeat -45px -70px;
		background-size:500px auto;
	}
	.thumlist_ty2 > li .img_thum + .txt_thum .star_share {margin-top:7px;}
	.thumlist_ty2 > li .img_thum + .txt_thum .t_cont {display:none;}
	.thum_btn {padding-bottom:13px;}
	.thum_btn button {font-size:0.867rem;}
	.thum_btn button + button {margin-left:2px}
} /* (max-width:768px) */

/* event_list */
.event_list li {
	display:table;
	width:100%;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.event_list li .txt_event > em {
	display:block;
	padding:0 5px;
	color:#ff7800; text-align:center;
	border:1px solid #ff7800;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;
}
.event_list li .txt_event > em.end {
	border:1px solid #888;
	color:#888;
}
.event_list li .txt_event > strong {
	display:block;
	color:#444;
	font-weight:'ntsB';
}
.event_list li .txt_event > strong a {
	display:block;
	width:100%;
}
.event_list li .txt_event > strong a span {
	display:block;
	color:#666;
}
.event_list li .txt_event ul {overflow:hidden;}
.event_list li .txt_event ul li {padding:0;}
.event_list li .txt_event ul li span {
	display:table-cell;
	color:#888;
}
.event_list li .txt_event ul li em {
	display:table-cell;
	color:#222;
}
@media only screen and (min-width:769px) {
	/* event_list */
	.event_list {
		margin-top:40px;
		border-top:2px solid #666;
	}
	.event_list > li {
		padding:10px 0;
		border-bottom:1px solid #ddd;
	}
	.event_list li div {
		display:table-cell;
		vertical-align:middle;
	}
	.event_list li .img_event {
		width:562px;
		height:162px;
		padding-right:30px;
	}
	.event_list li .txt_event {font-size:14px;}
	.event_list li .txt_event > em {
		width:48px;
		height:20px;
		padding-top:2px;
	}
	.event_list li .txt_event > strong {
		margin-top:13px;
		font-size:20px;
		line-height:22px;
	}
	.event_list li .txt_event > strong a span {
		margin-top:5px;
		font-size:16px;
	}
	.event_list li .txt_event ul {
		margin-top:10px;
	}
	.event_list li .txt_event ul li {margin-top:5px;}
	.event_list li .txt_event ul li span {width:58px;}

} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	/* event_list */
	.event_list li {
		padding:15px;
		border-top:9px solid #ededed;
	}
	.event_list li div {display:block;}
	.event_list li .img_event {
		width:100%;
		height:auto;
	}
	.event_list li .img_event img {width:100%;}
	.event_list li .txt_event > em {
		width:44px;
		height:17px;
		margin-top:12px;
		-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
		font-size:0.733rem;
		line-height:1.1rem;
	}
	.event_list li .txt_event > strong {
		margin-top:7px;
		font-size:1rem;
		line-height:1.2rem;
	}
	.event_list li .txt_event > strong a span {
		margin-top:3px;
		font-size:0.867rem;
	}
	.event_list li .txt_event ul {
		margin-top:5px;
		font-size:0.8rem;
	}
	.event_list li .txt_event ul li {border:none;}
	.event_list li .txt_event ul li span {width:58px;}
} /* (max-width:768px) */


/* tbl_detail */
.tbl_detail .detail_head {border-bottom:1px solid #ddd;}
.tbl_detail .detail_head span.division {display:block;}
.tbl_detail .detail_head span.division em.on {border: 1px solid #ff7800;color: #ff7800;}
.tbl_detail .detail_head span.division .tit_division_subject {font-size: 26px;display: block;margin: 20px 0 20px;color: #222;padding: 20px 0;border: none;border-bottom: 1px solid #666 !important;}
.tbl_detail .detail_head span.division strong, .tbl_detail .detail_head span.division em {
	padding:0 5px;
	border:1px solid #888;
	color:#888;
}
.tbl_detail .detail_head span.division .tit_type {color:#222;}
.tbl_detail .detail_head span.division strong {}
.tbl_detail .detail_head > ul {overflow:hidden;}
.tbl_detail .detail_head > ul li {float:left;}
.tbl_detail .detail_head > ul li:first-child {margin-left:0;}
.tbl_detail .detail_head > ul li span {
	float:left;
	color:#888;
}
.tbl_detail .detail_head > ul li em {float:left;}
.tbl_detail .detail_cont {color:#222;}
.tbl_detail .detail_cont div {text-align:center;}
.tbl_detail .detail_cont div img {max-width:100%;}

/* btn type */
.btn_r {text-align:right;}
.btn_r button {margin-left:5px;}
.btn_detail_ty1 {
	display:inline-block;
	background:#888;
	color:#fff;
	text-align:center;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.btn_detail_ty2 {
	display:inline-block;
	border:1px solid #888;
	color:#666;
	text-align:center;
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
/* prev_next */
.prev_next {border-top:1px solid #ddd;}
.prev_next li {
	overflow:hidden;
	border-bottom:1px solid #ddd;
}
.prev_next li strong {
	position:relative;
	float:left;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.prev_next li strong:after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
}
.prev_next li a {
	float:left;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.prev_next li em {float:right;}

/* box_comment */
.box_comment > strong {color:#222;}
.box_comment .inpu_comment {
	display:inline-block;
	width:100%;
	border:1px solid #aaa;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.box_comment .inpu_comment textarea {
	width:100%;
	max-width:100%;
	border:none;
	border-bottom:1px solid #ddd;
	vertical-align:top;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.box_comment .inpu_comment .filebox {float:left;}
.box_comment .inpu_comment .filebox label {
	position:relative;
	width:auto;
	border:none;
}
.box_comment .inpu_comment .filebox label:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
}
.box_comment .inpu_comment a {
	position:relative;
	float:left;
	color:#888;
}
.box_comment .inpu_comment button {
	position:relative;
	float:right;
	margin:-1px;
	background:#ff7800;
	color:#fff;
}
.box_comment .list_comment li {
	position:relative;
	overflow:hidden;
	width:100%;
	border-bottom:1px solid #ddd;
}
.box_comment .list_comment li strong {
	float:left;
	color:#222;
	font-family:'ntsB';
}
.box_comment .list_comment li > em {
	position:relative;
	float:left;
	color:#888;
}
.box_comment .list_comment li > em:after {
	content:'';
	position:absolute;
	top:50%;
}
.box_comment .list_comment li p {
	overflow:hidden;
	width:100%;
	color:#222;
}
.box_comment .list_comment li.secret p {color:#888;}
.box_comment .list_comment li p textarea {
	width:100%;
	max-width:100%;
	height:70px;
	min-height:70px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.box_comment .list_comment li div img {height:auto;}
.box_comment .list_comment li span a {
	display:inline-block;
	margin-right:2px;
	border:1px solid #ddd;
	text-align:center;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.box_comment .list_comment li span a.on {
	border:1px solid #ff7800;
	color:#ff7800;
}
/* 2017-01-13 댓글부분 수정 */
.box_comment .img_edit {
	position:relative;
	width:100px !important;
	height:70px;
	margin-top:15px;
	clear:both;
}
.box_comment .list_comment .img_edit {margin:0;}
.box_comment .img_edit img {
	width:100px !important;
	height:70px !important;
}
.box_comment .img_edit a {
	position:absolute;
	top:0;
	right:0;
	width:19px;
	height:19px;
	background:rgba(0,0,0,0.8);
	font-size:0;
	line-height:0;
}
.box_comment .list_comment .img_edit a {top:15px;}
/* //2017-01-13 댓글부분 수정 */
.box_comment .img_edit a:before {
	position:absolute;
	top:50%;
	left:50%;
	content:'';
	width:13px;
	height:1px;
	background:#fff;
	-webkit-transform:translate(-50%,-50%) rotate(45deg);
	-moz-transform:translate(-50%,-50%) rotate(45deg);
	-ms-transform:translate(-50%,-50%) rotate(45deg);
	-o-transform:translate(-50%,-50%) rotate(45deg);
	transform:translate(-50%,-50%) rotate(45deg);
}
.box_comment .img_edit a:after {
	position:absolute;
	top:50%;
	left:50%;
	content:'';
	width:13px;
	height:1px;
	background:#fff;
	-webkit-transform:translate(-50%,-50%) rotate(-45deg);
	-moz-transform:translate(-50%,-50%) rotate(-45deg);
	-ms-transform:translate(-50%,-50%) rotate(-45deg);
	-o-transform:translate(-50%,-50%) rotate(-45deg);
	transform:translate(-50%,-50%) rotate(-45deg);
}
.box_winner > strong {
	display:block;
	color:#222;
}
.box_winner > div {border-bottom:1px solid #ddd;}
@media only screen and (min-width:769px) {
	/* tbl_detail */
	.tbl_detail {
		position:relative;
		border-top:2px solid #666;
	}
	.tbl_detail .detail_head {padding:25px 20px;}
	.tbl_detail .detail_head span.division {
		margin-bottom:10px;
		font-size:12px;
	}
	.tbl_detail .detail_head span.division em {margin-left:2px;}
	.tbl_detail .detail_head > strong {
		color:#000;
		font-size:24px;
		line-height:26px;
	}
	.tbl_detail .detail_head > ul {
		margin-top:13px;
		font-size:14px;
	}
	.tbl_detail .detail_head > ul li {margin-left:15px;}
	.tbl_detail .detail_head > ul li span {margin-right:10px;}
	.tbl_detail .detail_cont {
		padding:20px;
		font-size:14px;
		line-height:24px;
	}
	.tbl_detail .share_list {
		position:absolute;
		top:55px;
		right:0;
	}
	/* btn type */
	.btn_r {margin-top:60px;}
	.btn_detail_ty1 {
		width:93px;
		height:40px;
		font-size:14px;
	}
	.btn_detail_ty2 {
		width:93px;
		height:40px;
		font-size:14px;
	}
	.tbl_detail .btn_area {
		margin-top:20px;
		text-align:center;
	}
	/* prev_next */
	.prev_next {
		margin-top:20px;
		font-size:14px;
	}
	.prev_next li {padding:17px 20px;}
	.prev_next li strong {
		width:110px;
		padding-left:32px;
	}
	.prev_next li strong:after {
		width:12px;
		height:7px;
		margin-top:-4px;
		background:url('../images/sp_ele.png') no-repeat;
		background-position:-50px 0;
	}
	.prev_next li:first-child strong:after {background-position:-50px -10px;}
	.prev_next li a {width:700px;}
	.prev_next li em {font-size:13px;}

	/* box_comment */
	.box_comment {margin-top:60px;}
	.box_comment > strong {
		font-size:20px;
		line-height:22px;
	}
	.box_comment .inpu_comment {margin-top:15px;}
	.box_comment .inpu_comment textarea {
		height:70px;
		min-height:70px;
		padding:10px 20px;
		font-size:14px;
	}
	.box_comment .inpu_comment .filebox label {
		height:38px;
		margin-left:17px;
		padding-left:28px;
		line-height:38px;
	}
	.box_comment .inpu_comment .filebox label:after {
		width:21px;
		height:17px;
		margin-top:-9px;
		background:url('../images/sp_ele.png') no-repeat;
		background-position:-270px 0;
	}
	.box_comment .inpu_comment a {
		height:38px;
		margin-left:20px;
		padding-left:23px;
		font-size:14px;
		line-height:38px;
	}
	/* 2017-01-13 비밀댓글 잠금 */
	.box_comment .inpu_comment a:before {
		content:'';
		position:absolute;
		left:0;
		top:50%;
		width:14px; height:17px;
		margin-top:-9px;
		background:url('../images/sp_ele.png') no-repeat -301px 0;
		vertical-align:middle;
	}
	.box_comment .inpu_comment a.on {color:#ff7800;}
	.box_comment .inpu_comment a.on:before {background-position:-301px -18px;}
	/* //2017-01-13 비밀댓글 잠금 */
	.box_comment .inpu_comment button {
		width:92px;
		height:40px;
		font-size:14px;
	}
	.box_comment .list_comment {margin-top:10px;}
	.box_comment .list_comment li {
		padding:18px 0;
		font-size:14px;
	}
	.box_comment .list_comment li > em {
		margin-left:10px;
		font-size:13px;
	}
	/* 2017-01-13 비밀댓글 잠금 */
	.box_comment .list_comment li.secret > em:after {
		right:-25px;
		width:14px;
		height:17px;
		margin-top:-10px;
		background:url('../images/sp_ele.png') no-repeat -301px -18px;
		background-position: -301px 0;
	}
	/* //2017-01-13 비밀댓글 잠금 */
	.box_comment .list_comment li p {
		padding-top:6px;
		line-height:20px;
	}
	.box_comment .list_comment li p textarea {
		margin-top:10px;
		padding:10px 20px;
		font-size:14px;
	}
	.box_comment .list_comment li div {
		overflow:hidden;
		width:100%;
		padding-top:15px;
	}
	.box_comment .list_comment li div img {width:240px;}
	.box_comment .list_comment li .comment_edit {padding:0;}
	.box_comment .list_comment li .inpu_comment {
		overflow:visible;
		padding:0;
	}
	.box_comment .list_comment li > span {
		position:absolute;
		right:-2px;
		top:20px;
	}
	.box_comment .list_comment li.my_comment > span {top:14px;}
	.box_comment .list_comment li > span a {
		min-width:58px;
		height:25px;
		padding:0 9px;
		line-height:23px;
	}
	.box_winner {margin-top:30px;}
	.box_winner > strong {font-size:18px;}
	.box_winner > div {
		margin-top:15px;
		padding:20px;
		border-top:2px solid #666;
		font-size:14px;
		line-height:24px;
	}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	/* tbl_detail */
	.tbl_detail {border-top:9px solid #ededed;}
	.tbl_detail .detail_head {padding:10px 15px;}
	.tbl_detail .detail_head span.division {
		margin-bottom:2px;
		font-size:0.733em;
	}
	.tbl_detail .detail_head span.division em {margin-left:2px;}
	.tbl_detail .detail_head > strong {
		color:#222;
		font-size:1.067rem;
		line-height:1.533rem;
	}
	.tbl_detail .detail_head > ul {
		margin-top:4px;
		font-size:0.667rem;
	}
	.tbl_detail .detail_head > ul li {margin-left:10px;}
	.tbl_detail .detail_head > ul li span {margin-right:5px;}
	.tbl_detail .detail_cont {
		padding:15px;
		font-size:0.867rem;
		line-height:1.333rem;
	}
	.tbl_detail .share_list {margin-top:25px;}

	/* btn type */
	.btn_r {margin:40px 15px 0 0;}
	.btn_detail_ty1 {
		width:55px;
		height:30px;
		font-size:0.867rem;
	}
	.btn_detail_ty2 {
		width:55px;
		height:30px;
		font-size:0.867rem;
	}
	.tbl_detail .btn_area {
		margin:0 15px;
		text-align:center;
	}
	.tbl_detail .btn_area button[class^="btn_small_"] {margin-left:8px;}
	.tbl_detail .btn_area + .share_list {margin-top:40px;}
	/* prev_next */
	.prev_next {
		margin:10px 15px 0 15px;
		font-size:0.8rem;
	}
	.prev_next li {padding:10px;}
	.prev_next li strong {
		width:73px;
		padding-left:20px;
	}
	.prev_next li strong:after {
		width:11px;
		height:6px;
		margin-top:-3px;
		background:url('../images/m_sp_ele.png') no-repeat;
		background-position:-30px -70px;
		background-size:500px auto;
	}
	.prev_next li:first-child strong:after {background-position:-18px -70px;}
	.prev_next li a {max-width:70%;}
	.prev_next li em {display:none;}

	/* box_comment */
	.box_comment {margin:40px 15px 0 15px;}
	.box_comment > strong {
		font-size:1rem;
		line-height:1.1rem;
	}
	.box_comment .inpu_comment {margin-top:10px;}
	.box_comment .inpu_comment textarea {
		height:85px;
		min-height:85px;
		padding:10px 15px;
		font-size:0.8rem;
		line-height:1.133rem;
	}
	.box_comment .inpu_comment .filebox label {
		height:29px;
		margin-left:13px;
		padding-left:23px;
		font-size:0.8rem;
		line-height:1.933rem;
	}
	.box_comment .inpu_comment .filebox label:after {
		width:15px;
		height:12px;
		margin-top:-6px;
		background:url('../images/m_sp_ele.png') no-repeat;
		background-position:-62px -70px;
		background-size:500px auto;
	}
	.box_comment .inpu_comment a {
		height:29px;
		margin-left:15px;
		padding-left:17px;
		font-size:0.8rem;
		line-height:1.933rem;
	}
	.box_comment .inpu_comment a:after {
		content:'';
		position:absolute;
		left:0;
		top:50%;
		width:10px;
		height:12px;
		margin-top:-6px;
		background:url('../images/m_sp_ele.png') no-repeat;
		background-position:-82px -70px;
		background-size:500px auto;
	}
	/* 2017-01-13 비밀댓글 잠금 */
	.box_comment .inpu_comment a.on {color:#ff7800;}
	.box_comment .inpu_comment a.on:after {background-position:-82px -57px;}
	/* //2017-01-13 비밀댓글 잠금 */
	.box_comment .inpu_comment button {
		width:52px;
		height:31px;
		font-size:0.867rem;
	}
	.box_comment .list_comment {margin-top:7px;}
	.box_comment .list_comment li {
		padding:8px 0 12px 0;
		font-size:0.8rem;
	}
	.box_comment .list_comment li > em {
		margin-left:7px;
		font-size:0.733rem;
	}
	.box_comment .list_comment li.secret > em:after {
		right:-20px;
		width: 10px;
		height: 12px;
		margin-top:-7px;
		background: url(../images/m_sp_ele.png) no-repeat;
		background-position: -82px -70px;
		background-size: 500px auto;
	}
	/* 2017-01-13 비밀댓글 잠금 */
	.box_comment .list_comment li.secret > em:after {background-position:-82px -57px;}
	/* //2017-01-13 비밀댓글 잠금 */
	.box_comment .list_comment li p {
		padding-top:2px;
		line-height:1.133rem;
	}
	.box_comment .list_comment li p textarea {
		margin-top:4px;
		padding:7px 15px;
		font-size:0.8rem;
		line-height:1.133rem;
	}
	.box_comment .list_comment li div {
		overflow:hidden;
		width:100%;
		padding:10px 0;
	}
	.box_comment .list_comment li div img {max-width:100%;}
	.box_comment .list_comment li .comment_edit {padding:0;}
	.box_comment .list_comment li .inpu_comment {
		overflow:visible;
		padding:0;
	}
	.box_comment .list_comment li > span {
		display:block;
		margin-top:7px;
	}
	.box_comment .list_comment li.my_comment span {}
	.box_comment .list_comment li > span a {
		min-width:45px;
		height:20px;
		padding:0 5px;
		line-height:1.1rem;
	}
	.box_comment .list_comment li .img_edit {
		padding:15px 0 0 0;
	}
	.box_winner {margin:30px 15px 0 15px;}
	.box_winner > strong {font-size:0.933rem;}
	.box_winner > div {
		margin-top:5px;
		padding:15px;
		border-top:1px solid #666;
		font-size: 0.867rem;
  		line-height: 1.333rem;
	}
	
} /* (max-width:768px) */

.div_list_ty1 .top_tit li label {vertical-align:middle;}
.div_list_ty1 .cnt > li {
	position:relative;
	border-bottom:1px solid #ddd;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.div_list_ty1 .cnt .chk {
	position:absolute; left:0; top:calc(50% - 8px);
	text-align:center;
}
.div_list_ty1 .cnt .img_thum {position:absolute;}
.div_list_ty1 .cnt .txt_thum {display:block;}
.div_list_ty1 .cnt .txt_thum strong, .div_list_ty1 .cnt .txt_thum em {display:block;}
.div_list_ty1 .cnt .txt_thum strong {color:#222;}
.div_list_ty1 .cnt .btn {position:absolute; right:15px; top:calc(50% - 9px);}

@media only screen and (min-width:769px) {
	.div_list_ty1 .top_tit {border-top:2px solid #666; border-bottom:1px solid #666;}
	.div_list_ty1 .top_tit li {
		float:left;
		line-height:50px;
		font-size:14px; text-align:center; color:#222;
	}
	.div_list_ty1 .cnt {font-size:14px; line-height:20px;}
	.div_list_ty1 .cnt > li {min-height:111px; padding:15px 50px 15px 150px;}
	.div_list_ty1 .cnt > li.no_data_ask {padding:58px 0 60px;}
	.div_list_ty1 .cnt .chk {width:50px;}
	.div_list_ty1 .cnt .img_thum {left:50px; top:15px;}
	.div_list_ty1 .cnt .img_thum img {width:80px; height:80px; margin-right:20px;}
	.div_list_ty1 .cnt .txt_thum {padding:14px 0;}
	.div_list_ty1 .cnt .txt_thum strong {font-size:16px;}
	
	.box_comment .img_edit1 {height: 200px;width: 240px;}
	.box_comment .img_edit1 a {width: 30px;height: 30px;line-height: 28px;}
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.div_list_ty1 {border-top:9px solid #eee;}
	.div_list_ty1 .top_tit li {
		display:none;
		line-height:40px;
		font-size:14px; text-align:center; color:#222;
	}
	.div_list_ty1 .top_tit li:first-child {
		display:block;
		padding:0 10px;
		text-align:left;
	}
	.div_list_ty1 .top_tit li #all_chk + label {
		position:relative; width:100px; text-align:left;
		vertical-align:middle;
	}
	.div_list_ty1 .top_tit li #all_chk + label:after {
		display:block; content:'전체선택';
		position:absolute; left:26px; top:0;
	}
	.div_list_ty1 .cnt {font-size:0.800rem; line-height:1.133rem;}
	.div_list_ty1 .cnt > li {min-height:80px; padding:10px 35px 10px 110px;}
	.div_list_ty1 .cnt > li.no_data_ask { padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px; background: url(../images/common/pattern_box_01.png) 0 0 no-repeat; background-size: cover }
	.div_list_ty1 .cnt .chk {width:35px;}
	.div_list_ty1 .cnt .img_thum {left:35px; top:10px;}
	.div_list_ty1 .cnt .img_thum img {width:60px; height:60px; margin-right:15px;}
	.div_list_ty1 .cnt .txt_thum strong {font-size:0.867rem;}
	
	.box_comment .img_edit1 {height: 100px;width: 120px;}
	.box_comment .img_edit1 a {width: 15px;height: 15px;line-height: 14px;}
} /* (max-width:768px) */

/* CALENDAR */
.period {}
.datepicker_outer {
	position:relative;
	display:inline-block;
}
.datepicker_outer img {position:absolute; right:15px; top:calc(50% - 10px);}
.datepicker_outer + .from {
	display:inline-block;
	width:11px;
	font-size:14px; color:#222; text-align:center;
}
input[type="text"].datepicker {width:140px;}

@media only screen and (min-width:769px) {
} /* (min-width:769px) */

@media only screen and (max-width:768px) {
	.search_ty2.period, .search_ty2.period fieldset > div:nth-child(2) {text-align:center;}
	.search_ty2 .datepicker, .search_ty2 .btn_month, .search_ty2 .btn_month + .btn_search {width:68px; min-width:68px; height:30px;}
	.period input[type="text"].datepicker {width:135px;}
	.period .btn_month {margin-left:2px;}
	.period .btn_month:first-child {margin-left:0;}
	
	.mo_borT_n {border-top: none !important;}/* 2017-02-06 add */
	.mo_marT_10 {margin-top: 10px;}/* 2017-02-06 add */
	.mo_btnPadding {padding: 0 15px;}/* 2017-02-06 add */
	.mo_lineH_sel {line-height: 50px !important;}/* 2017-02-06 add */
} /* (max-width:768px) */

.disable_li {pointer-events: none;opacity: 0.6;}

/* added by youngmin 2017-01-19 */
.dis_inbl {display: inline-block;}
.mar_t0 {margin-top: 0 !important;}
.pad_t0 {padding-top: 0 !important;}
.no_pd {padding: 0 !important;}
.no_ma {margin: 0 !important;}

/* 2017-02-04 edupldedetail */
.box_comment .img_edit1 {display: block;border: 1px solid #666;position: relative;box-sizing: border-box;}
.box_comment .img_edit1 a {position: absolute;top: 0;right: 0;text-align: center;background-color: #222;color: #fff;text-indent: -9999px;}
.box_comment .img_edit1 a:after {content: 'X';}


/** 2017-05-25 추가 **/

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

 .mo_bar_bg_01 { background: url(../images/common/pattern_tit_01.png) 0 0 no-repeat; background-size: cover; }
 .mo_bar_bg_02 { background: url(../images/common/pattern_tit_02.png) 0 0 no-repeat; background-size: cover; }
 .mo_bar_bg_03 { background: url(../images/common/pattern_tit_03.png) 0 0 no-repeat; background-size: cover; }
 .mo_bar_bg_04 { background: url(../images/common/pattern_tit_04.png) 0 0 no-repeat; background-size: contain; }
 .mo_bar_bg_05 { background: url(../images/common/pattern_tit_05.png) 0 0 no-repeat; background-size: contain; }
 .mo_bar_bg_06 { background: url(../images/common/pattern_tit_06.png) 0 0 no-repeat; background-size: cover; }
 .mo_bar_bg_07 { background: url(../images/common/pattern_tit_07.png) 0 0 no-repeat; background-size: contain; }
 .mo_bar_bg_08 { background: url(../images/common/pattern_tit_08.png) 0 0 no-repeat; background-size: cover; }
 .mo_bar_bg_09 { background: url(../images/common/pattern_tit_09.png) 0 0 no-repeat; background-size: cover; display:none; }
 .mo_bar_bg_10 { background: url(../images/common/pattern_tit_10.png) 0 0 no-repeat; background-size: cover; }
 .mo_bar_bg_11 { background: url(../images/common/pattern_tit_03.png) 0 50% no-repeat; }
 
 .mo_box_bg_01 { background: url(../images/common/pattern_box_01.png) 0 0 no-repeat; background-size: cover }
 .mo_box_bg_02 { background: url(../images/common/pattern_mo_01.png) 0 0 no-repeat; background-size: cover }
 
 .inner { border-top:9px solid #eee; }
 .top_tit { padding:10px 0; border-bottom:9px solid #eee; }
 
 .paging { padding:30px 0 20px; margin:0; background: url(../images/common/pattern_tit_03.png) 0 10% no-repeat; background-size: cover; }

}


/** 2017-07-25 추가 table 은정추가 회원가입 이용약관 테이블수정시 사용함 시작**/

table.tbl_priv {
    text-align: center;
    margin-bottom: 10px;
    border-width: 0px 1px 1px 1px;
    border-collapse: collapse;
    border-style: solid;
    border-top-color: #EEEEEE;
    border-bottom-color: #DDDDDD;
    border-left-color: #DDDDDD;
    border-right-color: #DDDDDD;
}

table.tbl_priv th {
    text-align: center;
    padding: 8px 0px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #333;
    background-color: #eee;
    border-color: #DDDDDD;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    border-color: #cdcdcd;
}
table.tbl_priv td {
    color: #555555;
    border-width: 1px;
    border-style: solid;
    border-color: #DDDDDD;
    padding: 6px 5px;
    font-size: 12px;
    text-align: left;
    font-style: normal;
    font-weight: 400;
    vertical-align: middle;
}
table.tbl_priv th.bgA {
    background: #fffcf7;
    text-align: left !important;
    font-weight: bold;
    width: 90px;
}
table.tbl_priv th.bgB {
    background: #dfdfdf;
    text-align: left !important;
    font-weight: bold;
    width: 50px;
}
table.tbl_priv th.bgA p {
    padding-left: 5px;
	}
@media only screen and (max-width:768px) {
	.f12{padding:12px 15px;display: block;}
} /* (max-width:768px) */


/* 221201 피시톡/핀덴 음원다운로드 추가사항 */
.tbl_block li .no.sound_new_p{background-color:#61bbe9;color:#fff;font-size:14px;border-radius:50px;padding:5px 15px;width:40px}
.sound_new_p_m{text-align: center;font-size:20px;margin:40px 0;line-height:1.5;}
.sound_new_p_m strong{color:#41aadf}
.sound_new_p_m{display:none}


@media only screen and (max-width: 768px) {
	.new_mobile_p{display:block;}
}

/* 221208 피시톡/핀덴 음원다운로드 추가사항 */
.div_tab_ty1.new_221208{margin-top:40px}
.div_tab_ty1.new_221208 > ul >li.on > a{background-color:#bfce2f;border:1px solid #bfce2f}

.btn_medium_ty3{background-color:#61bbe9}


/* 230105 */
.btn_area.txtc.col1 button[class^="btn_large_"] + button[class^="btn_large_"] {margin-left:0;}

@media only screen and (max-width:768px) {	
	.btn_area.txtc.col1 button[class^="btn_large_"] + button[class^="btn_large_"] {margin-left:0;margin-top:5px;}
}