@charset "utf-8";
/*+-----------------------------------+
| Author: JS, Yeol |
| Title : 국내외 베이스, 게시판, 서브페이지 |
| 및 싱글 스타일 클래스 지정 |
+-------------------------------------+*/
/* font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&display=swap');

/* layout */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #424242;
	font-family: 'spoqaHanSans', 'Montserrat';
	font-weight: 500;
}

body{
	margin: 0;
	padding: 0;
	color: #424242;
}
a{
	color: #424242;
	text-decoration: none;
	outline: none;
	font-size: 18px;
}
a:hover, a:active, a:visited{
	text-decoration: none;
}
ol,ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
p{
	padding: 0;
	margin: 0;
}
*:focus{
	outline: 0;
	outline: none;
}

button.big-btn {
	background-color: #424242;
	border: 1px solid #424242;
	border-radius: 7px;
	box-sizing: border-box;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	width: 289px;
	height: 60px;
	line-height: 60px;
}

button.big-btn.bg-primary {
	border-color: #0160a0;
}

button.big-btn.outline {
	background-color: #fff;
	border-color: #e0e0e0;
	color: #9e9e9e;
}

button.big-btn.outline.black {
	border-color: #424242;
	color: #000;
}

button.wide-btn.outline {
	width: 100%;
	height: 80px;
	background-color: #fff;
	border-radius: 40px;
	border: solid 1px #e0e0e0;
	color: #424242;
	font-size: 14px;
	line-height: 80px;
	text-align: center;
}

button.wide-btn.outline .blue-txt {
	padding-left: 20px;
	color: var(--color-secondary);
	color: #4ebdc6;
	font-size: 16px;
	font-weight: 700;
}

#top {
	display: none;
	position: fixed;
	right: 24px;
	top: auto;
	bottom: 60px;
	z-index: 3;
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	background-color: #000;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
}

/* ### popup style */
.popup-sample-location {
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translate(0, -50%);
}
.popup-sample-location.second {
	left: auto;
	right: 50px;
}
.popup-page {
	min-width: 800px;
	max-width: 800px;
	margin: 0 auto;
	background-color: #fff;
}
.popup-top {
	width: 100%;
	height: 80px;
	padding: 28px 30px;
	box-sizing: border-box;
	border-bottom: 2px solid #0160a0;
}
.popup-top>h1 {
	font-size: 18px;
	font-weight: 700;
	color: #000;
}
.popup-top .icon.close-black {
	margin-left: auto;
}
.popup-middle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow-y: auto;
	min-height: 341px;
	max-height: 487px;
	padding: 80px 30px 100px;
	text-align: center;
}
.popup-middle .write-format.wide {
	width: 588px;
	margin: 30px auto 0;
}
.info-txt {
	font-size: 16px;
	line-height: 23px;
}
.popup-bottom {
	height: 60px;
}
.popup-bottom button {
	width: 50%;
	background-color: #bdbdbd;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
}
/* // ### popup style */

/* ### Common - header */
header.header-white {
	background-color: #fff !important;
	border-bottom: 1px solid #eee !important;
}
/* // Common - header ### */
/* ### LOGIN */
#loginPage .sub-title {
	font: bold 44px 'Montserrat';
	text-transform: uppercase;
}
#loginPage .sub-title.none {
	text-transform: none;
}
#loginPage .sub-title-small {
	color: #0160a0;
	font-size: 28px;
	font-weight: 900;
	line-height: 37px;
}
#loginPage .border-frame {
	width: 588px;
	margin: 50px auto 0;
}
#loginPage .border-frame.border-frame-inner {
	width: 100%;
}
#loginPage .border-frame .border-frame-inner {
	padding: 60px 20px 80px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	text-align: center;
}
#loginPage .border-frame .complete-txt {
	padding: 20px 0 15px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
}
#loginPage .border-frame .complete-txt .point {
	color: #0160a0;
}
#loginPage .border-frame .complete-small-txt {
	font-size: 16px;
	line-height: 27px;
}
#idAccount,
#pwdAccount{
	height: 60px;
	border-radius: 7px;
}
#loginPage .login-btn {
	border-radius: 7px;
	text-transform: uppercase;
}
#loginPage .icon-chk-one {
	display: block;
	width: 120px;
	height: 120px;
	margin: 0 auto;
}
#loginPage .write-format .textarea-box {
	overflow-y: auto;
	width: 100%;
	height: 180px;
	margin: 20px 0 30px;
	padding: 20px 20px 0;
	border-radius: 0;
	border: 1px solid #e0e0e0;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
.error-form {
	border-color: #d32f2f;
}
.error-message {
	margin-top: 5px;
	padding: 0 0 0 21px;
	background: url('../img/common/icon_caution.png') no-repeat left center / 16px;
	color: #d32f2f;
	font-size: 11px;
	line-height: 16px;
	font-weight: 300;
	text-align: left;
	cursor: default;
}
.star-style {
	color: #0160a0;
	font-size: 14px;
}
/* // LOGIN ### */
/* section - 하단 사이트 리스트 footer area */
.main_list {
	width: 100%;
	border-top: 1px solid #eee;
}

.main_list .main_list_wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main_list .main-list-slider {
	position: relative;
	overflow: hidden;
	width: 1020px;
}

.main_list .main-list-slider img {
	width: 100%;
}

.main_list_control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
	border: 1px solid #eee;
}

.main_list_control img {
	position: initial;
	left: initial;
	right: initial;
	top: initial;
	z-index: 3;
	width: 40px;
	height: 40px;
	margin-top: 0;
	background: none;
	cursor: pointer;
}

.main_list_control img.slide_stop {
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

/* .main_list .main_list_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.main_list .main-list-slider>div img {
	vertical-align: middle !important;
	margin: 0 auto;
	height: 100%;
}

.main_list .main_list_wrapper .main_list_control {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.main_list .main_list_wrapper .main_list_control img {
	position: initial;
	left: initial;
	right: initial;
	top: initial;
	margin-top: 0;
	border: 1px solid #e0e0e0;
	background: none;
	cursor: pointer;
}

.main_list .main_list_wrapper .main_list_control .slide_stop {
	border-right: 0;
	border-left: 0;
} */

/* ### Title */
.title-bg {
	width: 100%;
	height: 300px;
	padding-top: 133px;
}

.title-bg-bottom {
	height: 100%;
	padding: 40px 0 53px;
	background: url('../img/sub/title_bg.png') no-repeat right bottom / cover;
}

.sub-title {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	line-height: 44px;
	text-align: center;
}

.third-title {
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}

.third-title b {
	color: #000;
	font-weight: 900;
}

/* // Title ### */
.container {
	width: 1200px;
	max-width: 1200px;
	margin: 0 auto;
}
/* ### Index */
.index-list {
	overflow: hidden;
}

.index-list>li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 20px;
}

.index-list>li,
.index-list>li a {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
}

.index-list>li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	width: 16px;
	height: 16px;
	background: url('../img/common/icon_arrow_r_gray.png') no-repeat center / 16px;
}

.index-list>li:first-child {
	padding-left: 0;
}

.index-list>li:first-child::before {
	background-image: none;
}

/* // Index ### */

/* ### pagination */
.pagination {
	margin-top: 50px;
	text-align: center;
}

.pagination a,
.pagination span {
	display: inline-block;
	vertical-align: middle;
	width: 32px;
	height: 32px;
	margin: 0 5px;
	color: #9e9e9e;
	font-size: 15px;
	line-height: 32px;
	text-align: center;
}

.pagination a:hover,
.pagination span:hover {
	background-color: #f9f9f9;
}

.pagination .icon-page {
	line-height: 36px;
}

.pagination .icon-page img {
	display: inline-block;
	width: 12px;
	height: 12px;
}

/* // pagination ### */

/* ### Row Style */
.flex-style {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* width: 100%; */
}

