@charset "utf-8";
@import url('/html/fonts/notokr.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
		url('//script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
		url('//script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
		url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
		url('//script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff');
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
	font-family: 'Gmarket Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
		url('//script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
		url('//script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff');
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


body {
	font-family: "Open Sans", "Noto Sans KR", "notoSans", "맑은 고딕", "AppleSDGothcNeo", "AppleGothic", sans-serif;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	;
	font-size: 16px;
	letter-spacing: -0.05em !important;
}

body * {
	letter-spacing: -0.05em !important;
}

.hide {
	display: none;
}

.ver_mobile {
	display: none !important;
}

.ver_pc {}

.br_mobile {
	display: none !important;
}

.br_pc {
	display: block !important;
}

#wrap {
	position: relative;
	width: 100%;
	min-width: 1600px;
}

#header {
	height: 170px;
	overflow: visible;
	z-index: 1000;
}

#header .util_wrap {
	position: relative;
	background-color: #fff;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	height: 100px;
	text-align: center;
}

#header .util_wrap .util_menu {
	float: right;
	width: auto;
	margin-top: 30px;
}

#header .util_wrap .util_menu li {
	position: relative;
	padding-left: 10px;
	margin-right: 10px;
}

#header .util_wrap .util_menu li:after {
	content: '';
	position: absolute;
	left: 0;
	width: 1px;
	background-color: #c1c1c1;
	top: 15px;
	height: 11px;
}

#header .util_wrap .util_menu li:first-child:after {
	display: none;
}

#header .util_wrap .util_menu ul li a {
	color: #333;
	font-size: 14px;
}

.util_wrap .af_log {
	color: #333;
}

.util_wrap .af_log strong {
	font-weight: 500;
}

#header .logo {
	display: inline-block;
	vertical-align: middle;
	margin-top: 25px;
	float: left;
}

#header .logo img {
	margin: 0px;
	max-width: 250px;
	max-height: 50px;
}

.h_search {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 30px;
	width: 300px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	height: 40px;
	border-radius: 40px;
	overflow: hidden;
	padding: 0px 20px;
	background-color: #fafafa;
	margin: 0px;
}

.h_search input {
	width: 100%;
	height: 38px;
	border: none !important;
	box-shadow: none;
	outline: none;
	padding: 0;
	background-color: #fafafa !important;
}

.search_btn {
	background: url(/html/images/common/h_search.png) no-repeat center;
	background-size: 20px auto;
	width: 23px;
	height: 100%;
	position: absolute;
	right: 15px;
}

#header>.inner {
	position: relative;
	width: 100%;
	background-color: #FDC300;
	height: 70px;
	margin: 0 auto;
	overflow: visible;
	text-align: center;
}

#header .inner .menu_wrap {
	position: relative;
	float: none;
	width: 100%;
	max-width: 1200px;
	background: #FDC300;
	height: 70px;
	margin: 0px auto;
	text-align: center;
	display: inline-block;
	border-radius: 0px 0px 20px 20px;
	z-index: 10;
}

.menu_wrap #gnb {
	float: left;
	display: flex;
	justify-content: center;
	width: 1130px;
	margin: 0px auto;
}

.menu_wrap #gnb li {
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 0px;
}

.menu_wrap #gnb li a {
	font-family: 'noto_sans';
	position: relative;
	display: inline-block;
	font-size: 20px;
	color: #000;
	line-height: 70px;
	padding: 0px 20px;
	box-sizing: border-box;
	font-weight: 500;
	letter-spacing: -1px;
}

.menu_wrap #gnb li a:hover {
	color: #000;
}

.menu_wrap #gnb li.on a {
	color: #000;
}

.menu_wrap #gnb .gnb_sub {
	display: none;
	position: absolute;
	left: 50%;
	top: 70px;
	transform: translateX(-50%);
	z-index: 100 !important;
	background: none;
	width: 180px;
	background: #fff;
	border: 1px #FDC300 solid;
	border-top: none;
	padding: 5px 10px;
	box-sizing: border-box;
}

.menu_wrap #gnb .gnb_sub li {
	float: none !important;
	width: 100%;
	padding: 0px 0px !important;
	border-bottom: 1px transparent solid;
}

.menu_wrap #gnb .gnb_sub li:last-child {
	border-bottom: none;
}

.menu_wrap #gnb .gnb_sub li a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	color: #000;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding: 10px 0px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.menu_wrap #gnb .gnb_sub li:hover a {
	color: #000;
	background: none;
	text-decoration: underline;
}

.hamburger {
	padding: 25px 14px;
	display: inline-block;
	height: 70px;
	width: 70px;
	margin-left: 0;
	box-sizing: border-box;
	float: left;
	background-color: #FDC300;
	position: relative;
	cursor: pointer;
}

.hamburger span {
	background: #000;
	display: block;
	height: 3px;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	margin: 0 auto;
}

.hamburger span:nth-child(1) {
	width: 24px;
}

.hamburger span:nth-child(2) {
	width: 24px;
	margin-top: 5px;
}

.hamburger span:nth-child(3) {
	width: 24px;
	margin-top: 5px;
}

.hamburger.is-active {
	padding: 25px 11px;
}

.hamburger.is-active .line {
	width: 30px;
}

.hamburger.is-active .line:nth-child(2) {
	opacity: 0;
}

.hamburger.is-active .line:nth-child(1) {
	-webkit-transform: translateY(8px) rotate(45deg);
	-ms-transform: translateY(8px) rotate(45deg);
	-o-transform: translateY(8px) rotate(45deg);
	transform: translateY(8px) rotate(45deg);
}

.hamburger.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-8px) rotate(-45deg);
	-ms-transform: translateY(-8px) rotate(-45deg);
	-o-transform: translateY(-8px) rotate(-45deg);
	transform: translateY(-8px) rotate(-45deg);
}

.all_list {
	display: none;
}

.all_list {
	position: absolute;
	top: 70px;
	width: 100%;
	max-width: 1200px;
	left: 50%;
	transform: translateX(-50%);
	right: auto;
	z-index: 1 !important;
	background: #fff;
	border: 1px solid #FDC300;
	border-top: none;
	border-radius: 0 0 20px 20px;
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0 auto;
}

.all_list_inner {
	position: relative;
	width: 1200px;
	margin: 20px auto;
	height: auto;
	display: inline-block;
	text-align: left;
}

.all_list .a_inner {
	position: relative;
	height: auto !important;
	display: flex;
	justify-content: space-around;
	width: auto;
	margin: 0px;
	vertical-align: top !important;
	text-align: center;
}

.all_list .a_inner>li {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0px;
}

.all_list .a_inner>li h2 {
	font-family: 'noto_sans';
	font-size: 18px;
	color: #000;
	font-weight: 500;
	line-height: 33px;
	margin-bottom: 10px;
}

.all_list .a_inner>li ul {
	overflow: hidden;
	margin-top: 0px;
}

.all_list .a_inner>li ul li {
	line-height: 30px;
}

.all_list .a_inner>li ul li a {
	color: #666;
	font-size: 16px;
	line-height: 35px;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: block;
	width: 100%;
	height: 100%;
}

.all_list .a_inner>li ul li a:hover {
	color: #333;
	text-decoration: underline;
}

#footer {
	background: #454545;
}

#footer .foot_menu {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-color: #dfdfdf;
	border: none;
}

#footer .foot_menu .foot_list {
	max-width: 1200px;
	display: flex;
	justify-content: space-around;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0;
}

.foot_menu .foot_list li {
	position: relative;
	width: 100%;
	padding: 0px;
	margin-right: 0px;
	background: none;
}

.foot_menu .foot_list li:before {
	content: '';
	position: absolute;
	right: 0px;
	top: 0%;
	width: 1px;
	height: 20px;
	background: #b4b4b4;
}

.foot_menu .foot_list li:last-child:before {
	display: none;
}

.foot_menu .foot_list li a {
	display: block;
	font-family: 'noto_sans';
	font-size: 16px;
	line-height: 20px;
	color: #333;
	font-weight: 400;
	padding: 0px;
}

.foot_menu .foot_list li a.footer_privacy_policy {
	color: #333;
	font-weight: 400;
}

#footer .copy {
	background: none;
	width: 100%;
	padding: 50px 0px;
}

#footer .copy .foot_info {
	position: relative;
	max-width: 1200px;
	width: 100%;
	padding: 10px 0px 10px 0;
	margin: 0 auto;
}

#footer .foot_info p {
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	line-height: 25px;
	text-align: left;
}

#footer .foot_info b {
	display: block;
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	line-height: 25px;
	text-align: left;
}

#footer .foot_info p.copyp {
	font-size: 15px;
	color: #fff;
	font-weight: normal;
	margin-top: 0px;
	opacity: 1;
}


.tac {
	text-align: center;
}

.banner_box {
	position: relative;
	padding: 50px 90px;
	box-sizing: border-box;
	margin-top: 50px;
	margin-bottom: 55px;
}

.sub0102 .banner_box {
	padding: 80px 90px;
}

.sub0103 .banner_box {
	padding: 80px 90px;
}

.banner_box .text_img {}

.banner_box .font2 {
	color: #222;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}

.banner_box .sample_link span {
	display: inline-block;
	text-align: center;
	width: 137px;
	height: 53px;
	box-sizing: border-box;
	border: 3px solid #231916;
	line-height: 50px;
	border-radius: 40px;
	overflow: hidden;
	margin-right: 5px;
}

.banner_box .sample_link span a {
	font-size: 18px;
	font-weight: bold;
	color: #1c1c1c;
}

.sub0102 .banner_box .sample_link span {
	border: 3px solid #fff;
}

.sub0102 .banner_box .sample_link span a {
	color: #fff;
}

.banner_box .sample_link span a img {
	margin-left: 10px;
}

.banner_box .sample_link {
	margin-top: 30px;
}

.content_img {
	text-align: center;
	margin-bottom: 100px;
	position: relative;
}

/*.content_body {width: 1200px;margin:0 auto;padding-top: 50px;padding-bottom: 150px;box-sizing: border-box;}*/
.sub0301 .content_img .img_btn {
	position: absolute;
	right: 165px;
	bottom: 70px;
}

.util_wrap .af_log {
	float: none;
}

.button.red {
	background-color: #21b499;
	border: 1px solid #21b499;
}



#container {
	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#container.main {
	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#container .horizontal_wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto 20px auto;
}

/****** 메인 스타일 ******/
/* main 레이아웃 스타일 */
.main_outer {
	position: relative;
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 120px 0px;
}

.main_inner {
	position: relative;
	width: 1200px;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	display: block;
	overflow: visible;
	text-align: left;
	z-index: 0;
}

.main_title {
	position: relative;
	font-family: "noto_sans";
	line-height: 100%;
	font-size: 40px;
	font-weight: 500;
	color: #000000;
	padding-bottom: 30px;
	margin: 0px auto 50px auto;
	text-align: center;
	background: none;
	letter-spacing: -0.07em !important;
}

.main_title:before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
	width: 140px;
	height: 3px;
	background: #467fd7;
}

.main_title b {
	font-weight: 600;
}

.main_ment {
	font-family: "noto_sans";
	line-height: 30px;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	text-align: center;
	margin: -10px 0px 35px 0px;
}

.bgGray {
	background: #fbf6f0;
}

.bgWhite {
	background: #fff;
}

.bgBottom {
	background: #467fd7;
}

.bgBottom:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 200px;
	background: #fff;
	z-index: 0;
}

.nopd {
	padding: 0px !important;
}

/****** 메인 스타일 ******/
/* main 상단롤링배너 */
.main_visual {
	position: relative;
	width: 100%;
	height: 500px;
	z-index: 0 !important;
}

.container {
	display: relative;
	width: 100%;
	min-width: 1300px;
	height: 500px !important;
	overflow: hidden;
	min-height: 700px;
	top: 0px;
	padding: 0px;
	text-align: center;
}

#slides {
	display: none;
	top: 0;
	left: 0%;
	position: absolute;
	width: 100%;
	margin: 0%;
	height: 500px !important;
	overflow: hidden !important;
	z-index: 0;
	text-align: center;
}

#slides a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

#slides a img {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	z-index: 0;
	border: 0px;
	width: auto;
	height: 500px;
}

#slides .slidesjs-navigation {
	position: absolute;
	margin-top: 0px;
}

.slidesjs-pagination {
	display: none;
	position: absolute;
	width: 100%;
	left: 0%;
	bottom: 30px;
	z-index: 101;
	text-align: center;
}

.slidesjs-pagination li {
	width: 12px !important;
	height: 12px !important;
	display: inline-block;
	margin: 0px 7px;
	border: none;
}

.slidesjs-pagination li a {
	display: inline-block;
	width: 12px !important;
	height: 12px !important;
	text-indent: -9999px;
	padding: 0px;
	background: #fff;
	border: none;
	border-radius: 50%;
	overflow: hidden;
	opacity: 0.5
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
	background: #fff;
	opacity: 1;
}

.slidesjs-pagination li a:hover {
	background: #fff;
	opacity: 1;
}

a.slidesjs-next,
a.slidesjs-previous {
	display: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100px !important;
	height: 100px !important;
	overflow: hidden;
	background-size: 28px auto !important;
	text-indent: -9999px;
	float: left;
	z-index: 100;
	border-radius: 50%;
}

a.slidesjs-next {
	position: absolute;
	right: 20px;
	background: url(/html/images/common/btn_slide_next.png) 50% 50% no-repeat;
	background-size: 28px auto;
}

a:hover.slidesjs-next {
	background: url(/html/images/common/btn_slide_next.png) 50% 50% no-repeat;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.4) !important;
}

a.slidesjs-previous {
	position: absolute;
	left: 20px;
	background: url(/html/images/common/btn_slide_prev.png) 50% 50% no-repeat;
}

a:hover.slidesjs-previous {
	background: url(/html/images/common/btn_slide_prev.png) 50% 50% no-repeat;
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.4) !important;
}

/* main 상단롤링배너
.main_visual{position:relative;height:700px;z-index:100;}
#slides{position:absolute;top:0;left:0;z-index:100}
.slides_container{width:100%;height:700px;overflow:hidden}
.slides_container img {position:absolute;left:50%; transform: translateX(-50%);width:auto;height:700px;}
.slides_container div{width:100%;height:700px;display:block;background-size: cover !important; image-rendering: -webkit-optimize-contrast; backface-visibility: hidden;}

.main_visual .pagination{position:absolute;width:auto;left:50%; transform:translateX(-50%);bottom:30px;z-index:10;margin:0px;text-align:center; }
.main_visual .pagination li{width:12px;height:12px;float:none;display:inline-block;padding:0px;margin:0px 4px;background:#fff;border-radius:50%;opacity:0.5;}
.main_visual .pagination li a{line-height:12px;text-indent:-9999999px; width:12px; height:12px;}
.main_visual .pagination li.current {background:#fff;opacity:1.0;}

.main_visual a.prev,
.main_visual a.next {display:absolute;top:50%;transform:translateY(-50%);width:50px !important;height:50px !important;overflow: hidden;background-size:80% auto !important;text-indent: -9999px;float: left;z-index:100;border-radius:50%; opacity:0.5;background-color:rgba(0,0,0,0.2) !important;}
.main_visual a.prev { position:absolute !important;left:50px;background: url('/html/images/common/arrow_left.png') 50% 50% no-repeat;}
.main_visual a.next { position:absolute !important;right:50px;background: url('/html/images/common/arrow_right.png') 50% 50% no-repeat;}
*/


.main_banner {
	width: 1200px;
	padding: 70px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
}

.main_banner ul {
	width: 100%;
	padding: 0px;
	display: flex;
	justify-content: space-between;
}

