@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:100,300,400,500,700,900|Raleway:500,600,700&display=swap');
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
html,body {
	font-size:15px;
	font-family:'Pretendard','Noto Sans KR',sans-serif;
	overflow-x:hidden;
}
.grid-block>[class*="grid-"]{margin:0 auto}
.movier .page_width{margin:0 auto}

/*
.m9-grid-block{padding: 0 1em;}
.grid-block>[class*="grid-"] {
	max-width:1200px !important;
	margin:0 auto;
}
*/

._group_kind_1 {
	background:#ef5533 !important;
	border-color:#ef5533 !important;
	color:#fff !important
}
._group_kind_2 {
	background:#f49720 !important;
	border-color:#f49720 !important;
	color:#fff !important
}
._group_kind_3 {
	background:#22a8d9 !important;
	border-color:#22a8d9 !important;
	color:#fff !important
}
._group_kind_4 {
	background:#02344b !important;
	border-color:#02344b !important;
	color:#fff !important
}
._group_kind_5 {
	background:#8b60ad !important;
	border-color:#8b60ad !important;
	color:#fff !important
}
._group_kind_6 {
	background:#88a825 !important;
	border-color:#88a825 !important;
	color:#fff !important
}
._group_kind_7 {
	background:#bd8d46 !important;
	border-color:#bd8d46 !important;
	color:#fff !important
}
._group_kind_8 {
	background:#356bb5 !important;
	border-color:#356bb5 !important;
	color:#fff !important
}
._group_kind_9 {
	background:#7e827a !important;
	border-color:#7e827a !important;
	color:#fff !important
}
._group_kind_10 {
	background:#1f8a70 !important;
	border-color:#1f8a70 !important;
	color:#fff !important
}
.pro-btn {
	display:inline-block;
	min-width:60px;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin-left:3px;
	margin-right:3px;
	font-family:gulim;
	font-size:12px;
	text-align:center;
	border:1px solid #424242;
	background:#424242;
	border-radius:3px;
	overflow:hidden;
	cursor:pointer;
	outline:none;
	vertical-align:middle;
	color:#fff
}
.pro-btn:hover,.pro-btn:focus {
	background-color:#424242;
	border-color:#424242;
	color:#fff
}
.pro-btn.small {
	min-width:30px;
	height:23px;
	line-height:23px;
	padding:0 5px
}
.pro-btn.large {
	min-width:40px;
	height:40px;
	line-height:40px;
	padding:0 20px
}
.pro-btn:active {
	position:relative;
	top:1px
}
.pro-btn>img {
	display:none
}
.pro-btn>.blind {
	width:auto;
	height:auto;
	overflow:inherit;
	font-size:12px;
	line-height:1;
	position:static;
	left:0;
	top:0
}
.page-tab-one>a {
	min-width:171px !important
}
.convert_list {
	display:none
}
.sns-container {
	display:none !important;
	margin:40px 0 0 0;
	padding:20px
}
.sns_p {
	text-align:center
}
._status_kind_1 {
	background:#1d1c6d;
	color:#fff !important;
	border:1px solid #1d1c6d
}
._status_kind_2 {
	background:#28a8d8;
	color:#fff !important;
	border:1px solid #28a8d8
}
._status_kind_3 {
	background:#fff;
	color:#666 !important;
	border: 1px solid #ccc
}
/* 사용자 박스 정의 */
.user-box-title {
	position:relative;
	z-index:10;
	margin-bottom:1em;
	line-height:1;
}
.user-box-content {
	position:relative;
	z-index:10;
	margin-bottom:1em;
	font-size:1em;
	text-align:justify
}
.user-box-content2 {
	position:relative;
	z-index:10;
	margin-bottom: 1em
}
/* 원하는 색상을 정의하세요 */
.user-background1 {
	background-color:#f1f1f1;
	color:#212121;
	border-color:#ccc
}
.user-background2 {
	background-color:#093155;
	color:#fff;
	border-color:#00838f
}
.user-color1,.user-hover1:hover,.user-hover1:focus {
	background-color:#3f8af9;
	color:#fff;
	border-color:#397ce0;
	text-shadow:0px 0px 2px #2960b2
}
.user-color1 a,.user-color1 i {
	color:#fc7c3d;
	text-shadow:0px 0px 2px #000
}
.user-color2,.user-hover2:hover,.user-hover2:focus {
	background-color:#ed2344;
	color:#fff;
	border-color:#821426;
	text-shadow:0px 0px 2px #821426
}
.user-color2 a,.user-color2 i {
	color:#aa0443;
	text-shadow:0px 0px 2px #ffacd6
}
.user-btn-color1 {
	background-color:#fff;
	color:#333;
	border-color:#999;
	text-shadow:0px 0px 2px #f2f2f2
}
.f-user-color1 {
	color:#093155
}
.strong-1 {
	background:none;
	color:#e91e63;
	font-weight:500;
	margin-top:2em;
	font-size:16px;
}
.user-background-3 {
	background-color:#1d1c6d;
	color:#fff
}
.user-text-icon-1 {
	position:absolute;
	top:-12px;
	left:10px;
	padding:4px 10px;
	background:#b1b1b1;
	border-style:solid;
	border-width:0;
	border-color:#af3333;
	color:#fff;
	overflow:visible;
	font-weight:normal;
	font-size:12px;
	font-family:dotum;
	border-radius:3px
}
ol[class~="list-style-1"]>li:before {
	background-color:#79899e
}
.m9_source_result,.m9_source_code,.m9_source_explain {
	color:#3B4859;
	display:block;
	position:relative;
	padding-left:1em
}
.m9_source_result:before,.m9_source_code:before,.m9_source_explain:before {
	position:absolute;
	content:"";
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#74ccff;
	left:0;
	top:50%;
	margin-top:-1px
}
.m9-heading-style-03 {
	text-align:center;
	margin-bottom:10px;
	margin-top:20px
}
.m9-heading-style-03>h1 {
	font-weight:400;
	position:relative;
	margin:0;
	padding-bottom:30px;
	font-size:30px;
	color:#333
}
.m9-heading-style-03>h1>span {
	position:absolute;
	display:inline-block;
	width:30px;
	height:1px;
	background:#000;
	bottom:15px;
	left:50%;
	margin-left:-15px
}
.m9-heading-style-01 {
	text-align:center;
	padding-bottom:3em
}
.m9-heading-style-01>p {
	padding-bottom:3em;
	padding-top:1em;
	text-align:center;
	border-bottom:1px solid #ddd
}
.m9-heading-style-01>h2 {
	margin-bottom:10px;
	font-size:35px;
	color:#3B4859;
	position:relative;
	padding-top:0.7em;
}
.m9-heading-style-01>h2:after {
	content:"";
	background:red;
	position:absolute;
	top:0;
	left:50%;
	width:17px;
	height:17px;
	background:url(/etc_img/icon/header_icon.png);
	margin-left:-8.5px
}
.m9-heading-style-01>div {
	color:#9a9a9a
}
.m9-heading-style-01>h3 {
	color:#3B4859
}
.m9-heading-style-02 {
	text-align:left;
	padding-bottom:1em
}
.m9-heading-style-02>h2 {
	font-weight:900;
	color:#000;
	font-size:23px;
	margin-bottom:20px;
	margin-top:40px
}
.m9-heading-style-02>h3 {
	color:#3B4859
}
.m9-heading-style-02>div {
	color:#9a9a9a
}
.m9-heading-style-03>h3 {
	color:#3B4859;
	border-left:3px solid #0ca6ff;
	text-align:left;
	padding-left:10px;
	font-size:20px;
	margin-bottom:20px;
	margin-top:50px;
	font-weight:700
}
.m9-heading-style-03>h4 {
	color:#3B4859;
	text-align:left;
	position:relative;
	padding-left:20px;
	margin-top:30px;
	font-size:16px;
	font-weight:500
}
.m9-heading-style-03>h4:after {
	content:"";
	display:inline-block;
	position:absolute;
	top:50%;
	left:8px;
	margin-top:-2.5px;
	width:5px;
	height:5px;
	background:#622b7e;
	border-radius:50%;
	font-weight:500
}
.m9-heading-style-03>h5 {
	color:#000;
	font-size:15px;
	font-weight:500;
	margin:10px 0;
	text-align:left
}
.box_btn {
	margin:20px 0 0
}
.box_btn>a {
	display:inline-block;
	padding:10px 55px 10px 30px;
	color:#fff;
	background:#000;
	opacity:1;
	border-radius:30px;
}
.box_btn>a:after {
	content:"\f105";
	display:inline-block;
	font-family:"axicon";
	transform:translateX(20px);
	transition:0.3s
}
.box_btn>a:hover {
	background:#1380d7
}
.box_btn>a:hover:after {
	transform:translateX(25px)
}
.page_button_down-in {
	height:350px;
	padding-top:180px;
	border-bottom:1px solid #ccc;
	text-align:center;
	background:url(/etc_img/sub_bg.jpg);
	color:#b5b5b5;
	color:#fff;
	text-shadow:1px 1px 1px #989898;
	background-attachment:fixed;
}
.page_button_down-in>span {
	font-size:20px
}
.page_button_down-in>div {
	font-size:30px;
	font-weight:500
}
ol[class~="list-style-1"]>li:before {
	background-color:#f5f4f7;
	color:#333
}
.table-6>thead>tr,.table-6>tfoot>tr {
	background-color:none
}
.slick-type-1 .item>div>a:hover,.slick-type-1 .item>div>a:focus,.slick-type-1 .item>div>a.on {
	border-color:#a13e96;
}
._go_link {
	display:inline-block;
	font-size:14px;
	font-weight:700;
	text-decoration:underline !important;
	color:#006fc7;
}
._go_link:after {
	content:'\e6d5';
	font-family:'axicon';
	display:inline-block;
	margin-left: 5px
}
/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:768px) {
	html,body {
		font-size:14px
	}
	.page-tab-one>a {
		min-width:auto !important
	}
	.page_button_down-in {
		height:100px;
		padding-top:20px;
		border-bottom:1px solid #ccc;
		text-align:center;
	}
	.page_button_down-in>span {
		font-size:16px
	}
	.page_button_down-in>div {
		font-size:22px
	}
	.box_btn>a {
		font-size:0.9em;
		display:inline-block;
		margin-top:0.5em;
		padding:10px 35px 10px 15px;
	}
	.box_btn>a:after{transform:translateX(15px)
	.box_btn>a:hover:after{transform:translateX(20px)}

	.m9-heading-style-01 {
		text-align:center;
		padding:1em 0
	}
	.m9-heading-style-01>h2 {
		font-size:30px
	}
	.m9-heading-style-2 {
		text-align:center;
		padding:1em
	}
	.m9-heading-style-03>h1 {
		padding-bottom:0
	}
	.m9-heading-style-03>h1>span {
		display:none
	}
	.m9-heading-style-03 {
		margin-top:10px
	}
	.m9-heading-style-03>h2 {
		padding-bottom:10px;
		font-size:22px
	}
	.m9-heading-style-03>h3 {
		margin-top:10px;
		font-size:17px
	}
	.m9-heading-style-03>h4 {
		margin-top:20px
	}
}
@media screen and (max-width:576px) {
	.m9-heading-style-03>h1 {
		padding: 0
	}
}