.flex-style.wrap {
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-style.column {
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-style.column-reverse {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.flex-style.start {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.flex-style.stretch {
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.flex-style.justify-c {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flex-style.flex-end {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.flex-style>.basis02 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
}

.flex-style>.basis03 {
	-ms-flex: 0 0 33.33%;
	flex: 0 0 33.33%;
}

.flex-style>div {
	box-sizing: border-box;
}

.flex-style>.top {
	-ms-flex: 0 1 auto;
	flex: 0 0 auto;
	min-width: 282px;
}

.flex-style>.middle,
.flex-style>.bottom {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.flex-style>.middle {
	/* min-width: 658px; */
	/* padding: 0 40px 0 20px; */
	padding: 20px 40px 20px 20px;
}

.flex-style>.bottom {
	min-width: 220px;
	max-width: 220px;
	min-height: 132px;
	max-height: 138px;
	text-align: center;
}

.flex-style>.top>img {
	width: 282px;
}

/* // Row Style ### */

/* ### list Style */

.like-table {
	padding-top: 20px;
}

.like-table,
.like-table-inner {
	overflow: hidden;
}

.like-table>li {
	position: relative;
	float: left;
	padding-left: 41px;
}

.like-table>li::before {
	content: '';
	position: absolute;
	left: 22px;
	top: 50%;
	transform: translate(0, -50%);
	width: 1px;
	height: 13px;
	background-color: #e0e0e0;
}

.like-table>li:first-child {
	padding-left: 0;
}

.like-table>li:first-child::before {
	content: none;
}

.like-table-inner>li {
	float: left;
	font-size: 16px;
	line-height: 23px;
}

.like-table-inner>li:first-child {
	padding-right: 10px;
	color: #0160a0;
	font-weight: 700;
}

.unordered-list.line>li {
	border-bottom: 1px solid #e0e0e0;
}

.unordered-list.line>li:hover {
	background-color: #fafafa;
}

.unordered-list>li span {
	display: inline-block;
}

.margin-list05 {
	margin-top: 10px;
	margin-right: -5px;
}

.margin-list05>li>div.gap05 {
	margin: 5px 5px 0 0;
}

.btn-list>button,
.btn-list>a.btn {
	margin-top: 5px;
}

.btn-list>button:first-child,
.btn-list>a.btn:first-child {
	margin-top: 0;
}

.btn-list>div:first-child {
	margin-top: 0;
}

.attachments-list {
	padding-top: 5px !important;
}

.attachments-list>div {
	cursor: pointer;
}

.attachments-list>.flex-style {
	position: relative;
	margin-top: 10px;
}

.attachments-list>.flex-style:first-child {
	margin-top: 0;
}

.img-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -12px;
	padding: 25px 0 0;
}

.img-list>li {
	width: 33.33%;
	flex: 0 1 auto;
	-ms-flex: 0 1 auto;
}

.img-list>li>.spacing{
	padding: 25px 12px;
}

.img-list>li>.spacing .img-list-box {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	border-radius: 7px;
}
ul.unordered-list.line>li>.flex-style.position-r .top.spacing-square02 {
	position: relative;
	overflow: hidden;
	width: 282px;
	height: 158px;
	margin: 20px;
}

.img-list .img-list-box>img,
ul.unordered-list.line>li>.flex-style.position-r .top.spacing-square02>img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.img-list-title.summary {
	display: block;
	width: 100%;
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
}

.img-list.event .img-list-title.summary {
	max-height: 74px;
}

.img-list-sub-txt {
	padding-top: 10px;
	color: #616161;
	font-size: 14px;
	line-height: 20px;
}

.img-txt-box {
	padding-top: 20px;
}

.dots-list {
	padding-left: 34px;
}

.dots-list>li {
	margin-top: 8px;
}

.dots-list>li::before {
	content: '·';
	display: inline-block;
	padding-right: 5px;
}
/* // list Style ### */

/* ### Tab Style */
.tab-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tab-title.style-line>li {
	height: 60px;
}

.tab-title>li,
.tab-title>li a {
	display: block;
	color: #424242;
	font-size: 16px;
	line-height: 23px;
	text-align: center;
}

.tab-title.bg-bar>li,
.tab-title.bg-bar>li a {
	color: #9e9e9e;
	font-weight: 700;
}

.tab-title.bg-bar>li {
	position: relative;
	padding-left: 30px;
}

.tab-title.bg-bar>li:first-child {
	padding-left: 0;
}

.tab-title.bg-bar>li::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translate(0, -50%);
	width: 1px;
	height: 12px;
	background-color: #e0e0e0;
}

.tab-title.bg-bar>li:first-child::before {
	content: none;
}

.tab-title.style-line>li a {
	padding: 18px 45px;
}
/* // Tab Style ### */

/* ### Content Style */
.spacing-double {
	padding: 40px 20px;
}

.spacing-double02 {
	padding: 25px 20px;
}

.spacing-double03 {
	padding: 15px 20px;
}

.spacing-double04 {
	padding: 5px 10px;
}

.spacing-double05 {
	padding: 15px 30px;
}

.spacing-double06 {
	padding: 40px 30px;
}

.spacing-topbottom {
	padding: 25px 0;
}

.spacing-topbottom02 {
	padding: 0 20px;
}

.spacing-triple {
	padding: 40px 30px 30px;
}

.spacing-square {
	padding: 30px;
}

.spacing-square02 {
	padding: 20px;
}

.spacing-square03 {
	padding: 25px;
}

.spacing-r {
	padding-right: 80px;
}

/* // Content Style ### */

/* ### Text Style */
.montserrat {
	font-family: 'Montserrat';
}
.summary {
	width: 324px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 44px;
	line-height: 24px;
}
.summary-single {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.con-title,
.detail-title {
	font-size: 18px;
	line-height: 23px;
}

.con-title,
.detail-title,
.detail-title span {
	font-weight: 700;
}

.middle .con-title {
	color: #000;
}

.con-txt {
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
}

.small-txt {
	font-size: 14px;
	line-height: 20px;
}

.tiny-txt {
	font-size: 12px;
	line-height: 18px;
}

.size-txt {
	display: inline-block;
	padding-left: 7px;
	color: #9e9e9e;
	font-size: 12px;
	line-height: 18px;
}

.no-data {
	display: block !important;
	padding: 0 !important;
	border-radius: 0 !important;
	background-color: transparent !important;
	font-size: 14px !important;
	text-align: left !important;
	color: #9e9e9e !important;
}

.no-data::before {
	content: none !important;
}

/* // Text STyle ### */


/* ### SUB */
.write-format.sub {
	padding: 40px 20px;
	border-bottom: 1px solid #e0e0e0;
}
.write-format.sub>li {
	width: 772px;
	margin-top: 30px;
}
.write-format.sub>li.flex-style {
	-webkit-box-align: start;
	-ms-flex-align: start;align-items: flex-start;
}
.write-format.sub>li:first-child {
	margin-top: 0;
}
.write-format.sub>li .left-side {
	max-width: 155px;
	min-width: 155px;
	margin-right: 29px;
}
.write-format.sub>li .right-side {
	width: 588px;
}
.write-format.sub>li .whelk {
	margin: 15px 10px 0;
}
.write-format.sub label {
	padding-bottom: 0;
}
#singleBox {
	display: table;
	vertical-align: middle;
	width: 100%;
	height: 100vh;
	background-color: #fff;
}
#singleBox>.splash-box {
	display: table-cell;
	width: 252px;
	height: 100%;
	margin: 0 auto;
	animation: fadeIn 2s;
}
#singleBox>.single-inner {
	display: table-cell;
	vertical-align: middle;
}
@keyframes fadeIn {
	from {
		opacity: .0;
	}
	to {
		opacity: 1;
	}
}
.error-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 520px;
	background: url('../img/common/error_bg.png') no-repeat center / 520px;
}
.error-box,
.error-box span {
	color: #0160a0;
	font: bold 250px 'Montserrat';
	font-weight: 900;
	text-align: center;
}
.error-box .error-middle {
	display: inline-block;
	width: 169px;
	height: 150px;
	margin: 0 30px;
	background: url('../img/common/kesg_gb_bg_symbol.svg') no-repeat center / contain;
}
.error-txt-area {
	width: 50%;
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
}
.error-txt-area .error-info {
	font-size: 28px;
	font-weight: 900;
	line-height: 37px;
	color: #465567;
}
.error-txt-area .error-info.sub {
	padding-top: 10px;
	font-size: 20px;
	font-weight: 500;
}
.error-btn-area {
	margin-top: 50px;
}
.error-btn-area .more-btn {
	height: 56px;
	line-height: 56px;
	font-size: 16px;
	color: #0160a0;
	border-color: #0160a0;
}
#loginPage {
	display: table;
	width: 100%;
	/* padding: 233px 0 188px; */
	text-align: center;
}
#loginPage.no-fix {
	padding: 210px 0 150px;
}
#loginPage .login-inner {
	display: table-cell;
	vertical-align: middle;
}
#loginPage .write-format {
	width: 384px;
	margin: 50px auto 0;
}
#loginPage .write-format.wide {
	width: 588px;
}
#loginPage .write-format.wide input[type="text"],
#loginPage .write-format.wide input[type="password"],
#loginPage .write-format.wide input[type="number"],
#loginPage .write-format.wide select,
.write-format.sub input,
.write-format.sub select,
.info-frame+.btn-bottom-box button {
	height: 48px !important;
}
.write-format label,
.write-format span.form-info {
	display: block;
	padding-bottom: 10px;
	font-size: 14px;
	text-align: left;
}
.write-format.sub span.form-info {
	padding-bottom: 0;
	cursor: default;
}
.write-format.sub>li .left-side span.form-info {
	padding-top: 15px;
}
#loginPage .write-format.wide label {
	padding-bottom: 30px;
}
#loginPage .write-format.wide label.chk-box {
	padding-bottom: 0;
}
#loginPage .status {
	margin-left: auto;
}
#loginPage .status li {
	width: 9px;
	height: 9px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #bdbdbd;
}
#loginPage .status li:nth-child(2) {
	margin: 0 10px;
}
#loginPage .status li.now {
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background-color: #4ebdc6;
	font-size: 13px;
	font-weight: 700;
	line-height: 21px;
	text-align: center;
	color: #fff;
}
#loginPage .whole-chk-frame {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 2px solid #000;
}
#loginPage .whole-chk-frame .terms.chk-box {
	padding-top: 0;
}
#loginPage .whole-chk-frame .terms.chk-box .input-txt {
	color: #0160a0;
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
}
#loginPage .terms.chk-box {
	padding-top: 0;
}
#loginPage .terms.chk-box .input-txt {
	color: #000;
	font-size: 16px;
	font-weight: 700;
	line-height: 23px;
}
#loginPage .terms.chk-box .input-txt .gray-color {
	color: #9e9e9e;
}
#loginPage .write-format>li {
	position: relative;
	overflow: hidden;
}
#birthYear,
#birthMonth,
#birthDate {
	width: 33.33%;
	min-width: 189px;
}
#birthMonth {
	margin: 0 10px;
}
#phoneNum {
	width: 189px;
	min-width: 189px;
}
#loginPage .write-format.wide label[for="phoneRemain"] {
	width: calc(100% - 189px);
	margin-left: 10px;
	padding-bottom: 0;
}
#loginPage .write-format.wide label[for="phoneRemain"] > input {
	width: 100%;
}
#loginPage .gender-box label,
.write-format.sub .gender-box label {
	width: 50%;
}
.form-tab-title {
	overflow: hidden;
	width: 588px;
	margin: 50px auto 0;
}
.form-tab-title>li {
	float: left;
	width: 50%;
	height: 60px;
	background-color: #fafafa;
	border-radius: 6px;
	border: solid 1px #e0e0e0;
	color: #9e9e9e;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 60px;
	cursor: pointer;
}
.form-tab-title>li:first-child {
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.form-tab-title>li:last-child {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.form-tab-title>li:hover,
.form-tab-title>li.flag {
	background-color: #fff;
	border: 1px solid #4ebdc6;
	color: #4ebdc6;
}
.form-tab-con {
	display: none;
}
.whelk {
	margin: 15px 5px 0;
	font-size: 14px;
}
#mailAddress {
	min-width: 190px;
	max-width: 190px;
	margin-left: 10px;
}
.email-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	float: left;
}
.email-select-box {
	float: left;
}
.email-box>select {
	flex-basis: 100%;
}
.write-format input[type="text"],
.write-format input[type="password"],
.write-format select {
	height: 44px;
}
.write-format input[type="text"]::placeholder,
.write-format input[type="password"]::placeholder {
	font-size: 14px;
}
.write-format .chk-box {
	padding-top: 10px;
	padding-bottom: 0;
}
.write-format .icon-chkbox {
	width: 24px;
	height: 24px;
}
.write-format .icon-chkbox::after {
	top: 15px;
	left: 10px;
	height: 10px;
}
.write-format .icon-chkbox::before {
	top: 11px;
	left: 5px;
	height: 6px;
}
.write-format input:checked+.icon-chkbox::before {
	height: 6px !important;
}
.login-btn {
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	line-height: 60px;
}
.login-remove {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translate(0, -50%);
	width: 16px;
	height: 16px;
	background: url('../img/common/icon_remove_one_full.png') no-repeat center / contain;
	cursor: pointer;
}
.find-list {
	overflow: hidden;
	width: 384px;
	margin: 50px auto 0;
	padding-top: 30px;
	border-top: 1px solid #e0e0e0;
}
.find-list>li {
	display: inline-block;
	position: relative;
	padding-left: 41px;
	text-align: center;
}
.find-list>li:first-child {
	padding-left: 0;
}
.find-list>li::before {
	content: '';
	position: absolute;
	left: 20px;
	top: 4px;
	width: 1px;
	height: 11px;
	background-color: #bdbdbd;
}
.find-list>li::before:first-child {
	content: none;
}
.find-list>li>a {
	display: inline-block;
	font-size: 14px;
}
#subContainer {
	position: relative;
	padding-bottom: 120px;
}
#subContainer .mo-scroll {
	border-bottom: 1px solid #eee;
}
#subContainer .sub-index-box .mo-scroll {
	border-bottom: 0;
}
#subContainer .cm-detail-title-area {
	padding-bottom: 30px;
}
#subContainer .cm-detail-title {
	color: #000;
	font-size: 28px;
	font-weight: 900;
	line-height: 37px;
}