.main_banner li {
	position: relative;
	float: left;
	width: auto;
	min-width: 160px;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.main_banner li a {
	display: block;
	padding-top: 160px;
	background-position: 50% 10px !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.main_banner li a:hover {
	background-position: 50% 0px !important;
}

.main_banner li h2 {
	position: relative;
	display: inline-block;
	width: auto;
	border-radius: 40px;
	height: 35px;
	line-height: 35px;
	padding: 0px 25px;
	font-size: 20px;
	color: #000;
	font-weight: 500;
	text-align: center;
}

.main_banner li a:hover h2 {
	color: #FDC300;
}

.main_banner li.main_banner1 a {
	background: url('/html/images/common/main_banner1.png') no-repeat;
}

.main_banner li.main_banner2 a {
	background: url('/html/images/common/main_banner2.png') no-repeat;
}

.main_banner li.main_banner3 a {
	background: url('/html/images/common/main_banner3.png') no-repeat;
}

.main_banner li.main_banner4 a {
	background: url('/html/images/common/main_banner4.png') no-repeat;
}

.main_banner li.main_banner5 a {
	background: url('/html/images/common/main_banner5.png') no-repeat;
}

/* main 추출 강의 스타일 */
.horizontal_wrap .horizontal_list {
	overflow: hidden;
	width: 1240px;
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px -50px 0px;
}

.horizontal_wrap .horizontal_list li {
	border: none;
	background: #fff;
	text-align: center;
	padding: 0px;
	height: 370px;
	min-height: 200px;
	width: calc((100% - 160px) / 4);
	border-radius: 10px;
	margin: 0px 40px 50px 0px !important;
	overflow: hidden;
}

.horizontal_wrap .horizontal_list li.nodata {
	padding: 0px 0;
	height: 280px;
	line-height: 280px;
	width: 1200px;
	border: 1px solid #e5e5e5;
	margin-left: 0;
}

.horizontal_list span {
	display: block;
}

.horizontal_list span.img_box {
	position: relative;
	width: 100%;
	height: auto;
	border: none;
	border-bottom: 1px #dedede solid;
	box-sizing: border-box;
	border-radius: 10px 10px 0px 0px;
	margin: 0px;
}

.horizontal_list span.img_box a {
	position: relative;
	display: block;
	height: 0;
	padding-bottom: 66.66%;
	border-radius: 10px 10px 0px 0px;
}

.horizontal_list span.img_box>a>img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border-radius: 0px;
}

.horizontal_list .list_cont {
	display: block;
	width: 100%;
	padding: 20px 30px;
	box-sizing: border-box;
}

.horizontal_list span.list_subject {
	font-family: "noto_sans";
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	height: 50px;
	max-height: 50px;
	color: #000;
	padding: 0px;
	margin: 0px;
	text-align: left;
	display: -webkit-box;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}

.horizontal_list span.list_cate {
	padding: 0px;
	max-height: 40px;
	line-height: 20px;
	font-size: 15px;
	color: #467fd7;
	margin-top: 10px;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: keep-all;
}

.horizontal_list span.list_period {
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	font-size: 17px;
	margin-bottom: 10px;
	padding: 0px;
	text-align: center
}

.horizontal_list span.list_blt {
	line-height: 18px;
	font-size: 13px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	text-align: center
}

.horizontal_list span.list_price {
	font-size: 16px;
	color: #FDC300;
	font-weight: 500;
	text-align: center
}

.horizontal_list .list_btn {
	display: inline-block;
	width: auto;
	font-family: "noto_sans";
	font-weight: 500;
	font-size: 17px;
	line-height: 50px;
	color: #000;
	padding: 0px 33px 0px 20px;
	margin: 0px auto;
	background: #467fd7;
}

.horizontal_list .button.course {}

.main_course_wrap {
	position: relative;
	width: 100%;
	display: inline-block;
	overflow: hidden;
	background-color: #f3f3f3;
	margin-top: 70px;
}

.main_course {
	position: relative;
	width: 100%;
	display: inline-block;
}

.main_course .banner {
	position: relative;
	width: calc(100% + 50px);
	margin: 0px -25px;
	display: inline-block;
}

.main_course .banner li {
	float: left;
	width: calc((100% - 150px) / 3);
	margin: 0px 25px;
	display: inline-block;
	border-radius: 20px;
	overflow: hidden;
}

.main_course .banner li img {
	width: 100%;
	height: auto;
}

.main_course:before {
	content: '';
	position: absolute;
	left: 0%;
	width: 100%;
	height: 100%;
	margin-left: -100% !important;
	background: rgba(255, 255, 255, 0.8);
	z-index: 10;
}

.main_course:after {
	content: '';
	position: absolute;
	left: 50%;
	width: 100%;
	height: 100%;
	margin-left: 50% !important;
	background: rgba(255, 255, 255, 0.8);
	z-index: 10;
}

.arrow_left,
.arrow_right {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px !important;
	height: 50px !important;
	background-size: 40px auto !important;
	box-sizing: border-box;
	z-index: 15;
	box-shadow: 0px 5px 0px rgb(0 0 0 / 10%);
}

.arrow_left {
	left: 50%;
	margin-left: -700px;
	;
	background: #FDC300 url('/html/images/common/arrow_left.png') 50% 50% no-repeat;
	border-radius: 30px 0px 0px 30px;
}

.arrow_right {
	right: 50%;
	margin-right: -701px;
	background: #FDC300 url('/html/images/common/arrow_right.png') 50% 50% no-repeat;
	border-radius: 0px 30px 30px 0px;
}

.arrow_left:hover,
.arrow_right:hover {
	background-color: #ff9330;
}

.slick-arrow {
	display: block;
}

.slick-disabled {
	display: none !important;
}

/* 메인 컨텐츠 -  하단 영역 */
.square_wrap {
	display: flex;
	justify-content: space-between;
	margin: 0px auto 0px auto;
	padding: 0px 0px;
	box-sizing: border-box;
	width: 1200px;
	overflow: hidden;
}

.square_wrap .mainb_board {
	position: relative;
	width: 770px;
	height: 300px;
	margin: 0px;
	padding: 30px 50px;
	background: #fbf6f0;
	border: 1px #ddd solid;
	box-sizing: border-box;
	z-index: 10;
}

.square_wrap .mainb_board .mboard_title {
	position: relative;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 0px;
	border: none;
	border-bottom: 3px #467fd7 solid;
}

.square_wrap .mainb_board .mboard_title span {
	float: left;
	display: inline-block;
	width: auto;
	min-width: 10%;
	margin: 0px 40px 0px 0px;
	height: 40px;
	border: none;
}

.square_wrap .mainb_board .mboard_title span a {
	font-family: "noto_sans";
	font-size: 20px;
	display: block;
	width: auto !important;
	padding: 0px 0px 15px 0px;
	height: 40px;
	line-height: 100%;
	font-weight: 500;
	text-align: center;
	background: none;
	color: #666;
	box-sizing: border-box;
}

.square_wrap .mainb_board .mboard_title span a.active {
	background: none;
	color: #467fd7;
	font-weight: 500;
}

.square_wrap .mainb_board .mboard_title span a:hover {
	color: #000;
}

.square_wrap .mainb_board .mboard_cont {
	width: 100%;
	padding: 0px;
	margin-top: 20px;
}

.square_wrap .mainb_board .mboard_more {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
}

.square_wrap .mainb_board .mboard_more a {
	display: inline-block;
	width: 25px;
	border: none;
	font-size: 15px;
	color: #000;
	height: 25px;
	padding: 0px;
	opacity: 1;
	background: url('/html/images/common/mcourse_more.png') 50% 50% no-repeat;
	text-indent: -9999999px;
}

.square_wrap .mainb_board .mboard_more a:hover {
	opacity: 1;
	border: none;
	color: #000;
}

.square_wrap .mainb_cs {
	width: 390px;
	height: 300px;
	background: none;
	margin: 0px;
	padding: 30px 50px;
	background: #fbf6f0;
	border: 1px #ddd solid;
	box-sizing: border-box;
	z-index: 10;
	text-align: left;
}

.square_wrap .mainb_cs h3.top_title {
	display: inline-block;
	width: auto;
	font-family: "noto_sans";
	font-size: 20px;
	color: #467fd7;
	font-weight: 500;
	padding: 0px 0px 15px 0px;
	line-height: 100%;
	border-bottom: 3px #467fd7 solid;
}

.square_wrap .mainb_cs p {
	font-size: 14px;
	color: #666666;
	font-weight: 500;
	margin: 20px 0px 20px 0px;
	line-height: 100%;
	text-align: left;
}

.square_wrap .mainb_cs .mcs_text {
	padding: 0px;
	background: none;
}

.square_wrap .mainb_cs .mcs_text .mcs_tel {
	font-family: "Inter";
	color: #467fd7;
	font-size: 30px;
	font-weight: 600;
	line-height: 70px;
	height: 70px;
	padding: 0px 0px 0px 80px;
	margin: 0px 0px 15px 0px;
	letter-spacing: -0.07em;
	background: url('/html/images/common/mcs_tel.png') 0% 50% no-repeat;
}

.square_wrap .mainb_cs .mcs_text span {
	display: block;
	font-size: 15px;
	color: #666;
	line-height: 25px;
	letter-spacing: -0.07em;
	box-sizing: border-box;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0% 50% no-repeat;
}

/* 메인 컨텐츠 -  메인 게시물 추출 스타일 */
.list_top li {
	padding: 0px;
	background: none;
}

.list_top li a {
	display: block;
	font-size: 17px;
	line-height: 35px;
	color: #666666;
	border: none;
	text-align: left;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0% 50% no-repeat;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.faq_top li {
	padding: 0px;
	background: none;
}

.faq_top li a {
	display: block;
	font-size: 17px;
	line-height: 35px;
	color: #666666 border:none;
	text-align: left;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0% 50% no-repeat;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.faq_top li .blue {
	display: inline-block;
	width: auto;
	margin-right: 8px;
	background: none;
	font-size: 17px;
	border-radius: 0px;
	color: #467fd7;
	margin-top: 0px;
}

.faq_top li .blue:before {
	content: '['
}

.faq_top li .blue:after {
	content: ']'
}

.faq_top li .green {
	background: none;
	color: #375088;
	margin-top: 0px;
}

/* layout */
.main_wrap {
	position: static;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}

.sub_top+.main_wrap {
	padding-top: 50px;
}

.main_wrap .main_content {
	overflow: hidden;
}

.main_wrap .main_content>div {
	float: left
}

.main_wrap .left_area {
	float: none;
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
}

.main_wrap .content_area {
	float: none;
	width: 1200px;
	text-align: left;
	margin: 60px auto;
	padding: 0px;
	min-height: 500px;
}

.main_wrap .content_body {
	width: 1200px;
	padding: 0px;
}

.content_title {
	font-family: "noto_sans";
	font-weight: 600;
	color: #000;
	font-size: 30px;
	height: auto;
	line-height: 100%;
	background: none;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}

.content_title::after {
	display: none;
}

/*lnb */
.left_area {
	display: inline-block;
	text-align: center;
}

.left_area .lnb_title {
	display: none;
}

.left_area .lnb_list {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0px auto;
	border: 1px #ddd solid;
	background: #fff;
	border-radius: 10px;
	padding: 10px;
}

.left_area .lnb_list li {
	float: left;
	width: 100%;
	max-width: 250px;
	min-width: 150px;
	border: none;
	margin-left: -1px;
}

.left_area .lnb_list li.lnb_sub {
	display: none !important;
}

.left_area .lnb_list li.half {
	width: 50%;
	float: left;
}

.left_area .lnb_list li a {
	font-family: "noto_sans";
	display: block;
	font-size: 18px;
	color: #666;
	text-align: center;
	background: none;
	border: none;
	font-weight: 400;
	margin: 0px;
	height: 60px;
	line-height: 60px;
	padding: 0px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.left_area .lnb_list li.on a {
	position: relative;
	color: #467fd7;
	background: none;
	font-weight: 600;
	margin: 0px;
	height: 60px;
	line-height: 60px;
}

.left_area .lnb_list li a:hover {
	color: #467fd7;
}

/*
.left_area .lnb_list li.on a:before {content:'';position:absolute;bottom:0px;left:0px;display:inline-block;width:100%;height:2px;background:#FDC300;}
.left_area .lnb_list li.on a:hover{color:#000; background:none;}
*/

.path {
	display: none;
}

.sub_top {
	display: none;
	position: relative;
	width: 100%;
	min-width: 1300px;
	height: 70px;
	padding: 0px;
	margin: 0px 0px 50px 0px;
	background: #467fd7;
	overflow: hidden;
	text-align: center;
	z-index: 1;
}

.sub_top img {
	display: none;
}

.sub_top h2 {
	font-family: 'Gmarket Sans';
	width: 1200px;
	font-weight: 600;
	font-size: 50px;
	color: #fff;
	line-height: 65px;
	text-align: left;
	letter-spacing: -0.05em;
	margin: 115px auto 0px auto;
}

.sub_top h2 span {
	color: #fff;
}

.sub_top1,
.sub_top2,
.sub_top3,
.sub_top4,
.sub_top5,
.sub_top6,
.sub_top7,
.sub_top8 {
	background: #467fd7 url(/html/images/common/subtop_pattern.png) 50% 0px repeat;
}

/* 리스트,웹진,갤러리 */
a.back_icon {
	width: 35px;
	height: 35px;
	display: inline-block;
	text-indent: -100000px;
	background: url('/html/images/common/icon_list2.png') no-repeat -1px -1px;
	margin: 0px 9px 10px 0px;
}

a.btn_list {
	background-position: -1px -1px
}

a.btn_list.on {
	background-position: -1px -37px
}

a.btn_gallery {
	background-position: -37px -1px
}

a.btn_gallery.on {
	background-position: -37px -37px
}

a.btn_webzine {
	background-position: -73px -1px
}

a.btn_webzine.on {
	background-position: -73px -37px
}

a.btn_calendar {
	background-position: -109px -1px
}

a.btn_calendar.on {
	background-position: -109px -37px
}

/* 게시판 관련 */
.btn_sort {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	text-align: right;
}

.btn_sort a {
	margin: 0px 0px 0px 0px;
}

.s_category {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
	text-align: right;
}

.s_category select.category {
	float: right;
	width: auto;
	min-width: 150px;
	height: 35px;
	border: 1px #cccccc solid;
}

.search_form .btn_search {
	height: 35px;
	background: #363b45;
}

.tb_top_course {
	border-top: 2px #333333 solid;
	padding-top: 20px;
}

.tb_top_board {
	border-top: none;
	padding-bottom: 20px;
}

.tb_top_board2 {
	border-top: 2px #333333 solid;
	padding: 20px 0px;
}

.tb_box {
	border-top: 1px solid #666666;
}

.tb_top {
	padding-bottom: 5px;
}

.search_form .button.small {
	color: #fff;
	background: #333;
	border: 1px #333 solid;
	border-radius: 5px;
}

.search_form_wrap1 {
	margin: 0 auto 15px auto;
	padding: 0 0 15px 0;
	text-align: right;
}

/* 강좌 상단의 오른쪽 검색 */
.search_form_wrap1 .search_form {}

.search_form_wrap1 .search_form span {
	float: left;
	margin: 0 0px 0 5px !important;
	padding: 0 !important;
}

.search_form_wrap1 .search_form form {
	overflow: hidden
}

.search_form_wrap1 .search_form select {
	padding: 0 0 0 5px;
	margin: 0;
	width: auto;
	min-width: 120px;
	height: 35px;
	border: 1px #cccccc solid;
	font-size: 14px;
}

.search_form_wrap1 select.search_select {
	width: auto;
	min-width: 200px;
	height: 35px;
	line-height: 35px;
	border: 1px #cccccc solid;
	font-size: 14px;
	padding-left: 7px;
}

.search_form_wrap1 .search_form input[type=text] {
	border: 1px solid #d1d1d1;
	margin: 0 !important;
	padding: 0 6px;
	width: 180px;
	height: 35px;
	line-height: 35px;
}

.search_form_wrap1 .search_form .search_input {
	border: 1px #cccccc solid;
	margin-top: 0;
}

.search_form_wrap1 .search_form .button.small {
	font-family: "noto_sans";
	height: 35px;
	line-height: 33px;
	padding: 0px 20px;
	margin: 0px;
	width: auto;
	min-width: 25px;
	color: #333;
	border: 1px #333 solid;
	border-radius: 5px;
	background: #fff;
	font-size: 16px;
	box-sizing: border-box;
}

.search_form_wrap1 .search_form .button.small:hover {
	background: #333;
	color: #fff;
}

.search_form_wrap2 {
	width: 100%;
	display: inline-block;
	margin: 0 auto;
	padding: 30px 0;
	text-align: center;
}

/* 게시판 하단 검색 */
.search_form_wrap2 .search_form {
	width: auto;
	display: inline-block;
	padding: 0px;
	margin: 0px auto;
}

.search_form_wrap2 .search_form span {
	margin: 0px !important;
}

.search_form_wrap2 .search_form input[type=text],
.search_form_wrap2 .search_form input[type=submit] {
	margin-left: 5px;
}

.search_form_wrap2 .search_form .button {
	border-radius: 5px;
}

.search_form_wrap3 {
	margin: 0 0px 20px 0px;
	width: 100%;
	display: inline-block;
	padding: 20px 0px;
	text-align: center !important;
	background: #fff;
	border: none;
	box-sizing: border-box;
}

/* FAQ 검색 */
.search_form_wrap3 .search_form {
	width: auto;
	display: inline-block;
	padding: 0px !important;
	margin: 0px auto !important;
	box-sizing: border-box;
}

/* FAQ 검색 */
.search_form_wrap3 .search_keyword {
	width: 300px !important;
	height: 34px !important;
	line-height: 34px !important;
	margin: 0 !important;
}

.search_form_wrap3 .search_form .button.gray {
	border: 1px #333 solid;
	background: #333;
}

.search_form_wrap3 .search_form input[type=submit] {
	margin: 0px;
}

.search_form_wrap3 .search_form .button {
	border-radius: 5px;
}

.search_form_wrap4 {
	display: block;
	float: right;
	margin-top: 10px;
	padding: 0;
	text-align: right;
	z-index: 100000;
}

/* 마이페이지 검색 */
.search_form_wrap4 .search_form .button {
	border-radius: 5px;
}

span.ori_price {
	font-family: "noto_sans", sans-serif;
	font-weight: 400;
	color: #333333;
	text-decoration: line-through;
	text-align: center;
	padding-right: 5px
}

.type_chart span.ori_price {
	padding-right: 0
}

span.price {
	font-family: "noto_sans", sans-serif;
	;
	color: #FDC300;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
}

span.per_price {
	font-family: "noto_sans", sans-serif;
	font-weight: 400;
	color: #FDC300;
}

/****** button style ******/
/* button style */
.button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0
}

button.button::-moz-focus-inner {
	margin: 0
}

.button {
	width: auto;
	display: inline-block;
	cursor: pointer;
	line-height: 100%;
	border: none;
	border-radius: 30px;
	padding: 8px 25px;
	font-size: 15px;
	text-align: center;
	background-image: none;
	text-shadow: none;
}

.button.mini {
	padding: 0 4px;
	height: 24px;
	line-height: 24px;
	font-size: 13px;
	vertical-align: 0;
}

.button.small {
	padding: 0 10px;
	height: 30px;
	line-height: 27px;
	font-size: 13px
}

.button.medium {
	padding: 0 20px;
	height: 34px;
	line-height: 34px;
	font-size: 15px
}

.button.large {
	padding: 0 35px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	font-weight: bold
}

.button.large_square {
	padding: 10px 10px;
	font-size: 14px;
	font-weight: bold;
}

.button.large_p0 {
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}

.button.course {
	padding: 0px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	font-size: 15px;
	border-radius: 30px;
}

.button.black {
	background-color: #222;
	color: #fff;
	border: 1px solid transparent;
	background-image: none;
}

.button.black:hover {
	background-color: #000
}

.button.white {
	background-color: #fff;
	color: #777;
	border: 1px solid #adadad;
	text-shadow: none;
	background-image: none;
}

.button.white:hover {
	background-color: #eee;
	border: 1px solid #bbb
}

.button.recomm_title {
	float: left;
	border: 0 none;
	padding: 10px 0 10px 32px;
	border-radius: 0px;
	background: url('/common/images_skin2/common/icon_good.png') 10px 48% no-repeat;
}

.button.recomm_cnt {
	float: left;
	background: none;
	padding: 10px 10px 10px 6px;
	color: #0f91d0;
}

.button.pview_title {
	padding: 10px 10px 10px 37px;
	border-radius: 0px;
	background: url('/common/images_skin2/common/icon_pview.png') 10px 48% no-repeat;
}

.button.large_p0:hover .button.recomm_title {
	color: #0f91d0
}

.button.blue {
	background-color: #FDC300;
	color: #fff;
	border: 1px solid #FDC300
}

.button.blue:hover {
	background-color: #00578a;
	color: #fff;
	border: 1px solid #00578a
}

.button.green {
	background-color: #FDC300;
	color: #fff;
	border: 1px solid #FDC300
}

.button.sky {
	background-color: #5bc0de;
	color: #fff;
	border: 1px solid #5bc0de
}

.button.orange {
	background-color: #467fd7;
	color: #fff;
	border: 1px solid #467fd7
}

.button.orange:hover {
	background-color: #00578a;
	color: #fff;
	border: 1px solid #00578a
}

.button.red {
	background-color: #FDC300;
	color: #fff;
	border: 1px solid #FDC300
}

.button.gray {
	background-color: #a3a3a3;
	color: #fff;
	border: 1px solid #939393
}

.button.long {
	padding-left: 0;
	padding-right: 0;
	width: 78px
}

.button.full {
	padding-left: 0;
	padding-right: 0;
	width: 100%
}

.button.login {
	padding: 25px 40px;
	font-size: 15px;
	font-weight: 700;
	*padding: 18px 0;
	*width: 75px
}

.button.btn_buy {
	width: 300px;
	border-radius: 30px;
	padding: 0;
	text-align: center;
	height: 45px;
	line-height: 45px;
	font-size: 17px;
	color: #ffffff;
	font-weight: 500;
	background: #FDC300;
	border: none;
}

.button.btn_buy:hover {
	background: #00578a;
}

.button.btn_cart {
	width: 300px;
	border-radius: 30px;
	padding: 0;
	margin-right: 10px;
	text-align: center;
	height: 45px;
	line-height: 45px;
	font-size: 17px;
	color: #000;
	font-weight: 500;
	background: #ffffff;
	border: 1px solid #adadad;
}

.button.btn_cart:hover {
	background: #ffffff;
	border: 1px #929292 solid;
}

.button.btn_refund {
	width: 100%;
	padding: 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	background: #000;
	border: none;
}

.button.btn_refund:hover {
	background: #FDC300;
}

.button.btn_sample {
	width: 100%;
	padding: 0;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	background: #a6a6a6;
	border: none;
}

.button.btn_sample:hover {
	background: #929292;
}

.col_course_thumbnail {
	width: 330px;
}

.col_course_name {
	padding-top: 20px !important;
	vertical-align: top;
}

.col_course_price {
	width: 250px;
}

.col_course_button {
	width: 250px;
	text-align: right !important;
}

/* 갤러리형 강의 리스트 */
.course_gallery {
	border: 0px solid #d1d1d1;
	width: 1240px;
	display: inline-block;
	padding: 0px 0px;
	margin: 0px -40px 0 0px;
}

.course_gallery li {
	float: left;
	position: relative;
	width: calc((100% - 160px) / 4);
	height: auto !important;
	max-height: 700px !important;
	margin: 20px 40px 50px 0;
	border: 1px #dedede solid;
	border-radius: 10px;
	overflow: hidden !important;
}

.course_gallery .cimg {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 66.66%;
	border: none;
	border-bottom: 1px #dedede solid;
	box-sizing: border-box;
	border-radius: 10px 10px 0px 0px;
}

.course_gallery .cimg img {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	border-radius: 0px;
}

.course_gallery .ccont {
	position: relative;
	padding: 19px;
	width: 100%;
	height: 110px;
	text-align: center;
	border: none;
	box-sizing: border-box;
	border-radius: 0px 0px 10px 10px;
}

.course_gallery .ccont .clabel {
	display: none;
}

.course_gallery .ccont .label {
	margin-left: 0;
}

.course_gallery .ccont .ctitle {
	font-family: "noto_sans";
	display: block;
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	max-height: 30px;
	color: #000;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.course_gallery .ccont .csubtitle {
	font-size: 15px;
	line-height: 20px;
	max-height: 20px;
	height: 20px;
	font-weight: 400;
	color: #467fd7;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	overflow: hidden;
	text-overflow: clip;
	white-space: normal;
}

.course_gallery .ccont .cinfo {
	display: none;
	float: none;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	margin: 0px 0px 10px 0px;
	text-align: center;
}

.course_gallery .ccont .cprice {
	display: none;
	position: relative;
	width: 80%;
	text-align: center;
	font-size: 17px;
	margin: 0px 10%;
	font-weight: 500;
	padding: 5px 0px 0px 0px;
	border: none;
}

.course_gallery .cbtn {
	position: relative;
	width: 100%;
	text-align: center;
	background: none;
	height: 60px;
	margin: 0px;
	padding: 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
}

.course_gallery .cbtn .button.course {
	font-family: "noto_sans";
	padding: 0px 17px;
	margin: 0px 4px;
	width: 50%;
	height: 30px;
	line-height: 28px;
}

.course_gallery .nodata {
	height: 200px;
	width: 100%;
	margin: 10px 25px 0 0px;
	text-align: center;
	font-size: 18px;
	line-height: 200px;
	padding: 0px;
	box-sizing: border-box;
	border: none;
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
}

/* 웹진형 강의 리스트 */
.course_webzine {
	border-top: 0px solid #676767;
	width: 100%;
	display: inline-block;
	margin: -10px 0px 10px 0px;
}

.course_webzine li {
	border: 1px solid #dedede;
	height: 201px;
	margin: 30px 0px 0px 0px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.course_webzine .col_course_thumbnail {
	float: left;
	width: 301px;
	height: 201px;
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
}

.course_webzine .col_course_thumbnail img {
	width: 301px;
	height: 201px;
	display: block;
	border-radius: 0px;
	border-right: 1px solid #e8e8e8
}

.course_webzine .col_course_name {
	float: left;
	width: 600px;
	height: 208px;
	padding: 20px 0px 20px 40px !important;
	margin: 0px;
	box-sizing: border-box;
}

.course_webzine .col_course_name .ctitle {
	font-family: "noto_sans", sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #000;
	font-weight: 500;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.course_webzine .col_course_name .csubtitle {
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #467fd7;
	font-weight: normal;
	height: 20px;
	max-height: 20px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

.course_webzine .col_course_name .cstar {
	display: block;
	border: none;
	height: 20px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.course_webzine .col_course_name .cstar img {
	vertical-align: -3px
}

.course_webzine .col_course_name .clabel {
	display: block;
	margin-top: 10px
}

.course_webzine .col_course_name .clabel .small {
	font-size: 13px;
	padding: 0 12px;
	font-weight: normal;
	vertical-align: 1px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	letter-spacing: -1px;
}

.course_webzine .col_course_name .clabel .hide {
	display: none
}

.course_webzine .col_course_name .cinfo {
	display: block;
	font-size: 15px;
	font-weight: 400;
	color: #666;
	margin: 0px;
}

.course_webzine .col_course_name .cinfo label {
	color: #111111;
}

.course_webzine .col_course_name .ctutor label {
	color: #111111;
}

.course_webzine .col_course_name label {
	font-weight: bold;
	color: gray
}

.course_webzine .col_course_button {
	float: right;
	width: 250px;
	height: 208px;
	background: #f9f9f9 !important;
	padding: 30px 30px;
	border: none;
	background: none;
	text-align: center !important;
	box-sizing: border-box;
}

.course_webzine .col_course_button span.ori_price {
	padding-right: 0px;
	font-size: 16px;
}

.course_webzine .col_course_button table {
	margin: 0px;
	width: 100%;
}

.course_webzine .col_course_button th {
	text-align: left;
	width: 100px;
	height: 30px;
	font-size: 15px;
	font-weight: normal;
	color: #111111;
	line-height: 20px;
}

.course_webzine .col_course_button td {
	padding-top: 0px;
	height: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
}

.course_webzine .col_course_button td.cc_btn {
	height: 46px;
	padding-top: 10px;
}

.course_webzine .col_course_button .button.course {
	width: 100%;
	height: 36px;
	line-height: 34px;
	margin-top: 5px;
	box-sizing: border-box;
}

.course_webzine .nodata {
	height: 200px;
	width: 100%;
	margin: 10px 0 0 0px;
	text-align: center;
	font-size: 18px;
	line-height: 200px;
	width: 100%;
	padding: 0px;
	box-sizing: border-box;
	border: none;
	border-top: 1px #dedede solid;
	border-bottom: 1px #dedede solid;
}

.course_webzine span.pment {
	display: inline-block;
	padding: 0px;
	line-height: 17px;
}


/* 강의 상세보기 */
.content_title_course {
	font-family: "noto_sans";
	font-weight: 500;
	color: #000000;
	font-size: 30px;
	height: auto;
	line-height: 40px;
	padding-bottom: 15px;
	text-align: left;
	border-bottom: 1px #ddd solid;
	margin-bottom: 10px;
}

.course_info {
	display: inline-block;
	width: 100%;
	border-top: 0 solid #333333;
	padding: 0 0 0 0;
	overflow: hidden;
	margin-bottom: 40px;
}

.course_info .info_img {
	width: 500px;
	float: left;
	margin-right: 100px;
	text-align: center;
	border-radius: 0px;
}

.course_info .info_img img {
	width: 500px;
	height: 330px;
	border: 1px solid #d1d1d1;
	margin-bottom: 10px;
	border-radius: 10px;
}

.course_info .info_text {
	float: left;
	width: 590px
}

.course_info .info_text .info_title {
	font-size: 15px;
	color: #3c3c3c;
	border-bottom: 2px solid #e2450e;
	font-weight: 700
}

.course_info .info_text p {
	font-size: 12px;
	color: #3c3c3c
}

.course_info .info_text div.buy_book {
	float: left;
	width: 250px
}

.course_info .info_text div.buy_book p.book_name {
	text-align: left
}

.course_info .info_text div.buy_book p.book_price {
	text-align: right
}

.course_info .info_text div.buy_book p.book_price input {
	vertical-align: -3px;
	margin-left: 10px
}

.course_info .lesson_period li {
	margin: 2px
}

.course_info .lesson_period input[type=radio] {
	vertical-align: middle
}

.course_info .return_list li {
	float: left;
	margin-right: 15px;
	font-size: 14px
}

.course_info .info_btn {
	float: right;
	display: flex;
	overflow: hidden;
	padding-top: 20px;
	width: auto;
}

.course_info .info_btn li {
	float: right;
	margin-left: 0
}

.course_info .info_btn li.notice {
	width: 100%;
	text-align: center;
	font-weight: bold;
}

.course_info .sns_btn {
	float: left;
	width: auto;
	display: inline-block;
	overflow: hidden;
	padding-top: 20px
}

.course_info .sns_btn li {
	float: right;
	margin-left: 5px
}

.course_info .sns_btn li a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -99999px;
}

.course_info .sns_btn li a.btn_facebook {
	background: url('/html/images/common/icon_facebook.png') no-repeat;
}

.course_info .sns_btn li a.btn_kakaostory {
	background: url('/html/images/common/icon_kakaostory.png') no-repeat;
}

.course_info .sns_btn li a.btn_naver {
	background: url('/html/images/common/icon_naver.png') no-repeat;
}

.course_foot {
	margin-top: 50px
}

.course_foot .tutor_list {
	padding-bottom: -10px
}

.course_foot .tutor_info dl {
	background-color: #f1f1f1;
	padding: 10px 20px;
	margin-bottom: 10px;
}

.course_foot .tutor_info dt {
	float: left;
	padding: 5px 0;
	width: 70px;
	font-weight: bold;
}

.course_foot .tutor_info dd {
	float: clear;
	padding: 5px 0 5px 70px
}


.type_table {
	border-top: 1px solid #676767
}

.type_table thead th {
	padding: 8px 0;
	font-weight: 700;
	color: #3c3c3c;
	border-bottom: 1px solid #676767
}

.type_table tbody th {
	padding: 8px 0 8px 8px;
	background-color: #f8f8f8;
	font-weight: 700;
	text-align: left;
	color: #3c3c3c;
	border-bottom: 1px solid #d1d1d1
}

.type_table tbody td {
	padding: 8px 0 8px 8px;
	color: #3c3c3c;
	border-bottom: 1px solid #d1d1d1
}

.type_table tbody td div.mh50 {
	min-height: 50px
}

.type_table tbody th.tac {
	text-align: center;
	padding-left: 0
}

.type_table tbody td.tac {
	text-align: center;
	padding-left: 0
}

.type_table.type_inner {
	border-top: 0px dashed #d1d1d1;
	font-size: 15px;
	margin-bottom: 50px;
}

.type_table.type_inner thead th {
	text-align: center;
	padding: 4px 0;
}

.type_table.type_inner tbody th {
	text-align: left;
	padding: 10px 7px;
	background-color: #ffffff;
	border-bottom: 0px dashed #d1d1d1
}

.type_table.type_inner tbody td {
	text-align: left;
	padding: 10px 0;
	border-bottom: 0px dashed #d1d1d1
}

.type_table.type_inner tbody td.tal {
	text-align: left;
	padding-left: 20px
}

.search_no {
	border: 1px solid #d9d9d9;
	border-width: 1px 0;
	padding: 30px 0;
	height: 200px;
}

.search_no .search_no_image {
	height: 100%;
	float: left;
	vertical-align: middle;
}

.search_no .search_no_image img {
	margin-top: 6px;
}

.search_no .search_no_text {
	height: 100%;
	float: left;
}

.search_no .search_no_text h4 {
	font-weight: bold;
	margin-bottom: 14px;
}

.search_no .search_no_text h4 em {
	color: #e9861a;
}

/* 테이블 */
.table {
	width: 100%;
	border-top: 1px solid #676767;
}

.table thead th {
	border-bottom: 1px solid #676767;
	padding: 10px 0;
	color: #3c3c3c;
	text-align: center;
	font-size: 15px;
}

.table tbody td {
	border-bottom: 1px solid #ddd;
	padding: 8px;
	font-size: 15px;
}

.table.type-view tbody th {
	padding: 12px;
	background-color: #f8f8f8;
	font-weight: 700;
	color: #3c3c3c;
	border-bottom: 1px solid #d1d1d1;
	text-align: center;
}

.table.type-view tbody td {
	padding: 12px 0 12px 20px;
	color: #3c3c3c;
	border-bottom: 1px solid #d1d1d1
}

.table.type-list thead th {
	padding: 12px 0;
	background-color: #f8f8f8;
	border-bottom: 1px solid #d1d1d1
}

.table.type-list tbody td {
	padding: 12px 0;
	border-bottom: 1px solid #d1d1d1
}

.table.type-list tbody td {
	padding: 8px 0;
	border-bottom: 1px solid #d1d1d1
}

.table.striped tbody tr:nth-child(odd) td,
.type_list tbody tr:nth-child(odd) th {
	background-color: #f9f9f9;
}

.table strong {
	display: inline-block;
	max-height: 52px;
	line-height: 26px;
	overflow: hidden;
	margin-top: 15px;
}

.table strong a {
	font-family: "noto_sans", sans-serif;
	color: #303030;
	font-size: 22px;
	font-weight: 500;
	padding-left: 0;
	padding-right: 10px;
}

.type_list {
	border-top: 1px solid #000000
}

.type_list thead th {
	border-bottom: 1px solid #676767;
	padding: 15px 0;
	color: #222222;
	white-space: nowrap;
	font-size: 16px;
	font-weight: 500;
}

.type_list tbody td {
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
	font-size: 15px;
}

.type_list tbody td.tac {
	text-align: center
}

.type_list tbody td.tal {
	text-align: left;
	padding-left: 10px
}

.type_list tbody td.tal span {
	vertical-align: top;
	margin-left: 2px
}

.type_list tbody td.tal span img {
	vertical-align: top;
	margin-top: 2px
}

.type_list tbody td.tal .subject {
	max-width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	float: left;
	line-height: 19px;
	margin-right: 4px
}

.type_list tbody td.tal .subject img {
	vertical-align: top
}

.type_list tbody td.tal .subject a {
	color: #777;
	line-height: 24px;
}

.type_list tbody td.tal .subject a b {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	padding-top: 7px;
}

.type_list tfoot td {
	padding: 20px 0;
	background-color: #f9f9f9;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: center
}

/* 테이블 리스트  홀짝 색 */
.type_list tbody tr:nth-child(odd) td,
.type_list tbody tr:nth-child(odd) th {
	background-color: #ffffff;
}

.tb_list tbody tr:nth-child(odd) td,
.tb_list tbody tr:nth-child(odd) th {
	background-color: #ffffff;
}

.tb_insert tbody th {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #d1d1d1;
	background-color: #f8f8f8;
	font-weight: 500;
	font-size: 16px;
	text-align: left
}

.tb_insert tbody td {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #d1d1d1;
	font-size: 15px;
	text-align: left
}

.type_list thead th {
	text-align: center;
}

.type_table thead th {
	text-align: center;
}

/* 라벨 */
.label {
	font-size: 12px;
	padding: 0 4px;
	font-weight: normal;
	vertical-align: 1px;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	letter-spacing: -1px;
}

.label.red {
	background-color: #d9534f;
	color: #fff
}

.label.blue {
	background-color: #FDC300;
	color: #fff
}

.label.mint {
	background-color: #199db2;
	color: #fff
}

.label.orange {
	background-color: #e75e0e;
	color: #fff
}

.label.gray {
	background-color: #999;
	color: #fff
}

.label.green {
	background-color: #5cb85c;
	color: #fff
}

.label.sky {
	background-color: #5bc0de;
	color: #fff
}

.label.brown {
	background-color: #7b462f;
	color: #fff
}

.label.purple {
	background-color: #8376ff;
	color: #fff
}

.label.small {
	font-size: 11px
}

.label.large {
	font-size: 13px
}

.label.refund {
	font-size: 13px;
	padding: 0 12px;
	font-weight: normal;
	vertical-align: 1px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	letter-spacing: -1px;
}

/* 게시판 탭 관련 */
.tab_tt_board {
	display: none;
}

select.board_category {
	height: 34px !important;
	line-height: 29px !important;
	font-size: 15px !important;
	margin-bottom: 10px;
	border: 1px #cccccc solid !important;
	margin-top: 1px;
}

/* 갤러리 게시판 */
.type_gallery .list_gallery {
	overflow: hidden;
	border-bottom: 1px solid #d3d3d3;
	margin-left: 0px;
	margin-right: -9px;
	padding: 20px 0px 0px 0px;
}

.type_gallery .list_gallery li {
	width: 190px;
	float: left;
	margin: 0px 9px 20px 0px;
	height: 200px;
	text-align: left;
	border: 1px solid #dedede;
	padding: 0px;
}

.type_gallery .list_gallery li .gallery_div {
	width: 190px;
	height: 120px;
	border: none;
	border-bottom: 1px solid #dedede;
	position: relative;
	cursor: pointer;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	text-indent: -9999px;
}

.type_gallery .list_gallery li .gallery_img img {
	width: 190px;
	height: 120px;
}

.type_gallery .list_gallery li .gallery_title {
	margin-top: 10px;
	font-size: 15px;
	line-height: 30px;
	color: #222222;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.type_gallery .list_gallery li a {
	margin-left: 13px;
}

.type_gallery .list_gallery li a.gallery_reg {
	display: visible;
	float: right;
	margin-right: 10px;
}

.type_gallery .list_gallery li.nodata {
	width: 100%;
	line-height: 200px;
	text-align: center;
}

.type_gallery .list_gallery li .gallery_div_ie {
	height: 150px;
	overflow: hidden;
	display: none;
}

.type_gallery .list_gallery li .gallery_div_ie img {
	width: 229px;
	border: 1px solid #dedede;
	position: relative;
	cursor: pointer;
	background-repeat: no-repeat !important;
	background-position: center !important;
}

/* 게시판 상세보기 */
.type_read {
	border-top: 1px solid #676767
}

.type_read thead th {
	padding: 20px 0;
	background-color: #f6f6f6;
	color: #000;
	font-size: 18px;
	font-weight: 500;
}

.type_read thead td {
	padding: 20px 0;
	background-color: #f6f6f6;
	color: #666;
	font-size: 15px;
}

.type_read thead td.subject {
	padding-left: 20px;
	font-size: 17px;
	font-weight: 500;
	color: #000;
}

.type_read td.files {
	padding-left: 10px
}

.type_read thead td.view_info {
	text-align: right;
	padding-right: 20px
}

.type_read tbody td {
	border-bottom: 1px solid #d1d1d1;
	padding: 8px 0
}

.type_read tbody td .read_text {
	padding: 10px 0px;
	min-height: 200px;
	line-height: 23px;
}

.type_read tbody td .read_text img {
	max-width: 100%;
}

.type_read tbody td .read_text hr {
	height: 1px;
	background-color: #999999;
	border: 1px;
	width: 100%;
	position: static;
	visibility: visible;
}

.type_read tbody td .webtv_player {
	padding: 20px;
}

.type_write {
	border-top: 1px solid #d1d1d1
}

.type_write tbody td {
	border-bottom: 1px solid #d1d1d1;
	padding: 12px 0
}

.type_write tbody td.tw_bold {
	font-weight: 500;
	color: #474747;
	font-size: 15px;
	text-indent: 12px
}

.type_write input[type=text] {
	padding: 2px 4px 3px;
	border: 1px solid #d1d1d1;
}

.type_write input[type=password] {
	padding: 2px 4px 3px;
	border: 1px solid #d1d1d1;
}

.type_write .write_text {
	padding: 12px
}

.type_write textarea {
	border: 1px solid #d1d1d1;
	width: 100%;
	min-height: 200px;
	padding: 8px 0
}


/* 페이징 */
.page_bar {
	padding-top: 0px;
	text-align: center;
	margin-bottom: 30px;
}

.page_box {
	margin: 20px auto;
	table-layout: auto !important
}

.page_box li {
	vertical-align: top;
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top
}

.page_box li.page_margin {
	display: none
}

.page_box li div {
	width: 30px;
	height: 36px;
	border: none;
	padding: 0;
	margin: 0 0px;
	line-height: 36px
}

.page_box li {
	padding: 0;
	border-width: 0;
	font-family: verdana;
	color: #999999;
	font-size: 16px
}

.page_p_btn {
	display: none
}

.page_n_btn {
	display: none
}

.page_box .page_first_btn {
	background: url('/common/images_skin2/common/page_first_btn.png') no-repeat 50% 50%;
	width: 34px;
	height: 34px;
	border: 1px #d1d1d1 solid;
	margin: 0px 2px;
}

.page_box .page_last_btn {
	background: url('/common/images_skin2/common/page_last_btn.png') no-repeat 50% 50%;
	width: 34px;
	height: 34px;
	border: 1px #d1d1d1 solid;
	margin: 0px 2px;
}

.page_box .page_prev_btn {
	background: url('/common/images_skin2/common/page_prev_btn.png') no-repeat 50% 50%;
	width: 34px;
	height: 34px;
	border: 1px #d1d1d1 solid;
	margin: 0px 7px 0px 2px;
}

.page_box .page_next_btn {
	background: url('/common/images_skin2/common/page_next_btn.png') no-repeat 50% 50%;
	width: 34px;
	height: 34px;
	border: 1px #d1d1d1 solid;
	margin: 0px 2px 0px 7px;
}

.page_box li div.page_seperator {
	display: none
}

.page_box li .page_number_btn_on {
	background-color: #ffffff;
	color: #000000;
	font-weight: 500;
	width: 30px;
	height: 36px;
	border: none;
	line-height: 36px
}

.page_box li a:hover {
	text-decoration: none
}

.page_box li .page_number_btn:hover {
	background-color: #ffffff;
	color: #000000;
	width: 30px;
	height: 36px;
	border: none;
	line-height: 36px
}

.cv .page_title {
	font-family: "noto_sans", sans-serif;
	font-size: 20px;
	font-weight: 500;
	color: #000000;
	padding-left: 0px;
	background: none;
	margin-top: 30px;
	margin-bottom: 15px
}

.cv .cv_text {
	margin-bottom: 20px;
	color: #3c3c3c;
	padding-left: 0px;
	padding-bottom: 8px;
	font-size: 15px;
	line-height: 30px;
}

.cv .cv_text img {
	max-width: 100%;
}

.cv .cv_text hr {
	height: 1px;
	background-color: #999999;
	border: 1px;
	width: 100%;
	position: static;
	visibility: visible;
}

.cv .tb_cv {
	border-top: 2px solid #727272
}

.cv .tb_cv thead th {
	padding: 8px 0;
	background-color: #f8f8f8;
	border-bottom: 1px solid #d1d1d1
}

.cv .tb_cv tbody td {
	padding: 8px 0;
	border-bottom: 1px solid #d1d1d1;
	text-align: center
}

.cv .tb_cv tbody td.tal {
	text-align: left;
	padding-left: 20px
}

.faq_wrap {
	border-top: 1px solid #e2e2e2
}

.faq_wrap .nodata {
	padding: 12px 0;
	border-bottom: 1px solid #e2e2e2
}

.faq dt {
	font-family: "noto_sans";
	width: 100%;
	font-weight: 500;
	font-size: 18px;
	padding: 20px 50px;
	background: url('/html/images/mobile/sub/faq_question.png') no-repeat 15px 22px;
	background-size: 15px auto;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.faq dd {
	display: none;
	font-size: 16px;
	padding: 25px 50px;
	background: #f4f4f4 url('/html/images/mobile/sub/faq_answer.png') no-repeat 15px 26px;
	background-size: 15px auto;
	border-bottom: 1px solid #e2e2e2
}

.faq.on dt {
	display: block;
	white-space: normal;
}

.tab_wrap {
	padding-top: 0
}

.tab_wrap2 {
	padding-top: 0
}

.tab_wrap2 select {
	display: none;
}

.tab_wrap {
	position: relative
}

.tab_tt {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
	border: NONE;
	width: 100%;
	background: none;
	border: none;
}

.tab_tt li {
	position: relative;
	width: auto;
	height: 40px;
	margin: 0px 2px;
}

.tab_tt li a {
	font-family: "noto_sans", sans-serif;
	display: inline-block;
	width: auto;
	background: #fff;
	border: 1px #e2e2e2 solid;
	padding: 0px 20px;
	line-height: 38px;
	height: 40px;
	text-align: center;
	color: #3c3c3c;
	font-size: 16px;
	z-index: 4;
	border-radius: 30px;
}

.tab_tt li a:hover {
	background: #f7f7f7;
	color: #000;
}

.tab_tt li.on a {
	background-color: #FDC300;
	color: #fff;
	font-weight: 500;
	border: none;
	z-index: 5;
	position: relative;
	left: 0;
	top: 0;
	height: 40px
}

.tab_cview {
	display: flex;
	justify-content: center;
	margin: 60px 0px 20px 0px !important;
	width: 100%;
	height: auto;
	padding: 0px;
	background: #f3f3f3;
	border: none;
	border-radius: 7px;
	box-sizing: border-box;
	overflow: hidden;
}

.tab_cview li {
	position: relative;
	width: 100%;
	height: 50px
}

.tab_cview li:before {
	content: '';
	position: absolute;
	right: 0px;
	top: 15px;
	width: 1px;
	height: 20px;
	background: #ddd;
}

.tab_cview li:last-child:before {
	display: none;
}

.tab_cview li a {
	font-family: "noto_sans";
	display: block;
	background-color: none;
	border: none;
	line-height: 50px;
	text-align: center;
	color: #3c3c3c;
	font-size: 17px;
	z-index: 4
}

.tab_cview li a:hover {
	color: #000;
	font-weight: 500;
}

.tab_cview li.on a {
	background-color: #FDC300;
	color: #fff;
	font-weight: 400;
	border: none;
	border-radius: 7px;
	z-index: 5;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50px
}

.tab_tt1 li {
	width: 40%;
}

.tab_tt2 li {
	width: 33.3%;
}

.tab_tt3 {
	display: inline-block;
	margin-bottom: 0px;
	border: NONE;
	width: 100%;
	border-bottom: 2px #000 solid;
}

.tab_tt3 li {
	width: 50%;
	height: 50px;
}

.tab_tt3 li a {
	line-height: 50px;
	height: 50px;
}

.tab_tt3 li.on a {
	line-height: 50px;
	height: 50px;
}

/* login */
.login_box {
	border: none;
	background: #ffffff;
	padding: 40px 350px 40px 350px;
	overflow: hidden;
	margin: 0px;
}

.log_tt {
	margin-bottom: 20px;
	font-size: 17px;
}

.log_form {
	float: left;
	padding-right: 0px;
	border-right: none;
	width: 500px;
	padding-bottom: 0px;
}

.log_area {
	overflow: hidden
}

.log_in {
	float: none !important;
	display: inline-block;
	margin-bottom: 10px;
}

.log_in label {
	padding-right: 13px
}

.log_in div {
	height: 31px;
	margin: 0px;
	z-index: 10000;
}

.log_in .iparea input {
	z-index: 10000;
	font-size: 16px;
	font-weight: 300;
	color: #7a7a7a;
	border: 0px solid #dbdbdb !important;
	padding: 0px 0 0px 10px;
	height: 40px;
	width: 400px;
	line-height: 40px;
	margin: 10px 0px;
}

.log_in .ip_id {
	display: inline-block;
	width: 500px;
	height: 60px;
	background: #ffffff url('/html/images/common/ipt1_id.png') 25px 50% no-repeat !important;
	margin: 0px;
	padding-left: 60px;
	border: 1px #dbdbdb solid;
	border-bottom: 1px #dbdbdb solid;
	border-radius: 10px 10px 0px 0px;
}

.log_in .ip_pass {
	display: inline-block;
	width: 500px;
	height: 60px;
	background: #ffffff url('/html/images/common/ipt1_pw.png') 25px 50% no-repeat !important;
	margin: 0px 0px 20px 0px;
	padding-left: 60px;
	border: 1px #dbdbdb solid;
	border-top: none;
	border-radius: 0px 0px 10px 10px;
}

.log_in span {
	float: left;
	width: 800px;
	display: block;
	line-height: 60px;
	font-size: 16px;
	font-weight: 500;
	color: #7a7a7a;
}

.log_area .ip_submit {
	float: none !important;
	margin: 0px 0px 0px 0px
}

.id_save {
	padding: 15px 0px;
	font-size: 15px;
	font-weight: 500;
}

.login_box .ip_tx {
	margin-top: 24px;
	font-size: 12px;
	line-height: 18px;
	color: #495057
}

.login_box .ip_tx a {
	color: #e2450e;
	font-weight: 500
}

.log_find {
	float: left;
	padding: 40px 0 0 0px;
	width: 500px
}

.log_find dl {
	width: 500px;
	display: inline-block;
	height: 50px;
}

.log_find dt {
	float: left;
	width: 200px;
	font-weight: 400;
	letter-spacing: -0.05em;
	font-size: 17px;
	line-height: 30px;
}

.log_find dd {
	float: right;
	width: 200px;
	margin: 0px 0 20px 0;
	text-align: right;
}

.log_find dd .button.gray2 {
	font-family: "noto_sans";
	border-radius: 5px;
	width: 180px !important;
	font-size: 15px;
	line-height: 32px;
}

.button.btn_login {
	font-family: "noto_sans", sans-serif;
	font-weight: 500;
	padding: 0px;
	border-radius: 10px;
	;
	font-size: 20px;
	background: #FDC300;
	color: #fff;
	border: none;
	width: 500px;
	height: 60px;
	line-height: 60px;
}

.button.btn_login:hover {
	background: #00578a;
	border: none;
}

.log_oauth {
	overflow: hidden;
	margin-top: 15px;
	font-weight: bold;
	line-height: 40px;
}

.log_oauth .log_oauth_list {
	float: right;
	margin-right: 40px;
}

.log_oauth .log_oauth_list li {
	float: left;
	margin-left: 10px;
}

.log_oauth .log_oauth_list li img {
	width: 40px;
	height: 40px;
}

.coupon_box .coupon_input {
	height: 38px;
	line-height: 38px;
	text-align: center;
	padding: 0 10px;
	margin: 0 4px 0 4px;
	width: 400px
}

.join_oauth {
	display: none;
	overflow: hidden;
}

.join_oauth .join_oauth_list {
	width: 300px;
	margin: 0 auto;
}

.join_oauth .join_oauth_list li {
	margin: 10px 0;
	background-color: #ffffff;
	border: 1px solid #dedede;
	border-radius: 8px;
	padding: 6px;
}

.join_oauth .join_oauth_list li a {
	position: relative;
}

.join_oauth .join_oauth_list li img {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 0;
	top: 0;
}

.join_oauth .join_oauth_list li div {
	height: 40px;
	font-size: 1.2em;
	margin-left: 40px;
	text-align: center;
	line-height: 40px;
}

.join_oauth .join_oauth_list li.join_oauth_normal div {
	font-size: 1.4em;
	font-weight: bold;
}

.board.btn .button {
	margin: 0px 3px;
}

.join_normal .board.btn .button {
	width: 200px;
	height: 45px;
	line-height: 45px;
	padding: 0px;
	margin: 0px 3px;
	font-family: "noto_sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.join_normal .board.btn .button.gray {
	background: #FDC300;
	color: #fff;
	border: none;
}

.join_normal .board.btn .button.white {
	background: #aaa;
	color: #fff;
	border: none;
}

#buttonArea .board.btn .button {
	width: 200px;
	height: 45px;
	line-height: 45px;
	padding: 0px;
	margin: 0px 3px;
	font-family: "noto_sans", sans-serif;
	font-size: 16px;
	font-weight: 500;
}

#buttonArea .board.btn .button.gray {
	background: #FDC300;
	color: #fff;
	border: none;
}

#buttonArea .board.btn .button.white {
	background: #aaa;
	color: #fff;
	border: none;
}


/* 비밀번호 정기 변경 및 정보수정 비밀번호 재확인 */
.passwd_box {
	border: 1px solid #dcdcdc;
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
}

.passwd_box .box_sub {
	padding: 20px 15px;
	font-size: 15px;
}

.passwd_box .box_sub .box_icon {
	padding: 10px 0 20px;
}

.passwd_box .box_sub .box_icon img {
	width: 67px;
	height: 65px;
}

.passwd_box .box_stitle {
	font-size: 18px;
	line-height: 30px;
	color: #000;
	font-weight: bold;
	padding-bottom: 5px;
}

.passwd_box .box_login {
	margin: 20px 0;
}

.passwd_box input[type=password] {
	height: 33px !important;
	vertical-align: bottom;
}

/*agreement */
.agreement_list {
	display: none;
}

.box_title {
	font-family: "noto_sans", sans-serif;
	color: #2d2d2d;
	font-size: 24px;
	font-weight: 500;
	margin: 25px 0 20px 0
}

.box_tx {
	margin: 0 0 20px 0;
	font-size: 15px;
}

.gray_box {
	border: 0px solid #dcdcdc;
	background-color: #fff;
	padding: 20px 0px;
	margin-bottom: 20px
}

.gray_box.top {
	border-top: 1px solid #676767
}

.gray_box .box_stitle {
	font-family: "noto_sans";
	font-weight: 500;
	font-size: 18px;
	color: #000;
	margin-bottom: 12px
}

.gray_box .g_box_in {
	border: 1px solid #dbdbdb;
	background-color: #fff;
	height: 60px;
	overflow: auto;
	padding: 14px 10px;
	margin-bottom: 10px
}

.check input {
	vertical-align: middle;
	margin-right: 4px
}

.gray_box .g_box_in {
	height: 130px;
}

.find_subtitle {
	font-family: "noto_sans", sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.privacy {
	display: inline-block;
	width: 100%;
	margin-top: -20px;
	line-height: 160%;
}

.privacy h2 {
	font-family: "noto_sans", sans-serif;
	font-weight: 500;
	font-size: 20px;
	margin-top: 20px;
	color: #000000;
}

.privacy h3 {
	font-family: "noto_sans", sans-serif;
	font-weight: 500;
	font-size: 18px;
	margin-top: 20px;
	color: #FDC300;
}

.privacy dl {
	padding-left: 5px;
	margin-top: 10px;
	font-size: 15px;
}

.privacy dt {
	font-weight: bold;
	margin-top: 10px;
	font-size: 15px;
}

.privacy dd {
	margin-top: 2px;
	margin-left: 10px;
	font-size: 15px;
}

.privacy p {
	margin-top: 5px;
	margin-left: 0px;
	float: none !important;
	font-size: 15px;
}

.privacy .depth2 {
	padding-left: 10px
}

.privacy .depth2>li {
	margin: 2px 0
}

.privacy .depth3 {
	padding-left: 10px
}

.privacy .depth3>li {
	margin: 2px 0
}

.privacy .tel_list {
	overflow: hidden
}

.privacy .tel_list li {
	float: left;
	width: 50%
}

.privacy table.privacy {
	display: block;
	border-top: 1px #dedede solid;
	border-left: 1px #dedede solid;
	margin-top: 10px;
	width: 100%;
}

.privacy th {
	border-bottom: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 8px 10px;
	line-height: 20px;
	color: #333333;
	background: #f7f7f7;
	text-align: center;
}

.privacy td {
	border-bottom: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 10px 15px;
}

.privacy td.tac {
	text-align: center;
}

.privacy_box {
	background: #f7f7f7;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	width: 100%;
	line-height: 30px;
	padding: 20px;
	border: 1px #dedede solid;
}

.terms {
	display: inline-block;
	width: 100%;
	margin-top: -30px !important;
}

.terms h2 {
	font-family: "noto_sans", sans-serif;
	font-weight: 500;
	font-size: 20px;
	margin-top: 40px;
	color: #000000;
}

.terms h3 {
	font-family: "noto_sans", sans-serif;
	margin-top: 30px;
	font-weight: 500;
	font-size: 18px;
	color: #FDC300;
}

.terms .depth1 li {
	line-height: 150%;
	font-size: 15px;
}

.terms .depth1 {
	margin-top: 5px;
	padding-left: 0;
	float: none;
	font-size: 15px;
}

.terms .depth2 {
	padding-left: 15px;
	font-size: 15px;
}

.terms .depth3 {
	padding-left: 24px;
	font-size: 15px;
}

.refund h3 {
	font-family: "noto_sans", sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #FDC300 !important;
}

.refund li {
	font-size: 15px;
	line-height: 22px;
}

.refund .formula .rbox {
	width: 1150px;
	margin: 10px 0px;
}

/* 근로자 유의사항 표 */
.refund .depth1 table {
	border-top: 1px #dedede solid;
	border-left: 1px #dedede solid;
	margin-top: 10px;
}

.refund .depth1 table th {
	border-bottom: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 6px 10px;
	line-height: 20px;
	color: #333333;
	background: #f7f7f7;
	text-align: center;
}

.refund .depth1 table td {
	border-bottom: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 6px 10px;
	text-align: center;
}

.refund .depth1 table td.tl {
	text-align: left;
}

.refund .depth1 table td .fc_red {
	color: #d90000;
}

.pop_wrap .pop_title {
	height: 44px;
	background-color: #FDC300;
	line-height: 44px;
}

.pop_content {
	border-top: none;
	padding: 20px;
}

.pop_wrap .content_title {
	margin-bottom: 10px;
}


/* 회원가입 약관부분 텍스트 일괄처리 */
.textin {
	font-size: 15px !important;
	font-weight: normal !important;
	line-height: 25px !important;
}

.textin>.privacy {
	margin-top: -10px;
}

.textin>.privacy h2 {
	font-size: 15px !important;
	font-weight: normal !important;
	color: #666666 !important;
	line-height: 25px !important;
	padding: 0px !important;
	margin: 20px 0px 0px 0px !important;
}

.textin>.privacy h3 {
	font-size: 15px !important;
	font-weight: normal !important;
	color: #666666 !important;
	line-height: 25px !important;
	padding: 0px !important;
	margin: 10px 0px 0px 0px !important;
}

.textin>.depth1 {
	margin-top: 0px !important;
}

.terms h3 {
	color: #666666 !important;
}

.division {
	position: relative;
}

.my_box .my_info h6,
.my_box .my_note h6 {
	font-family: "noto_sans", sans-serif;
	font-weight: 500;
	color: #2d2d2d;
	font-size: 20px;
	padding: 3px 0 12px 0;
}

.my_box .my_info .h6_sub,
.my_box .my_note .h6_sub {
	color: #757575;
	font-size: 14px;
	padding-left: 21px;
	font-weight: 200;
	background: url(/common/images/default/blt_bar.png) no-repeat 10px 50%
}

.my_box .my_info .my_info_in {
	border-top: 1px solid #d7d7d7;
	margin-top: 0px;
	padding: 20px 0 0 100px;
	background: url(/common/images_skin2/common/myinfo_img.jpg) no-repeat 0 15px;
	min-height: 100px;
}

.my_box .my_note .my_notice_in {
	border-top: 1px solid #d7d7d7;
	padding: 10px 0px;
	margin: 0px;
}

.my_box .my_note .my_notice_in .list_top li a {
	height: 24px;
	line-height: 24px;
	border-bottom: none;
	font-size: 15px;
	padding: 1px 15px;
	background: url('/html/images/common/dot.png') 4px 50% no-repeat;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.stitle {
	position: relative;
	display: block;
	font-family: "noto_sans";
	font-size: 22px;
	font-weight: 500;
	color: #000 !important;
	padding: 10px 0px 0px 20px;
	margin-bottom: 15px;
	text-align: left;
}

.stitle:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 15px;
	width: 10px;
	height: 10px;
	background: #FDC300;
	border-radius: 50%;
}

.sstitle {
	font-size: 18px;
	font-weight: bold;
	color: #FDC300;
	line-height: 24px;
	margin: 0px 0 10px 0px;
}

.scont {
	font-size: 16px;
	color: #666;
	line-height: 180%;
	margin-bottom: 40px;
}

.scont span {
	color: #FDC300;
}

ul.scont {
	font-size: 16px;
	color: #666;
	line-height: 180%;
	margin-bottom: 40px;
}

ul.scont li {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 180%;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.greeting_scont {
	background: #fbf6f0;
	border-radius: 10px;
}

.greeting_scont.scont {
	position: relative;
	background:
}

.greeting_scont.scont>.btn_box {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	padding: 10px 0px 40px 0px;
}

/* 서브 상단 문구 */
.sub_topbox {
	width: 100%;
	margin-bottom: 60px;
	text-align: center;
	background: #fbf6f0;
	border-radius: 10px;
	padding: 0px;
}

.sub_topbox h2 {
	font-family: "noto_sans";
	font-size: 40px;
	line-height: 130%;
	font-weight: 400;
	color: #333 !important;
	padding: 30px;
}

.sub_topbox h2 span {
	color: #222;
	font-weight: 600;
}

.sub_topbox p {
	font-family: "noto_sans";
	font-size: 17px !important;
	font-weight: 400;
	line-height: 150% !important;
	color: #fff !important;
	padding: 20px;
	background: #467fd7;
	box-sizing: border-box;
	border-radius: 0px 0px 10px 10px;
}

.sub_top_img {
	border-radius: 10px;
	max-width: 100%;
}

/* 근로자카드 */
.worker1 {
	width: 100%;
	height: auto;
	background: url('/html/images/common/worker1_2.png') no-repeat;
	display: inline-block;
	margin-top: 50px;
	padding-left: 460px;
	box-sizing: border-box;
}

.worker1 h2 {
	font-size: 26px;
	font-weight: bold;
	color: #2e2e2e;
	line-height: 35px;
	margin: 0px 0 20px 0px;
}

.worker1 p {
	font-size: 17px;
	font-weight: normal;
	color: #666;
	line-height: 180%;
	margin: 0 0 15px 0px;
}

.worker1 p span {
	color: #fe5a4e;
}

.worker1 ul {
	margin: 0 0 15px 0px;
}

.worker1 li {
	font-size: 16px;
	font-weight: normal;
	color: #2e2e2e;
	line-height: 180%;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.worker1 li b {
	color: #FDC300;
	font-weight: bold;
}

.worker1 .btn_box {
	width: 100%;
	display: flex;
	margin: 25px 0 0px 0px;
}

.worker1 a {
	float: left;
	display: inline-block;
	width: 100%;
	height: 80px;
	padding: 15px 10px;
	line-height: 25px;
	text-align: center;
	font-size: 17px;
	color: #ffffff;
	border-radius: 5px;
	font-weight: 500;
	box-sizing: border-box;
}

.worker1 a.oepncard {
	margin-right: 10px;
	background: #FDC300;
}

.worker1 a.btn_bule {
	line-height: 50px;
	background: #000;
}

.worker2 {
	position: relative;
	width: 1200px;
	height: auto;
	border: 1px #ccc solid;
	display: inline-block;
	margin-bottom: 50px;
	box-sizing: border-box;
	padding-left: 300px;
}

.worker2 h2 {
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	font-family: "noto_sans";
	width: 300px;
	margin: 0px;
	font-size: 18px;
	font-weight: 500;
	color: #525252;
	line-height: 30px;
	text-align: center;
}

.worker2 h2 span {
	color: #FDC300;
}

.worker2 h2 small {
	font-size: 15px;
}

.worker2 ul {
	float: left;
	width: 898px;
	padding: 30px 0px 30px 0px;
	background-color: #f4f4f4;
}

.worker2 li {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 150%;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 10px no-repeat;
	margin-left: 25px;
	margin-bottom: 7px;
}

.worker3 {
	width: 100%;
	padding: 30px 80px 30px 260px;
	display: inline-block;
	background: url('/html/images/common/worker3_2.png') no-repeat;
	box-sizing: border-box;
}

.worker3 .worker3_sub {
	width: 100%;
	height: 185px;
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
	text-align: left;
	box-sizing: border-box;
}

.worker3 .worker3_sub h2 {
	font-family: "noto_sans";
	font-size: 18px;
	font-weight: 500;
	color: #000;
	line-height: 30px;
}

.worker3 .worker3_sub ul {
	margin: 10px 0px 10px 0px;
	height: 75px;
}

.worker3 .worker3_sub li {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 180%;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.worker3_2 a.worker3_down {
	float: right;
	display: block;
	width: 180px;
	height: 75px;
	line-height: 25px;
	padding: 12px 0px 0 30px;
	text-align: left;
	font-size: 18px;
	color: #ffffff;
	font-weight: bold;
	border: 1px #232632 solid;
	background: #232632 url('/html/images/common/worker3_down.png') 115px 17px no-repeat;
	margin: -110px 30px 0 0;
}

.worker3_2 a.worker3_btn {
	display: block;
	width: 290px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	border-radius: 5px;
	font-weight: 500;
	border: none;
	background: #FDC300;
	margin: 0 auto;
}

.worker3_2 .worker3_tel {
	line-height: 50px;
	text-align: center;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
}

.worker3_2 .worker3_tel span {
	color: #FDC300;
}

.worker_noti {
	margin: 50px 0px 30px 0px;
	padding: 0px;
}

.worker_noti .noti_box {
	padding: 30px;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.worker_noti .noti_box h2 {
	font-size: 17px;
	font-weight: normal;
	color: #2e2e2e;
	line-height: 30px;
}

.worker_noti .noti_box table {
	margin-top: 5px;
}

.worker_noti .noti_box table th {
	padding: 10px 0px;
	font-size: 16px;
	font-weight: 500;
	line-height: 130%;
	text-align: center;
	background: #FDC300;
	color: #fff;
}

.worker_noti .noti_box table td {
	padding: 10px;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.worker_noti .noti_box table td.tc {
	text-align: center;
}

.worker_noti .noti_box table td li {
	font-size: 15px;
	font-weight: normal;
	color: #666;
	line-height: 25px;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 11px no-repeat;
}

.worker_noti .noti_box .txt_noti {
	margin-top: 20px;
	padding: 0px;
}

.worker_noti .noti_box .txt_noti p {
	font-family: "noto_sans";
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}

.worker_noti .noti_box .txt_noti ol {
	padding-left: 0px;
}

.worker_noti .noti_box .txt_noti li {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 180%;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 12px no-repeat;
}

.worker4_box {
	padding: 30px;
	border: 1px solid #ddd;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 150%;
}

.worker4_box strong {
	display: block;
	color: #000;
	font-size: 17px;
	margin-bottom: 5px;
}

.worker4_box ol {
	margin-bottom: 30px;
}

.worker4_box li {
	list-style: none;
	margin: 0px !important;
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 150%;
	;
	padding: 0px;
}

.owner1 {
	border: 1px #dedede solid;
	padding: 40px 150px;
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	margin-bottom: 40px;
}

.owner1 p {
	font-weight: bold;
	font-size: 17px;
	color: #111;
}

.owner1 .box1 {
	padding-top: 190px;
	margin-bottom: 50px;
	background: url('/html/images/common/owner1_box1.png') no-repeat;
}

.owner1 .box2 {
	padding-top: 330px;
	background: url('/html/images/common/owner1_box2.png') no-repeat;
}

.owner1_2 {
	border: 1px #dedede solid;
	background: url('/html/images/common/owner1_2.png') 0px 100% no-repeat;
	padding: 35px 40px 275px 40px;
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	margin-bottom: 40px;
	background-size: contain;
	background-position: center;
}

.owner1_3 {
	line-height: 25px;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	margin-bottom: 40px;
}

.owner1_3 img {
	margin: 13px 0px;
}

.button.owner_btn {
	height: 45px !important;
	line-height: 43px !important;
}

.owner2 {
	display: inline-block;
}

.owner2 li {
	float: left;
	width: 270px;
	height: 255px;
	border: 1px #e2e2e2 solid;
	background: #fff;
	text-align: center;
	margin-bottom: 30px;
	border-radius: 10px;
	margin-right: 30px;
	overflow: hidden;
}

.owner2 li:last-child {
	margin-right: 0;
}

.owner2 li h1 {
	text-align: center;
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	line-height: 40px;
	background-color: #FDC300;
	border-radius: 0px;
}

.owner2 li h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 18px;
	color: #2e2e2e;
	font-weight: bold;
	line-height: 62px;
	background-color: #f4f4f4;
}

.owner2 li p {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 22px;
	margin-top: 20px;
}

.owner2 li p span {
	color: #FDC300;
}

.owner2 li.arrow {
	width: 30px;
	height: 345px;
	background: url('/html/images/common/owner2_arrow.png') 50% 50% no-repeat;
	border: none;
}

.owner2 li.line2 {
	height: 280px;
}

.owner_noti {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #eee;
}

.owner_noti p {
	margin-bottom: 5px;
	font-weight: bold;
	color: #111;
	font-size: 15px;
}

.owner_noti ul {
	padding-left: 0px;
}

.owner_noti li {
	list-style: none;
	padding-left: 10px;
	background: url('/html/images/common/dot.png') 0px 10px no-repeat;
}

.owner3 {
	width: 1200px;
	height: auto;
	display: inline-block;
	margin-bottom: 35px;
	padding: 30px 0px 30px 210px;
	border-radius: 10px;
	border: 1px #e2e2e2 solid;
	box-sizing: border-box;
	text-align: left;
}

.owner3 h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	margin: 0px 0px 10px 0px;
}

.owner3 h2 .button {
	margin-left: 10px;
}

.owner3 p {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 22px;
	margin: 0 0 5px 0px;
}

.owner3 ul {
	margin: 0px;
}

.owner3 li {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	line-height: 25px;
	padding-left: 10px;
	background: url('/html/images/common/dot1.png') 0px 11px no-repeat;
}

.owner3 li a:hover {
	text-decoration: underline;
}

.owner3 li b {
	color: #333333;
	font-weight: bold;
}

.owner3_1 {
	background: #fff url('/html/images/common/owner3_1.png') 50px 50% no-repeat;
}

.owner3_2 {
	background: #fff url('/html/images/common/owner3_2.png') 50px 50% no-repeat;
}

.owner3_3 {
	background: #fff url('/html/images/common/owner3_3.png') 50px 50% no-repeat;
}

.owner6 {}

.owner6>div>table {
	border: 1px solid #dedede;
	font-size: 16px;
}

.owner6>div>table tr {}

.owner6>div>table tr th {
	padding: 15px;
	background-color: #FDC300;
	color: #fff;
}

.owner6>div>table tr td {
	padding: 15px;
}

.owner6>div>table tr td:first-child {
	background-color: #f4f4f4;
}


/* 인사말 */
.greeting {
	width: 100%;
	min-width: 1300px;
	display: inline-block;
	background: url('/html/images/common/greeting_bg.png') 50% 50% no-repeat;
	background-size: cover;
	padding: 110px 0px;
	margin-bottom: 150px;
}

.greeting_txt1 {
	width: 1200px;
	margin: 0px auto 110px auto;
	font-family: "noto_sans";
	font-size: 72px;
	line-height: 130%;
	padding-left: 304px;
	box-sizing: border-box;
	text-align: left;
}

.greeting_txt1 strong {
	display: block;
	font-weight: 600;
	height: auto;
	font-size: 72px;
	line-height: 110%;
	color: #2e2b27;
}

.greeting_txt1 strong span {
	color: #ff6d0f
}

.greeting_txt2 {
	width: 1200px;
	margin: 0px auto;
	padding-left: 580px;
	box-sizing: border-box;
	text-align: left;
}

.greeting_txt2 img {
	height: 275px;
}

.greeting_ceo {
	display: inline-block;
	width: 1200px;
	position: relative;
	padding: 0px 570px 100px 0px;
	box-sizing: border-box;
	margin: 0px auto;
	text-align: left;
}

.greeting_ceo h2 {
	position: relative;
	font-size: 30px;
	line-height: 130%;
	color: #222;
	font-weight: 500;
	margin-bottom: 70px;
	padding-left: 50px;
}

.greeting_ceo h2:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 70px;
	background: #ff6c0e;
}

.greeting_ceo p {
	font-size: 18px;
	color: #333;
	line-height: 180%;
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 50px;
}

.greeting_ceo p.sign {
	display: flex;
	letter-spacing: -1px;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	font-weight: 400;
	line-height: 200%;
}

.greeting_ceo p.sign img {
	width: 107px;
}

.greeting_ceo_img {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 550px;
	margin: 0px 0px;
	text-align: center;
}

.greeting_ceo_img img {
	max-width: 450px;
}

/* 소개 */
.greeting2 {
	font-family: "noto_sans";
	width: 100%;
	text-align: left;
}

.greeting2 h2 {
	font-size: 50px;
	line-height: 70px;
	color: #222;
	font-weight: 500;
	margin-bottom: 70px;
}

.greeting2 h2 span {
	color: #FDC300;
	font-weight: 600;
}

.greeting2 p {
	font-size: 18px;
	color: #333;
	line-height: 180%;
	font-weight: normal;
	margin-bottom: 20px;
}

.greeting2 p b {
	display: block;
	font-size: 25px;
	font-weight: 400;
	line-height: 200%;
}

.greeting2_img {
	width: 100%;
	margin: 50px 0px;
}

.greeting2_img img {
	max-width: 100%;
}


/* 모사답안 처리기준 */
.cheating_ {
	margin-bottom: 30px;
}

.cheating_:first-child {
	margin-top: 30px;
}

.cheating_ ul {
	margin-bottom: 50px;
}

.cheating_ li {
	margin-bottom: 10px;
}

.cheating_ p {
	display: block;
	font-size: 16px;
	color: #666;
	margin-top: 10px;
	line-height: 180%;
	word-break: keep-all;
}

.cheating_ h3 {
	position: relative;
	display: block;
	font-family: "noto_sans";
	font-size: 22px;
	font-weight: 500;
	color: #000 !important;
	padding: 10px 0px 0px 20px;
	margin-bottom: 15px;
}

.cheating_ h3:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 15px;
	width: 10px;
	height: 10px;
	background: #FDC300;
	border-radius: 50%;
}

.sub_content h3 {
	position: relative;
	display: block;
	font-family: "noto_sans";
	font-size: 22px;
	font-weight: 500;
	color: #000 !important;
	padding: 10px 0px 0px 20px;
	margin-bottom: 15px;
}

.sub_content h3:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 15px;
	width: 10px;
	height: 10px;
	background: #FDC300;
	border-radius: 50%;
}

.sub_content ul {
	margin-bottom: 50px;
}

.sub_content ol {
	margin-bottom: 50px;
}

.sub_content li {
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	line-height: 180%;
	word-break: keep-all;
}

.sub_content p {
	font-size: 16px;
	color: #666;
	margin-top: 15px;
	line-height: 180%;
	word-break: keep-all;
}

.sub_content .depth2 li {
	margin: 0px;
}

.sub_content .depth1 table {
	border-top: 1px #dedede solid;
	border-left: 1px #dedede solid;
	margin-top: 10px;
}

.sub_content .depth1 table th {
	border-bottom: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 10px;
	line-height: 22px;
	color: #333333;
	background: #f7f7f7;
	text-align: center;
}

.sub_content .depth1 table td {
	border-bottom: 1px #dedede solid;
	border-right: 1px #dedede solid;
	padding: 10px;
	text-align: center;
}

.sub_content .depth1 table td.tl {
	text-align: left;
}

.sub_content .depth1 table td .fc_red {
	color: #d90000;
}

/* 원격지원 */
.cs_remote1 {
	background: #fbf6f0 url('/html/images/common/support1_1.png') -2% 96% no-repeat;
	padding: 60px;
	margin-bottom: 40px;
	padding-left: 240px;
}

.cs_remote1 h2 {
	font-family: "noto_sans";
	font-size: 40px;
	line-height: 130%;
	font-weight: 600;
	color: #000 !important;
	margin-bottom: 20px;
}

.cs_remote1 h2 span {
	color: #FDC300;
}

.cs_remote1 p {
	font-size: 17px;
	font-weight: normal;
	color: #666;
	line-height: 24px;
}

.cs_remote2 {
	width: 1200px;
	display: inline-block;
	margin-bottom: 10px;
}

.cs_remote2 li {
	float: left;
	width: 360px;
	text-align: center;
	margin: 15px;
	padding: 120px 30px 30px;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	color: #444444;
}

.cs_remote2 li.cs_remote2_1 {
	background: url('/html/images/common/support1_2.png') center 11% no-repeat;
}

.cs_remote2 li.cs_remote2_2 {
	background: url('/html/images/common/support1_3.png') center 11% no-repeat;
}

.cs_remote2 li.cs_remote2_3 {
	background: url('/html/images/common/support1_4.png') center 11% no-repeat;
}

.cs_remote3 {
	width: 1200px;
	display: inline-block;
	background-color: #f4f4f4;
	padding: 50px 0 10px 50px;
	margin-bottom: 50px;
}

.cs_remote3 li {
	text-align: left;
	margin-bottom: 40px;
	padding: 10px 0 0 120px;
	height: 96px;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	color: #444444;
}

.cs_remote3 li h2 {
	text-align: left;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #000000;
}

.cs_remote3 li.cs_remote3_1 {
	background: url('/html/images/common/support1_5.png') 0px 50% no-repeat;
}

.cs_remote3 li.cs_remote3_2 {
	background: url('/html/images/common/support1_6.png') 0px 50% no-repeat;
}

.cs_remote3 li.cs_remote3_3 {
	background: url('/html/images/common/support1_7.png') 0px 50% no-repeat;
}

.cs_remote4 {
	width: 100%;
	border: 1px #dedede solid;
	background: #ffffff;
	padding: 20px 40px;
	display: inline-block;
	line-height: 45px;
	font-size: 15px;
}

.cs_remote4 a.cs_remote4_btn {
	float: right;
	width: 170px;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	background: #FDC300;
	border-radius: 30px;
}


.course_tab {
	display: inline-block;
	width: 100%;
	border-top: 0px #0278be solid;
}

.course_tab li {
	float: left;
	width: 16.1%;
	height: 40px;
	border: none;
	background: none;
	box-sizing: border-box;
}

.course_tab li a {
	display: block;
	font-size: 14px;
	text-align: center;
	color: #464646;
}

.course_tab li a.line2 {
	line-height: 17px;
	padding: 6px 0px;
}

.course_tab li.on {
	border: none;
	background: none;
	color: #ffffff;
	font-weight: bold;
}

.course_tab li.on a {
	color: #ffffff;
}

.exam_question h6 {
	background-color: white;
	font-size: 15px;
	color: #000;
	font-weight: bold;
	line-height: 20px;
	padding: 9px 14px;
	border-bottom: 1px solid black
}

/* 2019-04-15 common */
.tc {
	text-align: center;
}

.mt50 {
	margin-top: 50px;
}

/* 결제페이지 할인 숨김*/
.col-coupon {}

/* 2019-05-16 추가 */
.txt_noti {
	padding-left: 27px;
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
	background: url(../images/common/txt_noti.png) 0 0 no-repeat;
	line-height: 20px;
	color: #111;
}

.txt_noti span {
	color: #ff7607;
}


/* 오시는길 */
#location {
	width: 100%;
	margin-bottom: 50px;
}

#location .map-info {
	padding: 3.5% 5%;
	border: 1px solid #ddd;
}

#location .map-info {
	overflow: hidden;
}

#location .map-info h3 {
	float: left;
	padding-right: 40px;
	font-weight: 600;
	font-size: 24px;
	color: #333;
}

#location .map-info .row {
	margin-right: 0;
}

