@charset "utf-8";
/* CSS Document */
/* ==================================================
   경영학과정
===================================================== */
/* 상담 버튼 공통 색상 */
#ctn_title .submit-button, #ctn_plan .submit-button, #ctn_benefit .submit-button, #ctn_process .submit-button { background: #723b00; }
#ctn_title .submit-button:hover, #ctn_plan .submit-button:hover, #ctn_benefit .submit-button:hover, #ctn_process .submit-button:hover { background: #5c3000; }
/* 랜딩타이틀 */
#ctn_title { background: #e9dac7; }
#ctn_title section { z-index: 0; }
#ctn_title section::before {/* 타이틀 일러스트 - 섹션 위쪽 여백까지 걸쳐서 배치 */
	content: "";
	position: absolute;
	z-index: -1;
	top: -7px;
	right: 9px;
	width: 495px;
	height: 487px;
	background: url(../images/subj_2026/gy_topimg.png) left top no-repeat;
}
#ctn_title .title_txt {
	margin: 0 50px 0 30px;
	padding-top: 32px;
}
.title_txt span {
	height: 61px;
	line-height: 65px;
	padding: 0 41px;
	margin-left: 4px;
	background: #c29574;
	letter-spacing: -0.05em;
}
.title_txt h3 {
	color: #3c2207;
}
.title_txt h3 small { font-size: 80px; }
.title_txt h3 b { color: #b46b1c; }
.title_txt p {
	color: #3c2207;
	line-height: 48px;
	margin-bottom: 75px;
	letter-spacing: -0.05em;
}
#top_bnr {
    position: absolute;
    left: 95px;
    margin-top: -167px;
}
#ctn_title .price { margin: 50px 0 16px 0; }
/* 취득플랜 */
#ctn_plan h3 span {
	background: url(../images/subj_2026/gy_h3_bg01.png) left top no-repeat;
	width: 292px;
	top: -53px;
	left: 766px;
}
#ctn_plan .plan_list {
	display: flex;
	gap: 25px;
	margin-left: 44px;
}
#ctn_plan .plan_list li {
	width: 355px;
	height: 295px;
	box-sizing: border-box;
	padding-top: 44px;
	background: #fff;
	border: 2px solid #3968c7;
	border-radius: 15px;
	box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.15);
	text-align: center;
}
#ctn_plan .plan_list li.plan02 { border-color: #6f2d17; }
#ctn_plan .plan_list li.plan03 { border-color: #006766; }
#ctn_plan .plan_list em {
	display: block;
	font-style: normal;
	font-family: 'Gmarket_S_M';
	font-size: 28px;
	color: #414141;
	letter-spacing: -0.025em;
}
#ctn_plan .plan_list em::after {/* 가운데 짧은 선 */
	content: "";
	display: block;
	width: 19px;
	height: 2px;
	margin: 14px auto 0;
	background: #959595;
}
#ctn_plan .plan_list h4 {
	margin-top: 20px;
	font-family: 'Gmarket_S_B';
	font-size: 36px;
	letter-spacing: -0.025em;
}
#ctn_plan .plan01 h4 { color: #3968c7; }
#ctn_plan .plan02 h4 { color: #ad4a29; }
#ctn_plan .plan03 h4 { color: #006766; }
#ctn_plan .plan_list p {
	margin-top: 22px;
	font-size: 24px;
	line-height: 29px;
	color: #3c3c3c;
	letter-spacing: -0.025em;
}
#ctn_plan .plan_list + .submit-button { margin-top: 38px; }
/* 목표별 준비 */
#ctn_plan { padding: 120px 0 90px; }
#ctn_plan h3 + p { margin-bottom: 83px; }
#ctn_plan .goal { margin-top: 90px; }
#ctn_plan .goal h3 + p { margin-bottom: 54px; }
#ctn_plan .goal_list {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 34px;
	width: 926px;
	margin: 0 auto;
}
#ctn_plan .goal_list li {
	position: relative;
	width: 286px;
	height: 286px;
	box-sizing: border-box;
	padding-top: 153px;
	border-radius: 50%;
	background: #e6e6e6;
	text-align: center;
	font-family: 'Gmarket_S_L';
	font-size: 20px;
	color: #444;
	letter-spacing: -0.025em;
}
#ctn_plan .goal_list img {
	position: absolute;
	left: 50%;
	bottom: 145px;
	transform: translateX(-50%);
}
#ctn_plan .goal_list b {
	display: block;
	margin-bottom: 3px;
	font-family: 'Gmarket_S_M';
	font-weight: normal;
	font-size: 27px;
	color: #222;
	letter-spacing: -0.05em;
}
/* 수강료 안내 */
#ctn_benefit {
	padding-top: 95px;
	padding-bottom: 110px;
}
#ctn_benefit h3 + p { margin-bottom: 34px; }
#ctn_benefit .price_list {
	display: flex;
	gap: 24px;
	margin-left: -1px;
}
#ctn_benefit .price_list li {
	width: 385px;
	height: 228px;
	box-sizing: border-box;
	padding: 27px 24px 0;
	border-radius: 15px;
	background: #d0e8ff;
}
#ctn_benefit .price_list li.price02 { background: #e2f6e9; }
#ctn_benefit .price_list li.price03 { background: #f1daf5; }
#ctn_benefit .price_list h4 {
	text-align: center;
	font-family: 'Gmarket_S_B';
	font-size: 40px;
	letter-spacing: -0.025em;
}
#ctn_benefit .price01 h4 { color: #3968c7; }
#ctn_benefit .price02 h4 { color: #11876d; }
#ctn_benefit .price03 h4 { color: #9a32ad; }
#ctn_benefit .price_list p {
	height: 114px;
	box-sizing: border-box;
	margin-top: 14px;
	padding: 16px 0 0 25px;
	border-radius: 15px;
	background: #fff;
	font-family: 'Gmarket_S_L';
	font-size: 22px;
	color: #1e1e1e;
	letter-spacing: -0.025em;
}
#ctn_benefit .price_list p b {
	display: block;
	font-family: 'Gmarket_S_B';
	font-weight: normal;
	font-size: 40px;
	line-height: 48px;
	color: #ff3c00;
}
#ctn_benefit .price_list + .submit-button { margin-top: 56px; }
/* 학위취득 과정 */
#ctn_process {
	background: #f5e9e1;
	padding-top: 95px;
}
#ctn_process h3 + p { margin-bottom: 75px; }
#ctn_process .process_list {
	display: flex;
	gap: 13px;
	margin-left: 4px;
}
#ctn_process .process_list li {
	position: relative;
	width: 288px;
	height: 271px;
	box-sizing: border-box;
	padding-top: 201px;
	background: #fff;
	border: 3px solid #c9af8f;
	border-radius: 15px;
	text-align: center;
	font-family: 'Gmarket_S_M';
	font-size: 27px;
	color: #222;
	letter-spacing: -0.05em;
}
#ctn_process .process_list span {
	position: absolute;
	top: -21px;
	left: 12px;
	width: 50px;
	height: 50px;
	line-height: 54px;
	border-radius: 12px;
	background: #c29574;
	color: #fff;
	font-size: 23px;
	letter-spacing: -0.025em;
}
#ctn_process .process_list img {
	position: absolute;
	left: 50%;
	bottom: 96px;
	transform: translateX(-50%);
}
#ctn_process .process_list + .submit-button { margin-top: 43px; }
/* 시작 전 체크 */
#ctn_process .check { margin-top: 112px; }
#ctn_process .check h3 + p { margin-bottom: 40px; }
#ctn_process .check_list {
	width: 930px;
	height: 259px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 46px 0 0 83px;
	border-radius: 30px;
	background: #fff;
}
#ctn_process .check_list li {
	display: flex;
	align-items: center;
	height: 40px;
	margin-bottom: 19px;
	font-family: 'Gmarket_S_M';
	font-size: 30px;
	color: #4b4b4b;
	letter-spacing: -0.025em;
	white-space: pre;
}
#ctn_process .check_list span {
	flex-shrink: 0;
	width: 138px;
	height: 40px;
	line-height: 44px;
	margin-right: 42px;
	border-radius: 20px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