.spacing-double05.bg-fa > .flex-style {
	padding-top: 5px;
}

.sub-reply-title {
	padding-bottom: 20px;
}

.sub-con {
	padding-top: 60px;
}

.sub-index-box {
	padding-bottom: 20px;
}

.unordered-list>li.flex-style .date {
	padding-top: 10px;
}

.unordered-list.line>li.flex-style {
	position: relative;
}

.sub-reply-box {
	padding-top: 80px;
}

.sub-reply-box textarea {
	width: 100%;
	padding: 20px 20px 0;
	border: 0;
}

.unordered-list.line.reply-list>li:first-child {
	border-bottom: 0;
}

.reply-list>li.second-child {
	padding-top: 225px;
}

.reply-write-form {
	position: absolute;
	left: 0;
	top: 43px;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 1px solid #e0e0e0;
}

.reply-list-spacing {
	padding: 25px 0;
}

.reply-list-spacing-title {
	padding-bottom: 15px;
}

.reply-con {
	padding-bottom: 30px;
}

.reply-old-box {
	position: relative;
	padding-left: 26px;
}

.reply-old-box::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 5px;
	vertical-align: top;
	width: 10px;
	height: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
}

.sub-count {
	display: inline-block;
	vertical-align: 2px;
	width: 30px;
	height: 20px;
	background-color: var(--color-primary) !important;
	background-color: #32c8d9 !important;
	border-radius: 15px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

.unordered-list.line.no-hover-list>li:hover {
	background-color: transparent;
}

.attach-box {
	position: relative;
	margin-top: 5px;
	border-top: 1px solid #e0e0e0;
}

.attach-box .float-l {
	min-width: calc(100% - 130px);
	padding-right: 15px;
	line-height: 44px;
	text-align: right;
}

.attach-box .icon-attach {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translate(0, -50%);
}

.writing-area {
	margin-bottom: 30px;
	background-color: #fff;
}

.reading-attach-list {
	padding-bottom: 30px;
}

.more-box {
	position: relative;
}

.click-list {
	position: absolute;
	right: 0;
	top: 39px;
	z-index: 1;
	width: 80px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 4px;
	box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
}

.click-list>li,
.click-list>li>a,
.click-list>button {
	display: block;
	height: 32px;
	padding: 0 !important;
	color: #424242;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
}

.click-list>button {
	min-width: initial !important;
	border: 0 !important;
}

.table-style-frame {
	padding-top: 20px;
}

.table-style-frame>li {
	margin-top: 5px;
}

.table-style-frame>li:first-child {
	margin-top: 0;
}

.table-style .float-l.list-title {
	min-width: 65px;
}

.mark-time {
	padding-left: 26px;
}

.mark-txt {
	max-height: 64px;
	padding: 20px 0 0 54px;
}

.detail-con {
	min-height: 400px;
}

.detail-con img {
	width: 100% !important;
}

.detail-con.detail-spacing {
	padding: 40px 20px;
}

.mark-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.con-txt.color-black.summary {
	display: -webkit-box;
}

.bookmark-list div.flex-style .middle {
	width: calc(100% - 140px);
	padding: 25px 0 25px 20px;
	box-sizing: border-box;
}

.bookmark-list div.flex-style .middle .con-txt.summary,
.bookmark-list div.flex-style .middle .mark-txt {
	width: 100%;
}

.bookmark-list div.flex-style .mark-bottom {
	box-sizing: border-box;
}

.bookmark-list div.flex-style .mark-bottom .btn-list button {
	margin-left: auto;
}

.policy-frame,
.policy-frame p,
.policy-frame span,
.policy-frame a {
	text-align: left;
}

.info-frame {
	border-top: 1px solid #000;
}

.info-frame .summary-gray-box {
	margin-top: 0;
	padding: 30px;
}

.summary-gray-box {
	margin-top: 50px;
	padding: 20px;
	background-color: #f6f7f8;
}

.summary-gray-box,
.summary-gray-box p {
	font-size: 16px;
	line-height: 23px;
}

.area-title {
	margin: 50px 0 20px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
	line-height: 29px;
}

.policy-area .area-txt,
.policy-list>li {
	font-size: 16px;
	line-height: 25px;
}

.policy-list>li::before {
	content: '-';
	display: inline-block;
	margin-right: 7px;
}

.policy-list>li:first-child {
	padding: 20px 0 10px;
	color: #0160a0;
	font-size: 16px;
	font-weight: 700;
}

.policy-list>li:first-child::before {
	content: none;
}
/* // SUB ### */

/* ================== single Custom ================== */
/* icon */
.icon {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.icon-download {
	margin-right: 15px;
}

.icon-one {
	display: inline-block;
	width: 48px;
	height: 48px;
	background-color: #fff;
	box-shadow: 0 0 0 1px #e0e0e0 inset;
	border-radius: 50%;
	text-align: center;
}

.icon-one.size {
	width: 36px;
	height: 36px;
}

.icon-one>img {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}

.icon-one>img.youtube,
.icon-one>img.insta {
	width: 48px;
}

.icon.caution-blue {
	vertical-align: -5px;
	width: 24px;
	height: 24px;
	background: url('../img/common/icon_caution_blue.png') center / contain;
}

.icon.close-black {
	width: 24px;
	height: 24px;
	background: url('../img/common/icon_close_black.svg') no-repeat center / contain;
}

.icon.refresh-gray {
	width: 20px;
	height: 20px;
	background: url('../img/common/icon_refresh.png') no-repeat center / contain;
}

/* background */
.bg-dark {
	background-color: #424242 !important;
}

.bg-757575 {
	background-color: #757575 !important;
}

.bg-white {
	background-color: #fff !important;
}

.bg-fa {
	background-color: #fafafa !important;
}

.bg-f9 {
	background-color: #f9f9f9 !important;
}

.bg-eee {
	background-color: #eee !important;
}

/* border */
.bor-t-black {
	border-top: 1px solid #000 !important;
}

.bor-b-black {
	border-bottom: 1px solid #000 !important;
}

.bor-l-e0 {
	border-left: 1px solid #e0e0e0 !important;
}

.bor-dark,
.outline-dark {
	border: 1px solid #424242 !important;
}

.bor-e {
	border: 1px solid #eee !important
}

.bor-e0 {
	border: 1px solid #e0e0e0 !important;
}

.bor-b-e0 {
	border-bottom: 1px solid #e0e0e0 !important;
}

.bor-radius03 {
	border-radius: 3px;
}

/* opacity */
.opacity-60 {
	opacity: 0.6;
}

.opacity-1 {
	opacity: 1;
}

/* color */
.color-white {
	color: #fff !important;
}

.color-red {
	color: #d32f2f !important;
}

.color-black {
	color: #000 !important;
}

.color-dark {
	color: #424242 !important;
}

.color-9e9e9e {
	color: #9e9e9e !important;
}

.color-616161 {
	color: #616161 !important;
}

.color-757575 {
	color: #757575 !important;
}

/* size */
.size-small {
	width: 16px;
	height: 16px;
}

.size-middle {
	width: 18px;
	height: 18px;
}

.size-big {
	width: 24px;
	height: 24px;
}

/* button */
.btn-bottom-box {
	padding-top: 50px;
}

.btn-bottom-box02 {
	padding-top: 40px;
}

.btn {
	display: inline-block;
	box-sizing: border-box;
	min-width: 120px;
	padding: 12px 13px 10px;
	background-color: #fff;
	border: 1px solid transparent;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

.btn.big {
	min-width: 150px;
	padding: 14px 13px 12px;
}

.btn.normal {
	min-width: 100px;
	padding: 8px 13px 6px;
	font-size: 12px;
}

.btn.middle {
	padding: 12px 13px 10px;
}

.btn.middle02 {
	min-width: 70px;
	padding: 6px 13px 4px;
	font-size: 12px;
	line-height: 18px;
}

.btn.small {
	min-width: 54px;
	padding: 4px 15px;
}

/* tag */
.tag-box {
	display: inline-block;
	min-width: 54px;
	height: 28px;
	background-color: rgba(0, 0, 0, 0.08);
	box-sizing: border-box;
	color: #9e9e9e;
	font-size: 13px;
	font-weight: 700;
	line-height: 26px;
	text-align: center;
	cursor: default;
}

.tag-box.green {
	background-color: rgba(76, 175, 80, 0.16);
	color: #4caf50;
}

.tag-box.outgray {
	background-color: transparent;
	border: 1px solid #bdbdbd;
	font-weight: 700;
}

.mass-box {
	overflow: hidden;
	padding-top: 10px;
}
.mass-box>span {
	float: left;
	height: 20px;
	margin: 5px 5px 0 0;
	padding: 0 10px;
	border-radius: 10px;
	background-color: #e9f6fc;
	font-size: 12px;
	color: #0186ca;
	line-height: 20px;
}

.square-tag {
	display: inline-block;
	min-width: 81px;
	height: 24px;
	margin-bottom: 10px;
	padding: 0 5px;
	border: 1px solid #424242;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	text-align: center;
}

/* form */
select,
input,
textarea {
	padding: 9px 16px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	color: #424242;
	font: 14px 'spoqaHanSans';
	line-height: 24px;
	outline: none;
}

button {
	border: 0;
	cursor: pointer;
}

textarea {
	resize: none;
}

textarea:read-only {
	cursor: default;
}

input::placeholder,
textarea::placeholder {
	font: 14px 'spoqaHanSans';
	font-weight: 300;
	color: #9e9e9e;
}

input[type="button"] {
	cursor: pointer;
}

input.search-input {
	width: calc(100% - 30px);
	height: 42px;
	padding: 0;
	line-height: 42px;
	border: 0;
}

select {
	min-width: 120px;
	height: 44px;
	padding-right: 25px;
	background-image: url('../img/common/icon_arrow_b_gray.png');
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 16px;
	border: 1px solid #e0e0e0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

/* hide input number arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}

input:disabled,
select:disabled {
	background-color: #eee;
	border-color: #eee;
	color: rgba(0, 0, 0, 0.24);
}

input:disabled.attach-info {
	background-color: transparent;
	color: initial;
	border-color: initial;
}

input:disabled::placeholder,
select:disabled::placeholder {
	color: rgba(0, 0, 0, 0.24);
}

select{
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
}
select::-ms-expand {display:none}

.search-box {
	position: relative;
	width: 240px;
	padding: 0 15px;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.big-search-frame .search-box {
	width: 100%;
	margin-top: 15px;
	border-width: 2px;
	height: 60px;
}

.big-search-frame .search-box .search-input {
	height: 56px;
}

.format-list {
	width: 100%;
	box-sizing: border-box;
}

.format-list>li {
	display: table;
	table-layout: fixed;
	width: 874px;
	margin-top: 25px;
}

.format-list>li:first-child {
	margin-top: 0;
}

.format-list>li .format-title,
.format-list>li .format-cont {
	display: table-cell;
}

.format-list>li .format-title {
	vertical-align: top;
	font-size: 16px;
	line-height: 23px;
}

.format-list>li .format-cont {
	width: 690px;
}

.write-format input,
.write-format select,
.write-format textarea {
	width: 100%;
}

.attach-info {
	margin-right: 5px;
}

input[type="button"]:disabled,
button[type="button"]:disabled {
	background-color: #eee;
	border: 1px solid #eee;
	color: rgba(0, 0, 0, 0.24);
	cursor: default;
}

/* checkbox, radio custom */
.chk-box,
.radio-box {
	display: inline-block;
	padding: 8px 67px 8px 0;
	color: #9e9e9e;
}

.radio-box,
#loginPage .write-format.wide label.radio-box {
	padding: 0 0 10px 0;
}

.chk-box input,
.radio-box input {
	display: none;
}

.chk-box .input-txt,
.radio-box .input-txt {
	vertical-align: middle;
	padding-left: 5px;
	font-size: 14px;
	line-height: 20px;
	cursor: pointer;
	-ms-user-select: none;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.chk-box input[type="checkbox"]:disabled+.icon-chkbox+.input-txt,
.radio-box input[type="radio"]:disabled+.icon-radio+.input-txt,
.chk-box input[type="checkbox"]:disabled+.icon-chkbox,
.radio-box input[type="radio"]:disabled+.icon-radio {
	cursor: default;
}

.radio-box .input-txt {
	color:#000;
	font-weight: 700;
}

.icon-chkbox,
.icon-radio {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	border: 1px solid #e0e0e0;
	position: relative;
	cursor: pointer;
}

.icon-radio {
	position: relative;
	border-radius: 50%;
	box-sizing: border-box;
	border: 2px solid #4ebdc6;
}

.icon-chkbox::before,
.icon-chkbox::after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 0;
	background-color: #fff;
	position: absolute;
	transform-origin: left top;
}

.icon-radio::after {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
}

.icon-chkbox::before {
	top: 11px;
	left: 5px;
	transform: rotate(-45deg);
	height: 6px;
}

.icon-chkbox::after {
	top: 15px;
	left: 10px;
	transform: rotate(-135deg);
	height: 10px;
}

.chk-box input:checked+.icon-chkbox::before {
	height: 6px;
	transition: all 0.15s ease;
}

.chk-box input:checked+.icon-chkbox::after {
	height: 10px;
	transition: all 0.15s ease 0.15s;
}

.radio-box input:checked+.icon-radio::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #4ebdc6;
}

input[type="radio"]:disabled+.icon-radio {
	border-color: #bdbdbd;
}

.radio-box input:disabled+.icon-radio.chk::after {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #bdbdbd;
}

/* etc */
.dis-none,
.tm-show,
.mo-show {
	display: none !important;
}

.rotate-90 {
	transform: rotate(90deg);
}

.rotate-180 {
	transform: rotate(180deg);
}

.cursor-p {
	cursor: pointer;
}

/* no data */
.no-data-style {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100px;
	margin-top: 0 !important;
	padding: 20px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 23px;
	text-align: center;
	color: #7e7e7e;
}

/* ================== // single custom ================== */

/* font-face */
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),
	url(https://example.com/MaterialIcons-Regular.woff) format('woff'),
	url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

/* ================== single style ================== */
/* width, height */
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
/* position */
.position-r {
	position: relative;
}
.position-c {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.position-right {
	position: absolute;
	right: 0;
	top: 0;
}
/* float */
.overflow-h {
	overflow: hidden;
}
.float-l {
	float: left;
}
.float-r {
	float: right;
}
/* margin & padding */
/* -- MarginReset -- */
.mg0 {
	margin: 0 !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.ml0 {
	margin-left: 0 !important;
}

.m-auto {
	margin: 0 auto !important;
}

/* -- MarginTop -- */
.mt-auto {
	margin-top: auto !important;
}
.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt100 {
	margin-top: 100px !important;
}

/* -- MarginRight -- */
.mr-auto {
	margin-right: auto;
}
.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr13 {
	margin-right: 13px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr100 {
	margin-right: 100px !important;
}

/* -- MarginBottom -- */
.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

/* -- MarginLeft -- */
.ml-auto {
	margin-left: auto !important;
}
.ml2p {
	margin-left: 2% !important;
}

.ml03 {
	margin-left: 3px !important;
}

.ml05 {
	margin-left: 5px !important;
}

.ml07 {
	margin-left: 7px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml13 {
	margin-left: 13px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml100 {
	margin-left: 100px !important;
}

/* ---------- Padding ---------- */
/* -- PaddingReset -- */
.pd0 {
	padding: 0 !important;
}

.pd5 {
	padding: 5px !important;
}

.pd10 {
	padding: 10px !important;
}

.pd20 {
	padding: 20px !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pl0 {
	padding-left: 0 !important;
}

/* -- PaddingTop -- */
.pt05 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

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

.pt60 {
	padding-top: 60px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pt150 {
	padding-top: 150px !important;
}

/* -- PaddingRight -- */
.pr05 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pr100 {
	padding-right: 100px !important;
}

/* -- PaddingBottom -- */
.pb05 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pb150 {
	padding-bottom: 150px !important;
}

/* -- PaddingLeft -- */
.pl05 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pl100 {
	padding-left: 100px !important;
}

/* border */
.bor-box {
	box-sizing: border-box;
}
.bor-0 {
	border: 0 !important;
}

.bor-t-0 {
	border-top: 0 !important;
}

.bor-r-0 {
	border-right: 0 !important;
}

.bor-b-0 {
	border-bottom: 0 !important;
}

.bor-t-0 {
	border-top: 0 !important;
}

/* txt weight */
.txt-l {
	text-align: left !important;
}

.txt-c {
	text-align: center !important;
}

.txt-r {
	text-align: right !important;
}

.weight-300 {
	font-weight: 300 !important;
}

.weight-700 {
	font-weight: 700 !important;
}

.weight-900 {
	font-weight: 900 !important;
}
/* ================== // single style ================== */


/* ================== media query ================== */
/* ### PC */
/* @media (max-width: 1365px) {
	.container {
		width: 100%;
		box-sizing: border-box;
		padding: 0 24px;
	}
} */

@media screen and (min-width: 1200px) {
	.pc_hide {
		display: none !important;
	}

	.mobile_show {
		display: none !important;
	}

	.tablet_show {
		display: none !important;
	}
	/* .main_list .main_list_wrapper .main-list-slider {
		max-width: 1920px;
		height: 70px;
		width: calc(100% - 180px);
	}

	.main_list .main_list_wrapper .main-list-slider>div {
		width: calc(100% / 5);
		height: 70px;
	}

	.main_list .main_list_wrapper .main_list_control img {
		width: 40px;
		height: 40px;
	} */
}

@media all and (max-width: 1240px) {
	.container {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
		padding-left: 24px;
		padding-right: 24px;
	}
}

@media all and (max-width: 1250px) {
	.flex-style>.top {
		min-width: 13%;
	}

	.flex-style>.bottom {
		min-width: 17%;
	}
}
/* // PC ### */

/* ### Tablet */
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.tablet_hide {
		display: none !important;
	}

	.mobile_show {
		display: none !important;
	}

	.pc_show {
		display: none !important;
	}

	.container {
		width: 100%;
		box-sizing: border-box;
		padding-left: 24px;
		padding-right: 24px;
	}
	/* .main_list .main_list_wrapper .main-list-slider {
		height: 60px;
		width: calc(100% - 135px);
	}

	.main_list .main_list_wrapper .main-list-slider>div {
		width: calc(100% / 5);
		height: 60px;
	}

	.main_list .main-list-slider>div img {
		width: 100%;
		object-fit: scale-down;
	}

	.main_list .main_list_wrapper .main_list_control img {
		width: 40px;
		height: 40px;
	} */

}
/* // Tablet ### */

/* ### Tablet & Mobile */
@media all and (max-width: 1024px) {
	#loginPage .sub-title-small {
		font-size: 24px;
		line-height: 32px;
	}
	#loginPage .whole-chk-frame .terms.chk-box .input-txt {
		font-size: 16px;
		line-height: 23px;
	}
	#loginPage .write-format .textarea-box {
		margin: 15px 0 25px;
		font-size: 12px;
	}
	#loginPage .terms.chk-box .input-txt {
		font-size: 14px;
		line-height: 20px;
	}
	#loginPage .border-frame .flex-style.pt20 {
		padding-top: 25px !important;
	}
	#top.no-fixed {
		position: absolute;
		right: 20px;
		/* top: -31.7%; */
		top: -133px;
		bottom: auto;
	}
	.tm-hide {
		display: block !important;
	}
	.main_list .main_list_wrapper {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	/* ### SUB */
	.like-table-inner>li {
		font-size: 14px;
		line-height: 20px;
	}
	.form-tab-title>li {
		height: 52px;
		font-size: 14px;
		line-height: 52px;
	}
	.sub-index-box {
		padding-bottom: 15px;
	}

	.reply-list-spacing {
		padding: 15px 0;
	}

	.reply-con {
		padding-bottom: 20px;
	}

	.writing-area {
		margin-bottom: 20px;
	}

	.reply-old-box {
		padding-left: 20px;
	}

	.mark-time {
		padding-left: 20px;
	}

	.img-txt-box {
		padding-top: 15px;
	}
	.square-tag {
		min-width: 75px;
		height: 18px;
		line-height: 17px;
		font-size: 10px;
	}
	.summary-gray-box {
		font-size: 14px;
		line-height: 20px;
	}
	.area-title {
		margin: 50px 0 15px;
		font-size: 18px;
		line-height: 25px;
	}
	.policy-area .area-txt,
	.policy-list>li {
		font-size: 14px;
		line-height: 22px;
	}
	.policy-list>li:first-child {
		padding: 15px 0 10px;
		font-size: 14px;
	}
	.write-format.sub>li {
		margin-top: 25px;
	}
	.write-format.sub>li.flex-style {
		display: block;
	}
	.write-format.sub>li .left-side {
		padding-bottom: 10px;
	}
	.write-format.sub>li,
	.write-format.sub>li .left-side,
	.write-format.sub>li .right-side {
		width: 100%;
	}
	.write-format.sub>li .left-side {
		max-width: 100%;
		min-width: 100%;
		margin-right: 0;
	}
	.write-format.sub>li .left-side span.form-info {
		padding-top: 0;
	}
	.summary-gray-box,
	.summary-gray-box p {
		font-size: 14px;
		line-height: 20px;
	}
	/* // SUB ### */
	/* ### Content Style */
	.spacing-topbottom02 {
		padding: 0 15px;
	}

	/* // Content Style ### */
	/* etc */
	.tm-show {
		display: block !important;
	}

	.pc-show {
		display: none !important;
	}

	.tm-hide {
		display: none !important;
	}

	/* ### Title */
	.detail-title {
		font-size: 16px;
		line-height: 23px;
	}

	/* // Title ### */
	/* ### Index */
	.index-list {
		padding-bottom: 22px;
	}

	/* // Index ### */
	/* ### Tab Style */
	.tab-title>li,
	.tab-title>li a {
		font-size: 14px;
	}

	.tab-title.bg-bar>li {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.tab-title.bg-bar.wide {
		width: 110%;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0 10px;
		box-sizing: border-box;
	}

	/* // Tab Style ### */
	/* ### Row Style */
	.flex-style>.top {
		display: none;
	}

	/* // Row Style ### */
	/* ### list Style */
	.format-list>li {
		margin-top: 20px;
	}

	/* // list Style ### */
	/* ### Text Style */
	.third-title {
		font-size: 18px;
		line-height: 25px;
	}

	.small-txt {
		font-size: 12px;
		line-height: 18px;
	}

	.tm-small-txt {
		font-size: 14px;
		line-height: 20px;
	}

	/* // Text Style ### */
	/* form */
	/* input::placeholder,
	textarea::placeholder {
		font-size: 12px;
	} */

	input.search-input {
		height: 36px;
	}

	.search-box {
		padding-left: 12px;
	}

	.big-search-frame .search-box {
		margin-top: 10px;
	}

	/* checkbox custom */
	.icon-chkbox,
	.write-format .icon-chkbox {
		width: 18px;
		height: 18px;
	}

	.icon-chkbox::before {
		top: 7px;
		left: 2px;
	}

	.icon-chkbox::after {
		top: 11px;
		left: 6px
	}

	.chk-box input:checked+.icon-chkbox::before {
		/* top: 8px;
    left: 3px;
		height: 6px !important; */
	}

	.chk-box input:checked+.icon-chkbox::after {
		/* top: 11px;
    left: 8px;
		height: 8px; */
	}

	/* button */
	.btn {
		min-width: 100px;
		padding: 10px 13px 8px;
		font-size: 12px;
	}

	.btn.middle {
		min-width: 130px;
	}

	.btn-bottom-box {
		padding-top: 30px;
	}

	.info-frame+.btn-bottom-box {
		padding-top: 40px;
	}

	.btn-bottom-box02 {
		padding-top: 50px;
	}

	.format-list>li,
	.format-list>li .format-title,
	.format-list>li .format-cont {
		display: block;
	}

	.format-list>li {
		width: 100%;
	}

	.format-list>li .format-title {
		font-size: 14px;
		line-height: 20px;
	}

	.format-list>li .format-cont {
		width: 100%;
		padding-top: 5px;
	}

	/* size */
	.tm-size-middle {
		width: 18px;
		height: 18px;
	}
	.js-drop-title .con-txt .mo-small-txt,
	.js-drop-con .small-txt {
		font-size: 14px;
	}
	.sub-index-box.flex-style .flex-right select,
	.unordered-list.line>li .gap05.date.small-txt.color-9e9e9e {
		font-size: 12px;
	}

	.bookmark-list div.flex-style .mark-bottom .btn-list button {
		margin: 0 auto;
	}

	/* ### popup style */
	.popup-middle {
		padding: 60px 24px 80px;
	}
	.info-txt {
		font-size: 14px;
	}
	/* // popup style ### */
}

@media all and (max-width: 1020px) {
	.main_list .main-list-slider {
		width: 100%;
	}
}
/* // Tablet & Mobile ### */

/* ### Tablet2 */
@media screen and (max-width: 1024px) and (min-width: 768px) {

	/* ### LOGIN */
	#idAccount,
	#pwdAccount {
		height: 60px !important;
	}
	#loginPage .sub-title {
		font-size: 40px;
		line-height: 49px;
	}
	button.big-btn {
		height: 52px;
		line-height: 52px;
	}
	button.wide-btn.outline {
		height: 70px;
		line-height: 70px;
	}
	#loginPage .border-frame .border-frame-inner {
		padding: 50px 20px 70px;
	}
	#loginPage .icon-chk-one {
		width: 100px;
		height: 100px;
	}
	/* // LOGIN ### */
	/* etc */
	.ta-none {
		display: none;
	}

	.ta-position-r20-b20 {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	/* form */
	select {
		min-width: 115px;
		height: 40px !important;
	}
	/* .write-format input[type="text"],
	.write-format input[type="password"],
	.write-format select {
		height: 40px !important;
	} */

	/* btn */
	.btn-list.ta-row>button,
	.btn-list.ta-row>a.btn {
		margin-top: 0;
		margin-left: 5px;
	}

	.btn-list.ta-row>button:first-child,
	.btn-list.ta-row>a.btn:first-child {
		margin-left: 0;
	}

	.btn-bottom-box .btn.bg-dark {
		font-size: 14px;
	}

	/* ### SUB */
	.error-box {
		height: 407px;
		background-size: 407px;
	}
	.error-box, .error-box span {
		font-size: 196px;
	}
	.error-box .error-middle {
		width: 132px;
		height: 117px;
		margin: 0 24px;
	}
	.error-btn-area .more-btn {
		width: 250px;
	}
	#loginPage {
		/* padding: 193px 0 172px; */
	}
	#loginPage.no-fix {
		padding: 100px 0 120px;
	}
	#loginPage .write-format {
		width: 352px;
	}
	#subContainer {
		padding-bottom: 100px;
	}
	.detail-con.detail-spacing {
		padding: 30px 20px;
	}
	#subContainer .cm-detail-title-area {
		padding-bottom: 25px;
	}
	#subContainer .cm-detail-title {
		font-size: 24px;
		line-height: 32px;
	}

	.tab-title.style-line>li {
		height: 52px;
	}

	.sub-con {
		padding-top: 40px;
	}

	.sub-reply-box {
		padding-top: 60px;
	}

	.reading-attach-list {
		padding-bottom: 25px;
	}

	.sub-reply-title {
		padding-bottom: 10px;
	}

	.table-style-frame>li {
		float: left;
		margin-top: 0;
		margin-left: 20px;
	}

	.table-style-frame>li:first-child {
		margin-left: 0;
	}

	.table-style .float-l.list-title {
		min-width: initial;
	}

	.mark-txt {
		padding: 9px 0 0 44px;
	}

	.ta-position-mark {
		position: relative;
		top: 50%;
		transform: translate(0, 100%);
	}
	.policy-list {
		padding-left: 24px;
	}
	.write-format.sub {
		padding: 30px 10px;
	}
	.write-format.sub>li .email-box {
		width: 67%;
	}
	.write-format.sub>li .email-box label {
		flex: 1 1 auto;
	}
	.write-format.sub>li .email-select-box {
		width: 32%;
	}
	.write-format.sub>li .email-select-box #mailAddress {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
	}
	.info-frame .summary-gray-box {
		padding: 20px;
	}
	/* // SUB ### */
	/* ### Tab Style */
	.tab-title.style-line>li a {
		padding: 16px 24px 12px;
	}

	/* // Tab Style ### */
	/* ### Title */
	.sub-title {
		font-size: 26px;
		line-height: 34px;
	}
	.title-bg {
		height: 248px;
		padding-top: 93px;
	}

	.title-bg-bottom {
		padding: 20px 0 0;
	}

	/* // Title ### */
	/* ### Row Style */
	.flex-style>.ta-basis02 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	.flex-style.ta-row {
		-webkit-box-orient: horizontal;
		-ms-flex-direction: row;
		flex-direction: row;
	}

	.flex-style>.middle {
		position: relative;
		/* min-width: 100%; */
		padding: 20px 10px;
	}

	.flex-style>.bottom.position-r-b {
		position: absolute;
		right: 10px;
		bottom: 20px;
		min-width: initial;
		max-width: initial;
		min-height: initial;
		border-left: 0 !important;
	}

	/* // Row Style ### */
	/* ### list Style */
	.margin-list05 {
		margin-top: 0;
	}
	.img-list {
		margin: -20px -8px;
	}
	.img-list.event .img-list-title.summary {
		max-height: 74px;
		font-size: 18px;
		line-height: 25px;
	}
	.img-list.event>li {
		width: 50%;
	}
	.img-list.event>li>.spacing {
		padding: 20px 8px;
	}
	.img-list.event .img-list-sub-txt {
		font-size: 14px;
	}
	/* // list Style ### */
	/* ### Content Style */
	.spacing-double {
		padding: 30px 10px;
	}

	.spacing-double02 {
		padding: 25px 10px;
	}

	.spacing-square03 {
		padding: 15px 10px;
	}

	.spacing-double05 {
		padding: 15px 20px;
	}

	.spacing-double06 {
		padding: 30px 20px;
	}

	.spacing-square {
		padding: 20px;
	}

	.spacing-r {
		padding-right: 60px;
	}

	/* // Content Style ### */
	/* ### Text Style */
	.ta-small-txt {
		font-size: 14px;
		line-height: 20px;
	}
	/* // Text Style ### */
	.unordered-list>li span.mark-time {
		padding-left: 45px;
	}
	.ta-position-mark {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}
	.info-frame+.btn-bottom-box button {
		min-width: 120px;
	}
	/* ### popup style */
	.popup-page {
		min-width: 80%;
		max-width: 80%;
		width: 80%;
	}
	/* // popup style ### */
}
/* // Tablet2 ### */