#location .row li {
	position: relative;
	width: 100%;
	padding-left: 117px;
	box-sizing: border-box;
	font-weight: 400;
	font-size: 16px;
	line-height: 34px;
	list-style: none;
}

#location .row li strong {
	position: absolute;
	left: 0;
	font-weight: 600;
	font-size: 16px;
	color: #333;
	vertical-align: middle;
	letter-spacing: 0
}

#location .row li a {
	color: #666;
}

#location p {
	margin-top: 10px;
	font-size: 15px;
	color: #333;
	text-align: right;
}

#location .map .root_daum_roughmap {
	width: 100% !important;
}

#location .map .root_daum_roughmap .wrap_controllers {
	display: none !important;
}

#location .mapBtn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: block;
	width: 140px;
	height: 45px;
	background-color: #fff;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #666;
	line-height: 45px;
	text-align: center;
	box-sizing: border-box;
	font-weight: 300;
	z-index: 9999;
}

#location .mapBtn:before {
	display: none;
	content: '';
	width: 14px;
	height: 14px;
	margin-right: 10px;
	background-image: url(../../images/sub/blit_map.gif);
	background-position: 0;
	background-repeat: no-repeat;
	background-size: 100%;
	vertical-align: middle;
}

#location .map {
	position: relative;
}