#ctn_process .check_list b {
	font-family: 'Gmarket_S_B';
	font-weight: normal;
	font-size: 42px;
}
#ctn_process .check01 span { background: #3968c7; }
#ctn_process .check01 b { color: #3968c7; }
#ctn_process .check02 span { background: #11876d; }
#ctn_process .check02 b { color: #11876d; }
#ctn_process .check03 span { background: #9a32ad; }
#ctn_process .check03 b { color: #9a32ad; }
#ctn_process .check_list + .submit-button { margin-top: 40px; }
/* 학위취득 후 활용 */
#ctn_use {
	background: #fbefd5;
	padding: 120px 0 84px;
}
#ctn_use h3 span {
	background: url(../images/subj_2026/gy_h3_bg02.png) left top no-repeat;
	width: 279px;
	top: -53px;
	left: 813px;
}
#ctn_use h3 + p { margin-bottom: 60px; }
#ctn_use .use_list {
	display: grid;
	grid-template-columns: repeat(3, 370px);
	gap: 19px 20px;
	margin-left: 27px;
}
#ctn_use .use_list li {
	height: 111px;
	box-sizing: border-box;
	padding-top: 25px;
	background: #fff;
	border: 2px solid #c4a666;
	text-align: center;
	font-family: 'Gmarket_S_L';
	font-size: 20px;
	line-height: 28px;
	color: #1d1d1d;
	letter-spacing: -0.025em;
}
#ctn_use .use_list b {
	display: block;
	margin-bottom: 2px;
	font-family: 'Gmarket_S_B';
	font-weight: normal;
	font-size: 28px;
	color: #8b3b00;
}
#ctn_use .refer {
	text-align: left;
	margin-left: 29px;
	padding-top: 14px;
	letter-spacing: -0.025em;
}
/* ==================================================
   퀵메뉴
===================================================== */
#subj_quick { border: 2px solid #ab7b6c; }
#subj_quick li { border-bottom: 1px solid #c5d8c8; }
#subj_quick li:last-of-type a { color: #6f2d17; }
#subj_quick li a:hover { color: #6f2d17; }
#subj_quick li:nth-of-type(1) a:hover { background: url(../images/subj_2026/gy_icon_quick01.png) center 13px no-repeat; }
#subj_quick li:nth-of-type(2) a:hover { background: url(../images/subj_2026/gy_icon_quick02.png) center 13px no-repeat; }
#subj_quick li:nth-of-type(3) a:hover { background: url(../images/subj_2026/gy_icon_quick03.png) center 13px no-repeat; }
#subj_quick svg { color: #6f2d17; }
#subj_quick li a:hover svg { color: #6f2d17; }