/* ### Mobile */
@media screen and (max-width: 767px) {
	.main_list_control img {
		width: 33px;
		height: 33px;
	}
	.write-format input[type="text"],
	.write-format input[type="password"],
	.write-format select,
	.login-btn {
		height: 48px;
	}
	.write-format input[type="text"],
	.write-format input[type="password"],
	.write-format select {
		height: 44px;
	}
	.login-btn {
		line-height: 48px;
	}
	.find-list {
		width: calc(100% - 40px);
		margin-top: 40px;
		padding-top: 20px;
	}
	.find-list>li {
		padding-left: 31px;
	}
	.find-list>li::before {
		left: 15px;
	}
	.find-list>li>a {
		font-size: 12px;
	}
	.mobile_hide {
		display: none !important;
	}

	.tablet_show {
		display: none !important;
	}

	.pc_show {
		display: none !important;
	}

	/* etc */
	.mo-hide,
	.mo-none {
		display: none !important;
	}

	.mo-block,
	.mo-show {
		display: block !important;
	}

	.mo-wide {
		width: 100%;
	}

	.mo-position-r10-b20 {
		position: absolute;
		right: 10px;
		bottom: 20px;
	}

	.mo-position-r20-b20 {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

	/* .main_list .main_list_wrapper .main-list-slider {
		height: 52px;
		width: calc(100% - 112px);
	}

	.main_list .main_list_wrapper .main-list-slider>div {
		width: calc(100% / 2);
		height: 52px;
	}

	.main_list .main-list-slider>div img {
		width: 100%;
		object-fit: scale-down;
	}

	.main_list .main_list_wrapper .main_list_control img {
		width: 33px;
		height: 33px;
	} */

	.attachments-list {
		padding-top: 20px !important;
	}

	.attachments-list .icon-download {
		margin-right: 0;
		right: 0;
		bottom: 0;
	}

	.attachments-list>.flex-style .small-txt {
		width: 90%;
	}

	/* tag */
	.tag-box {
		font-size: 11px;
	}

	/* icon */
	.icon-one {
		width: 36px;
		height: 36px;
	}
	.icon-one>img.youtube,
	.icon-one>img.insta {
		width: 36px;
	}

	/* form */
	select {
		min-width: 80px;
		height: 28px;
		padding: 0 32px 0 16px;
	}

	.container {
		position: relative;
		width: 100%;
		box-sizing: border-box;
		padding-left: 20px;
		padding-right: 20px;
	}
	/* ### LOGIN */
	#loginPage .write-format input[type="text"],
	#loginPage .write-format input[type="password"],
	#loginPage .write-format select {
		height: 48px !important;
	}
	#loginPage .sub-title {
		font-size: 32px;
		line-height: 39px;
	}
	button.big-btn {
		width: 50%;
		height: 48px;
		font-size: 14px;
		line-height: 48px;
	}
	button.wide-btn.outline {
		height: 60px;
		padding: 0 7px;
		font-size: 12px;
		line-height: 60px;
	}
	button.wide-btn.outline .blue-txt {
		font-size: 14px;
	}
	#loginPage .border-frame .write-format.wide {
		width: 100%;
	}
	#loginPage .sub-title-small {
		font-size: 20px;
		line-height: 26px;
	}
	input.name-input {
		font-size: 12px;
	}
	input[type="text"].name-input::placeholder {
		font-size: 11px;
	}
	/* // LOGIN ### */
	/* ### SUB */
	.error-box {
		height: 181px;
		background-size: 181px;
	}
	.error-box, .error-box span {
		font-size: 87px;
	}
	.error-box .error-middle {
		width: 59px;
		height: 52px;
		margin: 0 10px;
	}
	.error-txt-area {
		width: 100%;
	}
	.error-txt-area .error-info {
		font-size: 24px;
		line-height: 1.5;
	}
	.error-txt-area .error-info.sub {
		font-size: 14px;
	}
	.error-btn-area {
		margin-top: 30px;
	}
	.error-btn-area .more-btn {
		width: 250px;
		height: 48px;
		line-height: 48px;
	}
	#loginPage,
	#loginPage.no-fix {
		padding: 50px 0 80px;
	}
	#loginPage .write-format,
	#loginPage .write-format.wide,
	.form-tab-title {
		width: calc(100% - 40px);
	}
	#birthYear,
	#birthMonth,
	#birthDate {
		min-width: auto;
	}
	#subContainer {
		padding-bottom: 60px;
	}

	#subContainer .cm-detail-title-area {
		padding-bottom: 20px;
	}

	#subContainer .cm-detail-title {
		font-size: 22px;
		line-height: 29px;
	}

	.like-table>li {
		float: none;
		margin-top: 5px;
		padding-left: 0;
	}

	.like-table>li:first-child {
		margin-top: 0;
	}

	.like-table>li::before {
		content: none;
	}

	.like-table-inner>li:first-child {
		min-width: 94px;
		max-width: 94px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.detail-con.detail-spacing {
		padding: 20px 0;
	}

	#loginPage .write-format.wide .pt50 {
		padding-top: 40px !important;
	}

	#loginPage .write-format.wide label {
		padding-bottom: 25px;
	}

	#phoneNum {
		width: 100px;
		min-width: 100px;
	}

	#loginPage .write-format.wide label[for="phoneRemain"] {
		width: calc(100% - 100px);
	}

	.email-box {
		float: none;
		width: 100%;
	}

	.email-box>label {
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
	}
	.email-box .whelk {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.email-select-box {
		clear: both;
		float: none;
		width: 100%;
	}

	.email-select-box>select#mailAddress {
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		margin: 10px 0 0;
	}

	#loginPage .border-frame {
		width: calc(100% - 40px);
		margin-top: 40px;
	}

	#loginPage .border-frame .complete-txt {
		padding: 20px 0;
		font-size: 18px;
	}

	#loginPage .border-frame .complete-small-txt {
		font-size: 14px;
		line-height: 24px;
	}

	#loginPage .write-format,
	.form-tab-title {
		margin-top: 40px !important;
	}
	.write-format.sub {
		margin-top: 20px !important;
	}
	.info-frame .write-format.sub {
		margin-top: 0 !important;
	}
	.form-tab-title>li {
		height: 48px;
		line-height: 48px;
	}

	#loginPage .border-frame .border-frame-inner {
		padding: 40px 10px 50px;
	}
	#loginPage .icon-chk-one {
		width: 80px;
		height: 80px;
	}

	.tab-title.style-line>li {
		height: 45px;
	}

	.tab-title.style-line>li a {
		padding: 11px 10px 9px;
	}

	.sub-reply-box {
		padding-top: 40px;
	}

	.sub-reply-title {
		padding-bottom: 10px;
	}

	.reply-write-form {
		top: initial;
		bottom: 0;
		border-bottom: 0;
	}

	.unordered-list.line.reply-list>li:first-child {
		border-bottom: 1px solid #e0e0e0;
	}

	.reply-list>li.second-child {
		padding-top: 0;
	}

	.reading-attach-list {
		padding-bottom: 0;
	}

	.reply-list-spacing-title {
		padding-bottom: 10px;
	}

	.unordered-list.line>li.flex-style.js-fixed-release,
	.js-fixed-release {
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1;
		width: 100%;
		box-shadow: rgb(0 0 0 / 6%) 0px 2px 4px 0px inset;
	}

	.attach-box .float-l {
		min-width: 100%;
		padding-right: 10px;
	}

	.attach-box .float-r {
		float: none;
	}

	.attach-box .icon-attach {
		left: 10px;
	}

	.mark-txt {
		padding: 5px 0 0 0;
	}

	.mark-time {
		padding-bottom: 10px;
		font-size: 16px;
	}

	.mark-more {
		position: absolute;
		right: 0;
		top: 15px;
		width: 24px !important;
		height: 24px !important;
	}

	.mark-bottom {
		padding: 0;
	}

	.board-title {
		padding-top: 10px;
	}

	.spacing-double05.bg-fa > .flex-style {
		padding-top: 0;
	}
	.info-frame .summary-gray-box {
		padding: 15px;
	}
	.dots-list {
		padding-left: 0;
	}
	/*  // SUB ### */

	.js-scroll-top-fixed01,
	.js-scroll-top-fixed02 {
		background-color: #fff;
	}

	/* ### SUB */
	.mo-scroll {
		overflow-x: auto;
	}

	.sub-con {
		padding-top: 30px;
	}

	.sub-index-box.flex-style {
		display: block;
	}

	.spacing-square03 {
		padding: 10px;
	}

	.img-txt-box {
		padding-top: 0;
	}

	.summary-gray-box,
	.area-title {
		margin-top: 40px;
	}

	.info-frame+.btn-bottom-box {
		flex-direction: column-reverse;
	}
	.info-frame+.btn-bottom-box>div {
		width: 100%;
	}
	.info-frame+.btn-bottom-box>div.ml-auto {
		margin-bottom: 10px;
	}
	.info-frame+.btn-bottom-box button {
		display: block;
		width: 100%;
		height: 40px !important;
		margin: 0 0 10px;
	}
	.write-format.sub {
		padding: 20px 0;
	}
	.write-format>li .email-style {
		display: block;
	}
	.summary-gray-box p .icon.caution-blue {
		display: block;
		margin-right: 0 !important;
		margin-bottom: 5px;
	}
	.summary-gray-box p.color-primary {
		padding-bottom: 5px;
	}
	/* // SUB ### */
	/* ### Title */
	.sub-title {
		font-size: 24px;
		line-height: 32px;
	}
	.title-bg {
		height: 182px;
		padding-top: 60px;
	}

	.title-bg-bottom {
		padding: 20px 0 0;
		background-image: none;
	}

	/* // Title ### */
	/* ### Content Style */
	.spacing-double {
		padding: 15px 10px;
	}

	.spacing-double02 {
		padding: 15px 10px 20px;
	}

	.spacing-double05 {
		padding: 20px;
	}

	.spacing-double06 {
		padding: 20px 0;
	}

	.spacing-square {
		padding: 15px;
	}

	.mo-spacing-square {
		padding: 20px;
	}

	.unordered-list>li.flex-style .date {
		padding-top: 15px;
	}

	/* // Content Style ### */
	/* ### Tab Style */
	.tab-title.style-line.wide {
		width: fit-content;
		margin: 0 auto;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.tab-title.style-line.wide>li a {
		margin: 0 10px;
		padding: 13px 0 7px;
	}

	/* // Tab Style ### */
	/* ### Row Style */
	.flex-style>.mo-basis02 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	.flex-style>.middle {
		width: 100%;
		min-width: initial;
		padding: 15px 10px 20px;
	}

	.flex-style>.bottom {
		width: 100%;
		min-width: initial;
		max-width: initial;
		min-height: initial;
		padding-bottom: 10px;
		border-left: 0;
	}

	/* // Row Style ### */
	/* form */
	.search-box {
		width: 100%;
	}

	.big-search-frame .search-box {
		height: 48px;
	}

	.big-search-frame .search-box .search-input {
		height: 44px;
	}

	.attach-info {
		height: initial !important;
		margin: 5px 0 0 0;
		padding: 0;
		border: 0;
		font-size: 12px;
		line-height: 18px;
	}

	.attach-info::placeholder {
		font-size: 12px !important;
	}

	.format-list {
		padding-right: 0;
		padding-left: 0;
	}

	/* button */
	.btn {
		padding: 8px 13px 6px;
	}

	.btn.big,
	.btn.middle {
		padding: 10px 13px 8px;
	}

	.btn.h-unity {
		padding: 10px 13px 8px;
	}

	.btn.mo-outline-wide-black {
		width: 100%;
		background-color: #fff !important;
		border: 1px solid #eee !important;
		color: #000 !important;
	}

	.btn.mo-wide-gray {
		width: 100%;
		background-color: #eee !important;
		border: 1px solid #eee !important;
		color: rgba(0, 0, 0, 0.24);
	}

	.btn-bottom-box .btn.bg-dark {
		font-size: 12px;
	}

	/* ### list Style */
	.unordered-list.line>li.flex-style {
		display: block;
	}

	.unordered-list.line>li.flex-style.maintain {
		display: flex;
	}

	.unordered-list.line>li.flex-style .flex-right {
		padding-top: 20px;
	}

	.unordered-list.line>li.flex-style.maintain .flex-right {
		padding-top: 0;
	}

	.sub-index-box.flex-style .flex-right select {
		margin: 15px 0 0 auto;
	}

	.margin-list05 {
		margin-top: 0;
		margin-bottom: 10px;
	}

	/* // list Style ### */
	/* ### Text Style */
	.mo-big-txt {
		font-size: 20px;
		line-height: 29px;
	}

	.mo-con-txt {
		font-size: 16px;
		line-height: 23px;
	}

	.mo-small-txt {
		font-size: 14px;
		line-height: 20px;
	}

	/* // Text Style ### */
	/* ### pagination */
	.pagination {
		display: none;
	}

	/* // pagination ### */
	/* ### Row Style */
	.flex-style.mo-column {
		-webkit-box-orient: vertical;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.flex-style.mo-column-reverse {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.flex-style>.bottom.position-r-b {
		border-left: 0 !important;
	}
	/* // Row Style ### */
	.js-drop-con .small-txt {
		font-size: 12px;
	}
	.sub-index-box.flex-style .flex-right select {
		height: 28px;
		border: 0;
	}
	.tab-title.bg-bar>li,
	.tab-title.bg-bar>li a {
		font-size: 14px;
	}
	.mark-inner {
		display: block;
	}
	.con-txt.color-black.summary {
		font-size: 14px;
	}
	.middle .con-title {
		font-size: 16px;
	}
	.table-style-frame {
		padding-top: 15px;
	}
	.bookmark-list div.flex-style .middle {
		padding: 15px 10px;
	}
	/* ### popup style */
	.popup-page {
		min-width: 95%;
		max-width: 95%;
		width: 95%;
	}
	.popup-middle .write-format.wide {
		width: 100%;
	}
	/* // popup style ### */
}
@media all and (max-width: 350px) {
	.main_list .main-list-slider {
		width: 208px;
	}
}
/* // Mobile ### */

/* ================== // media query ================== */

	/* TOP LOADING BAR */
.top_loading {display: none;}
.top_loading.showing {display: block;position: fixed;top: 0;left: 0;right: 0;height: 4px;z-index: 99;background-color: #e5e5e5;}
.top_loading.showing .top_loading_bar {width: 0;height: 4px;background-color: #003087;}