.type_grid {}

.type_grid .list_grid {
	overflow: hidden;
	border-bottom: 1px solid #d3d3d3;
	margin-left: -22px
}

.type_grid .list_grid li {
	width: 220px;
	float: left;
	margin: 15px 0 25px 23px;
	height: 370px;
	text-align: left;
}

.type_grid .list_grid li .grid_text {
	padding: 0 0 0 0;
}

.type_grid .list_grid li .grid_img {
	width: 220px;
	height: 260px;
	border: 1px solid #d3d3d3;
	margin-right: 0px;
	overflow: hidden;
}

.type_grid .list_grid li .grid_img img {
	width: 100%;
	height: 100%
}

.type_grid .list_grid li .grid_title a {
	display: block;
	padding: 15px 0 10px 0;
	font-size: 15px;
	line-height: 20px;
	color: #222222;
	font-weight: bold;
}

.type_grid .list_grid li .grid_author {
	margin-top: 2px;
	font-size: 13px;
	line-height: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.type_grid .list_grid li .grid_price {
	color: #e2450e;
	font-weight: bold;
	font-size: 15px;
	display: block;
	margin: 5px 0 10px 0;
}

.type_grid .list_grid li.nodata {
	float: none;
	width: 830px;
	margin: 0 0 0 20px;
	padding: 0;
	border: 0;
	text-align: center;
	height: 200px;
	line-height: 200px;
	font-size: 18px;
}

#container .type_grid .list_grid {
	margin-left: -10px;
}

#container .type_grid .list_grid li {
	margin-left: 30px;
}

.market_list {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	padding-left: 10px;
	margin-top: 20px;
}

.market_list .item {
	position: relative;
	width: calc((100% - 90px) / 4);
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 10px;
}

.market_list .item:nth-child(4n) {
	margin-right: 0;
}

.market_list .item .img_box {
	position: relative;
	border-bottom: 1px solid #ddd;
}

.market_list .item .img_box>img {
	width: 100%;
	aspect-ratio: 1/1;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 10px 10px 0 0;
}

.market_list .item .con_box {
	position: relative;
	padding: 30px 30px 35px;
}

.market_list .item .con_box h4 {
	font-size: 1.176rem;
	color: #222;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: -0.7pt;
	word-break: keep-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	overflow: hidden;
	height: 3rem;
}

.market_list .item .con_box .price {
	margin: 22px 0 0;
}

.market_list .nodata {
	width: 100%;
	line-height: 200px;
	height: 200px;
	font-size: 18px;
	border-radius: 10px;
	border: 1px #dedede solid;
	background: #fff;
	text-align: center;
}

.i_label {
	position: absolute;
	top: 15px;
	left: -12px;
	background-color: #FDC300;
	min-width: 90px;
	padding: 0 15px;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	z-index: 10;
	color: #fff;
	font-style: normal;
	text-align: center;
	font-size: 15px;
	letter-spacing: -0.5pt;
	font-weight: bold;
	border-radius: 0 50px 50px 0;
}

.i_label>.svg {
	width: inherit;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 0;
}

.i_label>.label_b {
	width: 12px;
	position: absolute;
	top: 1px;
	left: 0;
	transform: scaleX(-1);
}

.book_infomation .info_img {
	width: 400px;
}

.book_infomation .info_img img {
	width: 100%;
	height: auto;
}

.book_infomation .info_text {
	width: calc(100% - 440px);
}



/* nodata 스타일 */
.course_gallery li.nodata {
	float: none;
	width: 1200px !important;
	line-height: 200px;
	height: 200px;
	font-size: 18px;
	margin: 0px !important;
	padding: 0px !important;
	border: 0;
	border-radius: 10px !important;
	border: 1px #dedede solid !important;
	background: #fff;
	text-align: center;
}

.type_chart .list_li tr td.top_td.nodata {
	width: 1200px !important;
	line-height: 200px;
	height: 200px;
	font-size: 18px;
	margin: 0px !important;
	padding: 0px !important;
	border: 0;
	border-radius: 10px !important;
	border: 1px #dedede solid !important;
	text-align: center;
}

/* 수강신청 하단 수강후기 */
.course_review {
	width: 100%;
	display: inline-block;
}

.course_review .course_review_list {
	width: 99%;
	margin: 0.5%;
	display: inline-block;
}

.course_review .course_review_list li {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 25px 40px;
	border-radius: 10px;
	background: #fff;
	margin-bottom: 20px;
	box-shadow: 0px 0px 5px #ddd;
	box-sizing: border-box;
}

.course_review .course_review_list li.nodata {
	text-align: center;
}

.creview_writer {
	font-family: "noto_sans";
	font-size: 15px;
	font-weight: 500;
	color: #000;
	margin-bottom: 10px;
}

.creview_reg_date {
	font-size: 14px;
	font-weight: 300;
	color: #999999;
	margin-left: 10px;
}

.creview_star {
	position: absolute;
	right: 40px;
	top: 25px;
}

.creview_subject {
	font-family: "noto_sans";
	font-size: 16px;
	line-height: 26px;
	color: #000;
	word-break: keep-all;
}

.creview_item {
	font-size: 15px;
	line-height: 130%;
	color: #666;
	word-break: keep-all;
}



.intro1 {
	width: 100%;
	min-height: 920px;
	padding: 0;
	box-sizing: border-box;
}

.intro1_cont {
	width: 100%;
}

.intro1_cont h2 {
	font-family: "noto_sans";
	width: 100%;
	border: 8px #467fd7 solid;
	font-size: 24px;
	line-height: 150%;
	font-weight: 500;
	color: #000;
	padding: 35px 35px 35px 110px;
	box-sizing: border-box;
	margin-top: 50px;
}

.intro1_cont h2 em {
	color: #467fd7;
}

.intro1_cont p {
	font-size: 17px;
	line-height: 150%;
	color: #000;
	padding: 15px 0px 15px 0;
	box-sizing: border-box;
	;
}

.edu1 {
	width: 100%;
	text-align: center;
	border: none;
	overflow: visible;
	margin: 80px 0px 0px 0px;
}

.edu1_cont {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-family: "noto_sans";
	box-sizing: border-box;
	transform: translateY(-65px);
}

.edu1_cont li {
	position: relative;
	width: 100%;
	padding: 160px 20px 0px 20px;
	box-sizing: border-box;
	margin: 0px;
}

.edu1_cont li::before {
	content: '';
	position: absolute;
	right: 0px;
	top: 55px;
	transform: translateX(5px);
	width: 10px;
	height: 20px;
	background: url('../images/common/edu1_arrow.png') 50% 50% no-repeat;
}

.edu1_cont li:last-child::before {
	display: none;
}

.edu1_cont li span {
	position: absolute;
	left: 50%;
	top: 0%;
	transform: translateX(-50%);
	width: 130px;
	height: 130px;
	border-radius: 50%;
	background-color: #467fd7;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.edu1_cont li h2 {
	font-size: 18px;
	line-height: 100%;
	color: #000;
	font-weight: 500;
	margin-bottom: 10px;
}

.edu1_cont li p {
	font-size: 15px;
	color: #666;
	line-height: 150%;
	font-weight: normal;
	word-break: keep-all;
}

.edu1_cont li span.edu1_1 {
	background-image: url('../images/common/edu1_1.png');
}

.edu1_cont li span.edu1_2 {
	background-image: url('../images/common/edu1_2.png');
}

.edu1_cont li span.edu1_3 {
	background-image: url('../images/common/edu1_3.png');
}

.edu1_cont li span.edu1_4 {
	background-image: url('../images/common/edu1_4.png');
}

.edu1_cont li span.edu1_5 {
	background-image: url('../images/common/edu1_5.png');
}

.edu2 {
	width: 100%;
	text-align: center;
}

.edu2_cont {
	width: 100%;
	text-align: center;
	font-family: "noto_sans";
	margin-bottom: 80px;
}

.edu2_cont h2 {
	font-size: 30px;
	line-height: 120%;
	color: #467fd7;
	font-weight: 500;
	margin-bottom: 30px;
}

.edu2_cont h2 b {
	font-weight: 600;
}

.edu2_cont h2 span {
	color: #FDC300;
	font-weight: 600;
}

.edu2_cont p {
	font-size: 17px;
	color: #333;
	line-height: 150%;
	font-weight: normal;
}

.edu_tbl {
	width: 100%;
	max-width: 900px;
	margin: 40px auto;
}

.edu_tbl th {
	font-size: 16px;
	line-height: 25px;
	border-bottom: 3px #fff solid;
	padding: 10px;
	color: #fff;
	background: #054499;
	text-align: center;
}

.edu_tbl td {
	font-size: 16px;
	line-height: 25px;
	border-bottom: 3px #fff solid;
	border-right: 3px #fff solid;
	background: #e2ebfa;
	color: #054499;
	padding: 10px;
	text-align: center;
	word-break: keep-all;
}

.edu_tbl td:last-child {
	border-right: none;
}

.edu_tbl td.bg {
	background: #f2f2f2;
	color: #000;
}

.edu_tbl td em {
	color: #000;
}


.edu3 {
	position: relative;
	width: 100%;
	text-align: left;
	font-family: "noto_sans";
	margin-bottom: 50px;
	padding-left: 360px;
	box-sizing: border-box;
}

.edu3 h2 {
	position: absolute;
	left: 100px;
	top: 0px;
	width: 260px;
	;
	font-size: 50px;
	line-height: 120%;
	color: #000;
	font-weight: 600;
}

.edu3_cont {
	border-left: 1px #ddd solid;
	padding-left: 40px;
	box-sizing: border-box;
}

.edu3_cont p {
	font-size: 17px;
	color: #333;
	line-height: 150%;
	font-weight: normal;
	margin-bottom: 30px;
}

.schedule_title h2 strong {
	color: #FDC300;
}

table.tbl_schedule tr>td a.btn_state1 {
	background-color: #FDC300;
}


.teacher_list {
	display: flex;
	flex-wrap: wrap;
}

.teacher_list .item {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.teacher_list .item:nth-child(4n) {
	margin-right: 0;
}

.teacher_list .item .img_box {
	border-radius: 100%;
	overflow: hidden;
	border: 1px solid #ddd;
}

.teacher_list .item .img_box img {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.teacher_list .item .con_box {
	margin: 25px 0 0;
}

.teacher_list .item .con_box p {
	letter-spacing: -0.5pt;
	line-height: 1.4;
	margin: 0 0 4px;
}

.teacher_list .item .con_box h4 {
	font-size: 1.412rem;
	font-weight: 500;
	color: #222;
	letter-spacing: -0.7pt;
	line-height: 1.2;
}

.teacher_list dl {
	width: calc((100% - 90px) / 4);
	margin-right: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.teacher_list dl:nth-child(4n) {
	margin-right: 0;
}

.teacher_list dl dt {
	border-radius: 100%;
	overflow: hidden;
	border: 1px solid #ddd;
}

.teacher_list dl dt img {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.teacher_list dl dd {
	margin: 25px 0 0;
}

.teacher_list dl dd p {
	letter-spacing: -0.5pt;
	line-height: 1.4;
	margin: 0 0 4px;
}

.teacher_list dl dd h4 {
	font-size: 1.412rem;
	font-weight: 500;
	color: #222;
	letter-spacing: -0.7pt;
	line-height: 1.2;
}


.view_table {}

.view_table .photo_list {
	border-top: 0;
}

.view_table .table_in {
	display: flex;
	width: 100%;
	vertical-align: middle;
}

.view_table .table_in .imgCont {
	display: block;
	width: 390px;
	vertical-align: top;
}

.view_table .table_in .imgCont img {
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 20px;
	overflow: hidden;
}

.view_table .table_in .txtCont {
	position: relative;
	display: block;
	width: calc(100% - 390px);
	vertical-align: middle;
	padding-left: 60px;
	padding-bottom: 100px;
}

.view_table .table_in .txtCont>p {
	font-size: 1.176rem;
	letter-spacing: -0.6pt;
	line-height: 1.3;
}

.view_table .table_in .txtCont>h4 {
	font-size: 1.765rem;
	color: #222;
	letter-spacing: -0.7pt;
	line-height: 1;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 30px;
	margin: 0 0 30px;
}

.view_table .table_in .txtCont .info {}

.view_table .table_in .txtCont .info dl {
	display: flex;
	width: 100%;
	margin: 0 0 7px;
}

.view_table .table_in .txtCont .info dl dt {
	display: block;
	width: 80px;
	vertical-align: top;
	line-height: 1.8;
	color: #222;
	font-weight: 400;
	letter-spacing: -0.5pt;
}

.view_table .table_in .txtCont .info dl dd {
	display: block;
	width: calc(100% - 80px);
	vertical-align: top;
	line-height: 1.8;
	letter-spacing: -0.5pt;
}

.view_table .table_in .txtCont .info dl dd p {
	line-height: inherit;
	letter-spacing: inherit;
}

.view_table .table_in .txtCont .info dl dd img {
	max-width: 100%;
	height: auto;
}

.view_table .table_in .txtCont .list_btn {
	width: 120px;
	height: 52px;
	line-height: 50px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 15px;
	letter-spacing: -0.6pt;
	border: 1px solid #ddd;
	border-radius: 50px;
	font-weight: 400;
	background: #fff;
}

.process_tit {
	border-radius: 20px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	line-height: 50px;
	padding: 0 25px;
	font-size: 1.176em;
	color: #222;
	font-weight: 500;
	letter-spacing: -0.7pt;
	margin: 50px 0 30px;
}

.list_bgColor {
	background-color: #a2bfeb;
}

/* ===== 기관 소개 (intro01) ===== */
.intro_about .about_header {
	text-align: center;
	padding: 60px 0 35px;
}

.intro_about .header_logo {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
}

.intro_about .header_logo img {
	height: 38px;
	width: auto;
}

.intro_about .header_logo strong {
	font-size: 26px;
	color: #111;
	font-weight: 700;
	letter-spacing: -0.5px;
}

.intro_about .header_headline {
	font-size: 28px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
	letter-spacing: -1px;
}

.intro_about .header_headline span {
	color: #F26522;
	font-weight: 800;
}

.intro_about .header_desc {
	font-size: 15px;
	color: #666;
	line-height: 1.75;
	font-weight: 400;
	letter-spacing: -0.3px;
}

.intro_about .about_venn {
	display: flex;
	justify-content: center;
	padding: 50px 0 45px;
}

.intro_about .venn_wrap {
	background: #fff;
	position: relative;
	width: 440px;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro_about .venn_circle {
	width: 250px;
	height: 250px;
	border-radius: 50%;
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
	mix-blend-mode: multiply;
}

.intro_about .venn_circle_left {
	background: #1d62d6;
	left: 0;
	z-index: 2;
	padding: 30px 45px 30px 25px;
}

.intro_about .venn_circle_right {
	background: #eab208;
	right: 0;
	z-index: 1;
	padding: 30px 25px 30px 45px;
}

.intro_about .venn_circle_right strong {
	color: #564600;
}

.intro_about .venn_circle_right li {
	color: #564600;
}

.intro_about .venn_circle_left::before {
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
	background-image: url("/html/images/intro/icon_circle1.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.intro_about .venn_circle_right::before {
	content: '';
	display: block;
	width: 44px;
	height: 44px;
	margin-bottom: 12px;
	background-image: url("/html/images/intro/icon_circle2.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.intro_about .venn_circle strong {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	display: block;
	letter-spacing: -0.5px;
}

.intro_about .venn_circle ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.intro_about .venn_circle li {
	font-size: 13.5px;
	line-height: 1.6;
	font-weight: 400;
	opacity: 0.95;
	letter-spacing: -0.3px;
}

.intro_about .about_body {
	font-size: 15px;
	color: #444;
	line-height: 1.8;
	text-align: center;
	max-width: 820px;
	margin: 0 auto 60px;
	padding: 0 20px;
	letter-spacing: -0.3px;
}

/* 하단 회색 라운드 박스 */
.intro_about .about_content_box {
	background: #fcfcfc;
	border: 1px solid #ededed;
	border-radius: 16px;
	padding: 60px 40px 50px;
	position: relative;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.01);
}

/* 구분선 뱃지 오버랩 디자인 */
.intro_about .about_divider {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	border: 1px solid #ededed;
	border-radius: 30px;
	padding: 6px 20px;
	margin: 0;
	z-index: 10;
}

.intro_about .divider_text {
	font-size: 10.5px;
	font-weight: 700;
	color: #b0b5be;
	letter-spacing: 2px;
	margin: 0;
	vertical-align: middle;
	font-family: 'Montserrat', sans-serif;
}

.intro_about .about_vision {
	text-align: center;
	padding-bottom: 50px;
}

.intro_about .vision_title {
	font-size: 26px;
	font-weight: 700;
	color: #111;
	margin-bottom: 40px;
	letter-spacing: -0.5px;
}

.intro_about .vision_list {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	max-width: 100%;
	margin: 0 auto;
}

.intro_about .vision_card {
	width: 25%;
	text-align: left;
}

.intro_about .vision_card_img {
	position: relative;
	overflow: hidden;
	height: 180px;
	border-radius: 12px;
}

.intro_about .vision_card_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.intro_about .vision_card_num {
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 28px;
	font-weight: 800;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	line-height: 1;
	z-index: 5;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.intro_about .vision_card_body {
	padding: 18px 0 0;
}

.intro_about .vision_card_body strong {
	display: block;
	font-size: 18px;
	color: #111;
	font-weight: 700;
	margin-bottom: 10px;
	letter-spacing: -0.5px;
}

.intro_about .vision_card_body p {
	font-size: 13.5px;
	color: #666;
	line-height: 1.65;
	margin: 0;
	letter-spacing: -0.3px;
	word-break: keep-all;
}

.intro_about .about_icons {
	padding: 40px 0 10px;
	border-top: 1px dashed #e2e8f0;
}

.intro_about .icons_list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.intro_about .icons_item {
	text-align: center;
	flex: 1;
	padding: 0 5px;
}

.intro_about .icons_circle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #ffcc00;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.intro_about .icons_circle img {
	width: 42px;
	height: 42px;
}

.intro_about .icons_divider {
	width: 1px;
	height: 60px;
	background: #ededed;
	margin: 0;
}

.intro_about .icons_text {
	font-size: 13.5px;
	color: #333;
	line-height: 1.5;
	margin: 16px 0 0;
	font-weight: 500;
	letter-spacing: -0.3px;
}

/* ===== 연혁 (intro02) ===== */
.intro_history {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0 100px;
}

/* 상단 타이틀 영역 */
.intro_history .history_header {
	text-align: center;
	margin-bottom: 40px;
}

.intro_history .history_title {
	font-size: 32px;
	font-weight: 700;
	color: #111;
	margin-bottom: 8px;
	letter-spacing: -0.5px;
}

.intro_history .history_subtitle {
	font-size: 13px;
	font-weight: 600;
	color: #aaa;
	letter-spacing: 3px;
	font-family: 'Montserrat', sans-serif;
}

/* 탭 버튼 영역 */
.intro_history .history_tabs {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-bottom: 70px;
}

.intro_history .tab_btn {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #222;
	font-size: 13px;
	font-weight: 600;
	padding: 8px 20px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.intro_history .tab_btn.active {
	background: #ffcc00;
	border-color: #ffcc00;
	color: #111;
}

.intro_history .tab_btn:hover:not(.active) {
	background: #f7f7f7;
	border-color: #b3b3b3;
}

/* 연혁 본문 컨테이너 */
.intro_history .history_wrap {
	position: relative;
	width: 100%;
}

.intro_history .history-box {
	width: 100%;
}

.intro_history .history-box>ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* 연도별 li.cf */
.intro_history .history-box>ul>li {
	display: flex;
	padding: 60px 0;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
}

.intro_history .history-box>ul>li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.intro_history .history-box>ul>li:first-child {
	padding-top: 0;
}

/* 왼쪽 연도 표시 */
.intro_history .year {
	width: 220px;
	font-size: 56px;
	font-weight: 800;
	color: #111;
	line-height: 1;
	letter-spacing: 12px;
	/* 자간이 넓게 띄워진 느낌 극대화 */
	font-family: 'Montserrat', sans-serif;
	flex-shrink: 0;
	padding-top: 2px;
}

/* 오른쪽 월별 리스트 */
.intro_history .history-box>ul>li>ul {
	list-style: none;
	padding: 0 0 0 35px;
	/* 세로선과 월 텍스트 사이의 여백 */
	margin: 0;
	border-left: 2px solid #ededed;
	/* 세로 타임라인 선 */
	position: relative;
	flex-grow: 1;
}

/* 각 월별 li */
.intro_history .history-box>ul>li>ul>li {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 35px;
}

.intro_history .history-box>ul>li>ul>li:last-child {
	margin-bottom: 0;
}

/* 월 불릿 포인트 디자인 */
.intro_history .history-box>ul>li>ul>li::before {
	content: '';
	position: absolute;
	left: -40px;
	/* border-left 세로 타임라인 선 중앙에 얹기 (ul 패딩 35px + 선 두께 2px 절반 보정) */
	border-radius: 50%;
	box-sizing: border-box;
}

/* 기본 월 불릿: 작은 회색 꽉 찬 원 */
.intro_history .history-box>ul>li>ul>li::before {
	width: 8px;
	height: 8px;
	background: #bbb;
	top: 8px;
	/* 텍스트 시작 높이 기준 정렬 */
	transform: translateX(-3px);
	/* 정렬 세부 보정 */
}

/* 연도별 첫 번째 월 불릿: 오렌지색 빈 원 */
.intro_history .history-box>ul>li>ul>li:first-child::before {
	width: 12px;
	height: 12px;
	background: #fff;
	border: 2px solid #ff5d2a;
	top: 6px;
	transform: translateX(-5px);
}

/* 월 텍스트 */
.intro_history .history-box>ul>li>ul>li strong {
	width: 70px;
	font-size: 17px;
	color: #ff5d2a;
	/* 주황색 강조 */
	font-weight: 700;
	flex-shrink: 0;
	line-height: 1.5;
	font-family: 'noto_sans', sans-serif;
	letter-spacing: -0.5px;
}

/* 설명 텍스트 */
.intro_history .history-box>ul>li>ul>li span {
	font-size: 15px;
	color: #333;
	line-height: 1.65;
	font-weight: 400;
	letter-spacing: -0.5px;
	word-break: keep-all;
}

/* ===== 오시는 길 (intro05) ===== */
.intro_location {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0 100px;
}

/* 상단 타이틀 영역 */
.intro_location .location_header {
	text-align: center;
	margin-bottom: 40px;
}

.intro_location .location_title {
	font-size: 32px;
	font-weight: 700;
	color: #111;
	margin-bottom: 8px;
	letter-spacing: -0.5px;
}

.intro_location .location_subtitle {
	font-size: 13px;
	font-weight: 600;
	color: #aaa;
	letter-spacing: 3px;
	font-family: 'Montserrat', sans-serif;
}

/* 지도 영역 */
.intro_location .location_map_box {
	width: 100%;
	height: 520px;
	background: #e9e9e9;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
	overflow: hidden;
	/* iframe 모서리 둥글기 적용을 위해 추가 */
}

/* 하단 주소 정보 바 */
.intro_location .location_info_bar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
	margin-top: 20px;
}

.intro_location .info_left {
	display: flex;
	align-items: center;
	gap: 20px;
}

.intro_location .info_icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.intro_location .info_icon img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}

.intro_location .info_text {
	text-align: left;
}

.intro_location .info_text strong {
	display: block;
	font-size: 18px;
	color: #111;
	font-weight: 700;
	margin-bottom: 6px;
	letter-spacing: -0.5px;
}

.intro_location .info_text p {
	font-size: 15px;
	color: #555;
	margin: 0;
	letter-spacing: -0.5px;
}

/* 길찾기 버튼 그룹 */
.intro_location .info_right {
	display: flex;
	gap: 8px;
}

.intro_location .btn_road {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	padding: 14px 40px;
	border-radius: 4px;
	text-decoration: none;
	text-align: center;
	transition: all 0.2s ease;
	letter-spacing: -0.5px;
}

.intro_location .btn_kakao {
	background: #ffcc00;
	color: #111;
}

.intro_location .btn_kakao:hover {
	background: #ffb700;
}

.intro_location .btn_naver {
	background: #3c4555;
	color: #fff;
}

.intro_location .btn_naver:hover {
	background: #2f3744;
}

/* ==========================================================================
   사업주지원훈련 안내 (greeting.html) 시안 맞춤형 스타일
   ========================================================================== */

.greeting_content {
	padding-top: 20px;
}

/* 개별 섹션 간격 */
.greeting_content .greeting_section {
	margin-bottom: 50px;
	text-align: left;
}

/* 타이틀 주황색 동그라미 불릿 */
.greeting_content .stitle {
	position: relative;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	padding-left: 20px;
	margin-bottom: 15px;
	line-height: 1.3;
	border-bottom: none;
	background: none;
}

.greeting_content .stitle::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	background-color: #ff9d00;
	border-radius: 50%;
}

/* 설명 텍스트 */
.greeting_content .scont {
	padding-left: 20px;
}

.greeting_content .scont p {
	font-family: "Noto Sans KR", sans-serif;
	font-size: 15px;
	line-height: 1.7;
	color: #333;
	margin: 0;
	text-align: left;
	letter-spacing: -0.03em;
}

/* 환급절차 다이어그램 박스 */
.greeting_content .process_diagram_box {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin: 25px 0;
}

.greeting_content .box2 {
	width: 660px;
	height: 255px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

/* 환급절차 설명 리스트 */
.greeting_content .process_text_list {
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: left;
}

.greeting_content .process_text_list li {
	font-family: "Noto Sans KR", sans-serif;
	font-size: 14.5px;
	line-height: 1.8;
	color: #555;
	margin-bottom: 6px;
	letter-spacing: -0.03em;
}

/* 기업별 환급 지원금 테이블 */
.greeting_content .limit_table_box {
	width: 100%;
	margin-top: 15px;
}

.greeting_content .owner_limit_table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}

.greeting_content .owner_limit_table th,
.greeting_content .owner_limit_table td {
	border: 1px solid #e0e0e0;
	padding: 18px 24px;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 14.5px;
	line-height: 1.6;
	color: #333;
	text-align: left;
	letter-spacing: -0.03em;
}

.greeting_content .owner_limit_table th {
	background-color: #f5f5f5;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}

.greeting_content .owner_limit_table td .table_note {
	display: block;
	font-size: 13.5px;
	color: #666;
	margin-top: 4px;
}

/* 사업주지원훈련 절차 (greeting2.html) */
.greeting2_title {
	position: relative;
	padding-left: 18px;
	font-weight: 700;
}

.greeting2_title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.greeting2_content .step_group {
	margin-bottom: 50px;
}

.greeting2_content .group_title {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin: 30px 0 30px 0;
	position: relative;
}

.greeting2_content .group_title::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #eeeeee;
	z-index: 1;
}

.greeting2_content .group_title span {
	position: relative;
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
	z-index: 2;
	color: #333;
}

.greeting2_content .group_title span::before,
.greeting2_content .group_title span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background-color: #FDC300;
	border-radius: 50%;
}

.greeting2_content .group_title span::before {
	left: 5px;
}

.greeting2_content .group_title span::after {
	right: 5px;
}

.greeting2_content .step_cards {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.greeting2_content .card {
	background: #fdfdfd;
	border: 1px solid #f2f2f2;
	border-radius: 12px;
	padding: 40px 20px 20px 20px;
	min-height: 220px;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.02);
	background: #F7F7F7;
	flex: 1;
}

.greeting2_content .step_badge {
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #FDC300;
	color: #111;
	font-weight: 800;
	font-size: 13px;
	padding: 4px 10px;
	border-radius: 4px;
}

.greeting2_content .card h4 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 15px 0;
	color: #111;
}

.greeting2_content .card p {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 15px;
}

.greeting2_content .card p.desc {
	color: #555;
	margin-bottom: 5px;
}

.greeting2_content .card p.note {
	font-size: 12px;
	color: #888;
}

.greeting2_content .arrow {
	width: 12px;
	height: 12px;
	border-top: 2px solid #FDC300;
	border-right: 2px solid #FDC300;
	transform: rotate(45deg);
	margin: 0 20px;
	flex-shrink: 0;
}

.greeting2_content .owner_noti_new {
	margin-top: 40px;
	padding-top: 20px;
}

.greeting2_content .owner_noti_new ol {
	list-style: decimal;
	padding-left: 15px;
	font-size: 14px;
	color: #666;
	line-height: 1.7;
}

.greeting2_content .owner_noti_new ol li {
	margin-bottom: 5px;
}

/* 수강생 유의사항 (greeting4.html) */
.greeting4_content {
	margin-top: 30px;
}

.greeting4_content .noti_section {
	margin-bottom: 50px;
}

.greeting4_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.greeting4_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.greeting4_content .noti_text {
	padding-left: 20px;
}

.greeting4_content .num_list {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}

.greeting4_content .num_list li {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
	margin-bottom: 5px;
}

.greeting4_content .dash_list {
	font-size: 14.5px;
	color: #555;
	line-height: 1.6;
}

.greeting4_content p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.greeting4_content .mt15 {
	margin-top: 15px;
}

/* 모사답안처리기준 (greeting5.html) */
.greeting5_content {
	margin-top: 30px;
}

.greeting5_content .noti_section {
	margin-bottom: 50px;
}

.greeting5_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.greeting5_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.greeting5_content .noti_text {
	padding-left: 20px;
}

.greeting5_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.greeting5_content .dash_list {
	color: #555 !important;
}

.greeting5_content .note_text {
	font-size: 13px !important;
	color: #777 !important;
}

.greeting5_content .mt15 {
	margin-top: 15px;
}

.greeting5_content .process_flow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

.greeting5_content .flow_box {
	background-color: #F9F9F9;
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	padding: 30px 10px;
	text-align: center;
	font-size: 14.5px;
	color: #333;
	line-height: 1.5;
	flex: 1;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.01);
}

.greeting5_content .flow_plus {
	width: 20px;
	height: 20px;
	background-color: #FDC300;
	border-radius: 50%;
	position: relative;
	flex-shrink: 0;
	margin: 0 10px;
}

.greeting5_content .flow_plus::before,
.greeting5_content .flow_plus::after {
	content: '';
	position: absolute;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.greeting5_content .flow_plus::before {
	width: 10px;
	height: 2px;
}

.greeting5_content .flow_plus::after {
	width: 2px;
	height: 10px;
}

/* 국민내일배움카드란? (worker01.html) */
.worker01_content {
	margin-top: 30px;
}

.worker01_content .noti_section {
	margin-bottom: 50px;
}

.worker01_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.worker01_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.worker01_content .noti_text {
	padding-left: 20px;
}

.worker01_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.worker01_content .dash_list {
	line-height: 1.8;
	color: #555;
}

.worker01_content .note_text {
	font-size: 13px !important;
	color: #777 !important;
}

.worker01_content .mt10 {
	margin-top: 10px;
}

.worker01_content .mt15 {
	margin-top: 15px;
}

.worker01_content .mt30 {
	margin-top: 30px;
}

.worker01_content .mt40 {
	margin-top: 40px;
}

.worker01_content .gray_box {
	background-color: #f8f8f8;
	border: 1px solid #eee;
	border-radius: 8px;
	padding: 30px;
	margin-top: 20px;
}

.worker01_content .step_row {
	display: flex;
	margin-bottom: 30px;
}

.worker01_content .step_row:last-child {
	margin-bottom: 0;
}

.worker01_content .step_num {
	font-size: 20px;
	font-weight: 700;
	color: #3f72df;
	margin-right: 15px;
	line-height: 1.3;
}

.worker01_content .step_desc {
	flex: 1;
}

.worker01_content .step_desc>strong {
	display: block;
	font-size: 16px;
	color: #111;
	margin-bottom: 5px;
}

.worker01_content .step_desc p {
	font-size: 14px;
	color: #555;
	margin-bottom: 10px;
}

.worker01_content .img_wrap {
	margin-top: 15px;
}

.worker01_content .img_wrap img {
	max-width: 100%;
}

.worker01_content .step_notice {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #ddd;
}

.worker01_content .step_notice p {
	font-size: 13px;
	color: #777;
	margin-bottom: 5px;
}

.worker01_content .blue_txt {
	color: #3f72df !important;
	font-size: 15px !important;
}

/* worker01.html extracted inline styles */
.worker01_path_hide {
	display: none !important;
}

.worker01_content .txt_red {
	color: red;
}

.worker01_content .align_left {
	text-align: left;
}

/* worker02.html */
.worker02_path_hide {
	display: none !important;
}

.worker02_content {
	margin-top: 30px;
}

.worker02_content .noti_section {
	margin-bottom: 50px;
}

.worker02_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.worker02_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.worker02_content .noti_text {
	padding-left: 20px;
}

.worker02_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.worker02_content .link_blue {
	color: #3f72df;
	text-decoration: underline;
}

.worker02_content .txt_red {
	color: red;
}

.worker02_content .mt15 {
	margin-top: 15px;
}

.worker02_content .mt20 {
	margin-top: 20px;
}

.worker02_content .mt30 {
	margin-top: 30px;
}

.worker02_content .mt50 {
	margin-top: 50px;
}

.worker02_content .txt_center {
	text-align: center;
}

.worker02_content .flow_list {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-left: 20px;
	text-align: center;
}

.worker02_content .flow_item {
	width: 140px;
}

.worker02_content .flow_item .icon_box {
	width: 100px;
	height: 100px;
	background-color: #f2f2f2;
	border-radius: 50%;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.worker02_content .flow_item p {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
}

.worker02_content .flow_arrow {
	width: 30px;
	height: 100px;
	position: relative;
	margin: 0 10px;
}

.worker02_content .flow_arrow::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
	width: 10px;
	height: 10px;
	border-top: 2px solid #999;
	border-right: 2px solid #999;
}

.worker02_content .flow_list_4 {
	justify-content: flex-start;
}

.worker02_content .flow_list_4 .flow_item {
	width: 160px;
}

.worker02_content .flow_list_4 .flow_arrow {
	width: 60px;
}

.worker02_content .tbl_basic {
	width: 100%;
	border-top: 2px solid #666;
	border-bottom: 1px solid #ddd;
	border-collapse: collapse;
}

.worker02_content .tbl_basic th {
	background-color: #666;
	color: #fff;
	font-weight: 500;
	padding: 12px 0;
	text-align: center;
	border-right: 1px solid #777;
}

.worker02_content .tbl_basic th:last-child {
	border-right: none;
}

.worker02_content .tbl_basic td {
	padding: 12px 0;
	text-align: center;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #333;
	font-size: 14px;
}

.worker02_content .tbl_basic td:last-child {
	border-right: none;
}

.worker02_content .tbl_basic td.bg_gray {
	background-color: #f9f9f9;
}

.worker02_content .dash_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.worker02_content .dash_list li {
	position: relative;
	padding-left: 10px;
	font-size: 14px;
	color: #555;
	line-height: 1.8;
}

.worker02_content .dash_list li::before {
	content: '-';
	position: absolute;
	left: 0;
	top: 0;
}

/* worker04.html */
.worker04_path_hide {
	display: none !important;
}

.worker04_content {
	margin-top: 30px;
}

.worker04_content .noti_section {
	margin-bottom: 50px;
}

.worker04_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.worker04_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.worker04_content .noti_text {
	padding-left: 20px;
}

.worker04_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.worker04_content .mt15 {
	margin-top: 15px;
}

.worker04_content .mt20 {
	margin-top: 20px;
}

.worker04_content .mt50 {
	margin-top: 50px;
}

.worker04_content .tbl_basic {
	width: 100%;
	border-top: 2px solid #666;
	border-bottom: 1px solid #ddd;
	border-collapse: collapse;
}

.worker04_content .tbl_basic th {
	background-color: #777;
	color: #fff;
	font-weight: 500;
	padding: 12px 0;
	text-align: center;
	border-right: 1px solid #888;
}

.worker04_content .tbl_basic th:last-child {
	border-right: none;
}

.worker04_content .tbl_basic td {
	padding: 15px 10px;
	text-align: center;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}

.worker04_content .tbl_basic td:last-child {
	border-right: none;
}

.worker04_content .txt_left {
	text-align: left !important;
	padding-left: 20px !important;
}

/* worker05.html */
.worker05_path_hide {
	display: none !important;
}

.worker05_content {
	margin-top: 30px;
}

.worker05_content .noti_section {
	margin-bottom: 50px;
}

.worker05_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.worker05_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.worker05_content .noti_text {
	padding-left: 20px;
}

.worker05_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.worker05_content .mt20 {
	margin-top: 20px;
}

.worker05_content .mt30 {
	margin-top: 30px;
}

.worker05_content .mt50 {
	margin-top: 50px;
}

.worker05_content .txt_gray {
	color: #555 !important;
	font-size: 14px !important;
}

.worker05_content .dash_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.worker05_content .dash_list li {
	position: relative;
	padding-left: 12px;
	font-size: 15px;
	color: #333;
	line-height: 1.6;
	margin-bottom: 5px;
}

.worker05_content .dash_list li::before {
	content: '-';
	position: absolute;
	left: 0;
	top: 0;
}

.worker05_content .process_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.worker05_content .process_item {
	flex: 1;
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fcfcfc;
	border: 1px solid #f0f0f0;
	border-radius: 8px;
	font-size: 15px;
	color: #333;
	line-height: 1.5;
	padding: 20px 10px;
	box-sizing: border-box;
	word-break: keep-all;
}

.worker05_content .process_plus {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #FDC300;
	border-radius: 50%;
	margin: 0 15px;
	flex-shrink: 0;
	position: relative;
}

.worker05_content .process_plus::before,
.worker05_content .process_plus::after {
	content: '';
	position: absolute;
	background-color: #fff;
}

.worker05_content .process_plus::before {
	width: 12px;
	height: 2px;
}

.worker05_content .process_plus::after {
	width: 2px;
	height: 12px;
}

/* voucher01.html */
.voucher01_path_hide {
	display: none !important;
}

.voucher01_content {
	margin-top: 30px;
}

.voucher01_content .noti_section {
	margin-bottom: 50px;
}

.voucher01_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.voucher01_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.voucher01_content .noti_text {
	padding-left: 20px;
}

.voucher01_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.voucher01_content .mt50 {
	margin-top: 50px;
}

/* voucher02.html */
.voucher02_path_hide {
	display: none !important;
}

.voucher02_content {
	margin-top: 30px;
}

.voucher02_content .noti_section {
	margin-bottom: 50px;
}

.voucher02_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.voucher02_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.voucher02_content .step_group {
	margin-top: 50px;
}

.voucher02_content .step_title {
	font-size: 16px;
	font-weight: 700;
	color: #111;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.voucher02_content .step_title .num {
	color: #3b6bd1;
	font-size: 22px;
	margin-right: 10px;
	font-weight: 700;
}

.voucher02_content .chevron_list {
	display: flex;
	width: 100%;
}

.voucher02_content .chevron_item {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.voucher02_content .chevron_box {
	height: 80px;
	background-color: #00beaf;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%, 25px 50%);
	margin-left: -20px;
	word-break: keep-all;
	padding: 0 10px 0 25px;
	/* Adjust padding so text isn't cut off */
}

.voucher02_content .chevron_item:first-child .chevron_box {
	clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%);
	margin-left: 0;
	padding-left: 10px;
	/* no indent cut */
}

.voucher02_content .chevron_box.bg_blue {
	background-color: #1a62c6;
}

.voucher02_content .step_label {
	margin-top: 15px;
	text-align: center;
	font-size: 15px;
	color: #555;
}

.voucher02_content .btn_wrap {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 40px;
}

.voucher02_content .btn_voucher {
	display: inline-block;
	background-color: #FDC300;
	color: #111;
	font-size: 20px;
	font-weight: 700;
	padding: 20px 0;
	border-radius: 4px;
	text-decoration: none;
	width: 100%;
	max-width: 450px;
}

/* voucher03.html */
.voucher03_path_hide {
	display: none !important;
}

.voucher03_content {
	margin-top: 30px;
}

.voucher03_content .noti_section {
	margin-bottom: 50px;
}

.voucher03_content .stitle_dot {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
}

.voucher03_content .stitle_dot::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	background-color: #FDC300;
	border-radius: 50%;
}

.voucher03_content .noti_text {
	padding-left: 20px;
}

.voucher03_content .noti_text p {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
}

.voucher03_content .mt20 {
	margin-top: 20px;
}

.voucher03_content .mt50 {
	margin-top: 50px;
}

.voucher03_content .num_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.voucher03_content .num_list li {
	font-size: 15px;
	color: #333;
	line-height: 1.6;
	margin-bottom: 5px;
}

.voucher03_content .tbl_basic {
	width: 100%;
	border-top: 2px solid #666;
	border-bottom: 1px solid #ddd;
	border-collapse: collapse;
}

.voucher03_content .tbl_basic th {
	background-color: #777;
	color: #fff;
	font-weight: 500;
	padding: 12px 0;
	text-align: center;
	border-right: 1px solid #888;
}

.voucher03_content .tbl_basic th:last-child {
	border-right: none;
}

.voucher03_content .tbl_basic td {
	padding: 15px 10px;
	text-align: center;
	border-top: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}

.voucher03_content .tbl_basic td:last-child {
	border-right: none;
}

.voucher03_content .txt_center {
	text-align: center !important;
}