@charset "utf-8";

#main-nav	{position:fixed;left:calc(50% - (1400px / 2));top:0;width:210px;height:100vh;min-height:800px;border-right:1px solid rgba(0,0,0,0.1);padding-top:140px;z-index:2;display:none !important;}
#main-nav li	{margin:0 0 50px;line-height:20px;}
#main-nav a		{font-size:16px;color:#666;}
#main-nav li.on a	{color:#8E001C;}
.nav-onbar	{position:absolute;right:0;top:140px;width:4px;height:20px;background:#8E001C;}
.nav-onbar.bar-main-what	{top:140px;}
.nav-onbar.bar-main-edu		{top:140px;}
.nav-onbar.bar-main-media	{top:280px;}
.nav-onbar.bar-main-commu	{top:350px;}

#gnbmn ul.depth1 li a{padding:0 30px;}
#gnbmn div.depth2 ul > li > a{padding:0;}
#gnbmn div.depth2 ul.depth3 > li > a{padding:0 10px;}

@media only screen and (max-width: 1480px) {
#gnbmn ul.depth1{width:auto;margin:0 auto;}
#gnbmn ul.depth1 li a{padding:0 20px;}
#gnbmn .depth2{left:0;}
}
@media only screen and (max-width:1240px){ /* 960 */
#gnbmn ul.depth1 li a{padding:0 10px;}
#gnbmn .depth2 > ul > li{padding:0 3px 10px;}
}


/* .main-nav-cont		{float:right;width:calc(100% - 210px);padding-left:70px;} */
.mbg					{background:#333}
#main-section section	{position:relative;}
#main-section section>.d_width	{top:50%;transform:translateY(-50%);}
#main-visual		{background:url(../img/mvbg.jpg) no-repeat 50% 50% / cover;padding-top:80px;height:calc(100vh - 130px);min-height:960px}
#main-visual:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/mvpattern.png) repeat;}
#main-what			{background:#F4F4F4 url(../img/mbg_what.png) repeat;}
#main-media			{background:#E2DBD3 url(../img/mbg_media.jpg) no-repeat 50% 50% / cover;}
#wrap		{min-width:320px;}

/* main-visual */
.mv-tit			{}
.mv-tit .tit	{font-size:4rem;line-height:1;font-weight:600;color:#FFCC00;letter-spacing:-4px;margin:0 0 20px;}
.mv-tit .txt	{font-size:1.125rem;color:#fff;word-break:keep-all}

.main-container	{display:flex;flex-flow:row wrap;margin-top:100px;}
.mv-cont1		{flex:1;padding:70px 50px}
.mv-cont1 .tit	{font-size:2rem;line-height:1;font-weight:600; }
.mv-cont1 .txt	{margin-top:30px;font-size:15px;word-break:keep-all;}
.mv-cont1 a		{position:relative;display:inline-block;margin-top:50px}
.mv-cont1 a:before			{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;transition:all 0.2s ease-out;}
.mv-cont1 a:hover:before	{width:100%;}
.mv-cont1.bg1 a:before{background:#FFCC00;}
.mv-cont1.bg2 a:before{background:#B40200;}
.mv-cont1.bg3 a:before{background:#FFCC00;}


.mv-cont1.bg1	{background:rgba(0,0,0,0.6) url(../img/mvcont1_bg3.png) no-repeat right 20px top 50%; background-size:45%;}
.mv-cont1.bg2	{background:url(../img/career_index_cont1bg1.jpg) no-repeat 50% 50% / cover;}
.mv-cont1.bg3	{ background:url(../img/career_index_con1bg3.png) no-repeat 50% 50% / cover;}
.mv-cont1.bg1 .tit, .mv-cont1.bg1 a	{color:#FFCC00;}
.mv-cont1.bg2 .tit, .mv-cont1.bg2 a {color:#B40200;}
.mv-cont1.bg3 .tit{color:#FFCC00;}
.mv-cont1.bg1 .txt	{color:#ccc;}
.mv-cont1.bg2 .txt	{color:#333;}
.mv-cont1.bg3 .txt	{color:#fff;}
.mv-cont1.bg3 a{color:#FFCC00;}

.main-login		{position:relative;background:rgba(142,0,28,0.9);}
.main-login .login, .main-login .info	{float:left;width:50%;height:300px;}
.main-login .login	{height:calc(100% - 200px);padding:30px;text-align:center;}
.main-login .login .tit	{font-size:32px;color:#FFCC00; }
.main-login .login .txt	{font-size:15px;color:#fff;margin:10px 0 20px;}
.main-login input		{display:block;width:100%;height:40px;border:1px solid transparent;border-bottom-color:#A43349;background:none;font-size:13px;color:#fff;transition:all 0.2s ease-out;}
.main-login input::placeholder	{color:#fff;}
.main-login input:focus	{outline:none;border-color:#fff;border-radius:5px;padding:0 10px;}
.main-login .btn-wrap a	{display:block;line-height:39px;background:rgba(0,0,0,0.2);margin-top:2px;color:#fff;font-size:14px;}
.main-login .btn-wrap a:hover	{background:rgba(0,0,0,0.5);}
.main-login .login-btn	{display:block;margin:10px 0 0 0;background:#FF9900;border:2px solid #FF9900;padding:15px 0;font-size:14px;color:#fff;}
.main-login .login-btn:hover	{background:#fff;color:#FF9900;box-shadow:0 8px 8px -4px rgba(0,0,0,0.2);}
.main-login .info	{background:rgba(0,0,0,0.2);padding:40px;}
.main-login .info .tit	{font-size:22px;color:#FFCC00;margin:0 0 20px;}
.main-login .info li	{position:relative;padding:8px 0 8px 10px;font-size:14px;color:#E6AEBC;}
.main-login .info li:before	{content:"";position:absolute;left:0;top:1.1em;display:block;width:2px;height:2px;background:#E6AEBC;}
.main-login .info li a	{float:right;display:inline-block;background:rgba(0,0,0,0.3);padding:4px 10px;font-size:12px;color:#fff;vertical-align:top;}
.main-login .info li a:hover	{background:rgba(0,0,0,0.7);}


@media only screen and (max-width:1480px){ /* 1200 */
	.mv-tit .tit	{font-size:3.75rem}
	.mv-cont1.bg1	{background:rgba(0,0,0,0.6) url(../img/mvcont1_bg3.png) no-repeat right 10px top 50%; background-size:40%;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.main-container	{flex-direction:column;margin-top:50px;}
	.mv-tit .tit	{font-size:3.25rem}
	.mv-cont1		{padding:50px 40px}
	.mv-cont1.bg1	{background-size:30%; background:rgba(0,0,0,0.6) url(../img/mvcont1_bg3.png) no-repeat right 40px top 50%;}
	.mv-cont1.bg3	{background:url(../img/career_index_con1bg3.png) no-repeat 50% 30% / cover;}
}
@media only screen and (max-width:1023px){ /* 720 */	
	.mv-tit			{text-align:center;}
	.mv-tit .tit	{font-size:3rem;}	
	.mv-cont1 .tit	{font-size:1.75rem;}
}
@media only screen and (max-width:767px){ /* auto */	
	.mv-tit .tit	{font-size:2.5rem}
	.mv-tit .txt	{font-size:1rem}
	.mv-cont1 .tit	{font-size:1.5rem;}
}
@media only screen and (max-width:599px){ /* mobile-l */
	#main-section section>.d_width	{top:0;transform:translateY(0);}
	.mv-tit .tit	{font-size:2rem}
	.mv-tit .txt	{font-size:.9rem}
	.mv-cont1		{padding:30px}
	.mv-cont1 .tit	{font-size:1.25rem;}
	.mv-cont1.bg1	{background:rgba(0,0,0,0.6) url(../img/mvcont1_bg3.png) no-repeat right 20px top 50%; background-size:40% !important;}
	.mv-cont1.bg3	{background:url(../img/career_index_con1bg3.png) no-repeat 50% 20% / cover;}
	.mv-cont1 a		{margin-top:30px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.mv-cont1.bg3{background:url(../img/career_index_con1bg3.png) no-repeat 10% 10% / cover;}
}


.badge			{border-radius:0}
.k-badge		{text-transform: uppercase;font-size:.725rem;font-weight:normal;line-height:1;display: inline-block;padding: .35rem .45rem .55rem;text-align: center; vertical-align: baseline; white-space: nowrap;border-radius:0.25rem;border:1px solid #ccc;color:#888}
.k-badge.badge-red{border-color:#8e001c;color:#8e001c;}
.memo-bx		{position:relative;display:inline-block;padding:10px;border-radius:3px;background:#FF9900;color:#fff;font-size:13px;}
.memo-bx:before	{content:"";height:0;width:0;position:absolute;left:-15px;top:10px;border: solid transparent;border-right-color:#ff9900;border-width:8px;}

.btn-kiumy		{border-width:2px;border-style:solid;border-color:#768395;background:#768395;color:#fff;font-size:16px;padding:15px 30px;display:inline-block;border-radius:50px;line-height:1.1;box-shadow:0 15px 10px -10px rgba(0,0,0,0.2);}
.btn-kiumy:after	{content:"\f061";font-family:FontAwesome;font-weight:900;font-size:14px;margin-left:30px;}
.btn-kiumy:hover	{background:#fff !important;color:#768395;}
.btn-kiumy.btn-red	{border-color:#8E001C;background:#8E001C;}
.btn-kiumy.btn-red:hover	{color:#8E001C;}
.btn-kiumy.btn-pink	{border-color:#F05C50;background:#F05C50;}
.btn-kiumy.btn-pink:hover	{color:#F05C50;}
.btn-kiumy.btn-orange	{border-color:#FF9900;background:#FF9900;}
.btn-kiumy.btn-orange:hover	{color:#FF9900;}

.waiting		{border:5px solid #f4f4f4;padding:70px;padding-top:340px;background:url(../img/waiting.png) no-repeat 50% 70px;text-align:center;}
.waiting .tit	{font-size:40px;color:#000;font-weight:600;letter-spacing:-1.5px;line-height:1;margin:0 0 20px;}
.waiting .txt	{font-size:18px;color:#666;}

.full-gray		{background:#F4F4F4;padding:60px 0;}

.page-tab		{border-bottom:1px solid #F4F4F4;padding:20px 0;}
.page-tab a		{display:inline-block;min-width:160px;padding:10px 20px;font-size:15px;color:#333;border:2px solid #E7E7E7;text-align:center;border-radius:50px;margin-right:3px;}
.page-tab a:hover	{background:#F7F7F7;}
.page-tab a.on	{border-color:#FF9900;background:#FF9900;color:#fff;box-shadow:0 8px 8px -6px rgba(0,0,0,0.15)}

.board-tab		{background:#F4F4F4;display:flex;flex-flow:row nowrap;margin:0 0 30px 0;}
.board-tab a	{flex:1;display:block;text-align:center;padding:20px 5px;line-height:1.2;border-left:1px solid rgba(0,0,0,0.06);word-break:keep-all}
.board-tab a:first-child 	{border-left:none;}
.board-tab a:not(.on):hover	{color:#8E001C;}
.board-tab a.on	{background:#8E001C;color:#fff;}


.board-sorting			{border:5px solid #F4F4F4;margin-bottom:30px;}
.board-sorting .form-group	{padding:30px 30px;margin-bottom:0;}
.board-sorting .form-group + .form-group	{padding-top:0;margin-top:-15px;}
.board-sorting .form-control-label	{width:160px;padding-right:15px;padding-left:15px;font-size:18px;font-weight:600;text-align:center;}
.board-sorting .form-control-body	{width:calc(100% - 160px);padding-right:15px;padding-left:15px;}
.board-sorting .tv-checkbox		{line-height:20px;}
.board-sorting .tv-checkbox input[type="checkbox"] + label::before	{vertical-align:top;}
.board-sorting .btnarea	{margin:0;padding:20px 0;border-top:1px solid #F4F4F4;}

@media only screen and (max-width:1240px){ /* 960 */	
	.board-tab	{flex-wrap:wrap}
	.board-tab a	{flex: 1 20%;border-top:1px solid rgba(0,0,0,0.06)}
}
@media only screen and (max-width:1023px){ /* 720 */
	.board-tab a	{flex: 1 33.3333%;font-size:.875rem;padding:10px 2px}
}
@media only screen and (max-width:767px){ /* auto */	
	.board-sorting .form-control-label	{width:auto;padding:0px;font-size:1rem;}
	.board-sorting .form-control-body	{width:100%;padding:0px;}
}
@media only screen and (max-width:599px){ /* mobile-l */

}
@media only screen and (max-width:415px){ /* mobile-s */

}


.top-info		{background-repeat:no-repeat;background-position:100% 100%;background-size:auto 100%;padding-bottom:40px;border-bottom:1px solid #ccc;}
.top-info .txt1	{font-size:1.25rem; color:#000;}
.top-info .tit	{font-size:2.725rem;font-weight:600;letter-spacing:-2px;margin:10px 0 25px;line-height:1;}
.top-info .txt2	{font-size:1.125rem;color:#333;margin:0 0 30px;}
.test-top.bg1	{background-image:url(../img/test_top_bg1.jpg);}
.test-top.bg2	{background-image:url(../img/test_top_bg2.jpg);}
.test-top .tit	{color:#FF9900;}
.edu-top.bg1	{background-image:url(../img/edu_top_bg1.png);}
.edu-top.bg2	{background-image:url(../img/edu_top_bg2.png);}
.edu-top .tit	{color:#0F63A7;}
.test-top table a{color:#ff9900;text-decoration:underline;display:block;}
.test-top table{word-break:keep-all}

@media only screen and (max-width:1480px){ /* 1200 */

}
@media only screen and (max-width:1240px){ /* 960 */	
	.top-info .txt1	{font-size:1.125rem;}
	.top-info .tit	{font-size:2.5rem;}
	.top-info .txt2	{font-size:1rem;}
}
@media only screen and (max-width:1023px){ /* 720 */	
	.test-top{background-size:auto 80%;background-position:100% 0}

}
@media only screen and (max-width:767px){ /* auto */	
	.top-info{padding-bottom:20px;}
	.top-info .txt1	{font-size:1rem;}
	.top-info .tit	{font-size:2rem;}
	.top-info .txt2	{font-size:.987rem;}
	.test-top{background-size:auto 120px;}
}
@media only screen and (max-width:599px){ /* mobile-l */	
	.top-info		{padding-right:100px;word-break:keep-all}
	.top-info .tit	{font-size:1.5rem;}

}
@media only screen and (max-width:415px){ /* mobile-s */

}

/* 20250217 추가 */
#sub-visual.sv-index{height:auto;min-height:420px;margin-bottom:50px;padding-top:90px;padding-bottom:60px;overflow:hidden;}

#sub-login			{position:relative;}
#sub-login.no-login	{margin-top:-100px;height:100px;}
#sub-login.ok-login	{margin-top:-145px;}
#sub-login:before	{content:"";position:absolute;right:0;top:0;display:block;width:calc(50% + 700px);height:100%;box-shadow:0 0 10px rgba(0,0,0,0.15);}
#sub-login.no-login:before	{background:#fff;}
#sub-login.ok-login:before	{background:#FF9900;}
#sub-login .d_width		{padding:10px;z-index:2;}
#sub-login .title		{position:relative;}
#sub-login .name		{float:left;font-size:24px; line-height:80px;width:calc(100% - 100px);}
#sub-login .name .tit	{font-size:32px;}
#sub-login .name .txt	{font-size:18px;}

.level-bx		{position:relative;float:left;width:100px;height:80px;margin:0;text-align:center;}
.level-badge	{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);display:block;border:2px solid #C47C34;background:#FBBE30;border-radius:6px;box-shadow:0 3px #2B212A;line-height:18px;padding:0 10px;font-size:12px;font-weight:900;color:#802C2A}/**/
.level-bx .level-avatar	{position:absolute;left:0;top:-2px;display:block;width:100%;height:100%;}
.level-bx.level1 .level-avatar	{background:url(../img/level_ico01.png) no-repeat 0 0 / cover}
.level-bx.level2 .level-avatar	{background:url(../img/level_ico02.png) no-repeat 0 0 / cover}
.level-bx.level3 .level-avatar	{background:url(../img/level_ico03.png) no-repeat 0 0 / cover}
.level-bx.level4 .level-avatar	{background:url(../img/level_ico04.png) no-repeat 0 0 / cover}
.level-bx.level5 .level-avatar	{background:url(../img/level_ico05.png) no-repeat 0 0 / cover}
.level-bx.level6 .level-avatar	{background:url(../img/level_ico06.png) no-repeat 0 0 / cover}

#sub-login .btn-wrap		{position:absolute;right:0px;top:20px}
#sub-login .btn-wrap a		{border-width:2px;border-style:solid;color:#fff;font-size:18px;padding:15px 30px;display:inline-block;width:200px;border-radius:50px;line-height:1;}
#sub-login .btn-wrap a:after	{content:"\f061";font-family:FontAwesome;font-weight:900;font-size:14px;float:right;line-height:1.2;margin-left:5px;}
#sub-login.no-login .title	{line-height:40px;padding:30px 0;}
#sub-login.no-login .title .tit	{color:#FF9900;background-image:url(../img/sub_login_ico1.png);background-repeat:no-repeat;background-position:0 50%;padding:20px 0 20px 70px;}
#sub-login.ok-login .title .tit	{color:#ffffff;}
#sub-login.no-login .title .txt	{color:#000;}
#sub-login.ok-login .title .txt	{color:#fff;}
#sub-login.no-login .btn-wrap a		{border-color:#FF9900;background:#FF9900;}
#sub-login.ok-login .btn-wrap a		{border-color:#fff;}
#sub-login .btn-wrap a:hover		{background:#fff;color:#FF9900;}

.sub-login-noti		{margin-left:20px;}
.sub-login-noti a	{position:relative;display:block;}
.sub-login-noti i	{font-size:30px;color:#fff;line-height:1;vertical-align:middle;}
.sub-login-noti p	{position:absolute;left:50%;transform:translateX(-50%);top:-10px;font-size:13px;color:#fff;background:rgba(0,0,0,0.7);width:250px;text-align:center;line-height:1.2;padding:8px;border-radius:5px;visibility:hidden;opacity:0;transition:all 0.2s ease-out;}
.sub-login-noti p:after		{content:"";position:absolute;left:50%;margin-left:-4px;top:100%;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,0.7);}
.sub-login-noti a:hover i	{animation:shake 0.4s ease-out forwards;}
.sub-login-noti a:hover p	{visibility:visible;opacity:1;}

#welcome-quest					{background:#fff;color:#222;}
#welcome-quest .mylevel			{padding:20px;width:240px;text-align:Center;background:#f6f6f6}
.quest-list		{display:flex;flex-flow:row nowrap;}
.quest-list dl	{flex:1;display:block;padding:20px;border-left:1px dashed #eaeaea}
.quest-list dl:first-child{border:none;}
.quest-list dt	{padding:0;margin:0 0 5px 0;font-weight:700;font-size:1.125rem}
.quest-list table th,
.quest-list table td	{padding:3px 0;font-size:0.915rem}
.quest-list table td	{width:120px;}
.quest-list .score		{display:inline-block;vertical-align:middle;width:40px;font-size:.825rem;line-height:1;letter-spacing:0.125rem;text-align:center;}
.quest-list .score em	{color:#5BBE4A;font-weight:700;}
.quest-list .graph-h-sm	{display:inline-block;vertical-align:middle;width:calc(100% - 40px);height:10px;background:#f1f1f1;border-radius:80px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);overflow:hidden}
.quest-list .graph-h-sm	.bar{display:inline-block;vertical-align:top;height:10px;background: linear-gradient(180deg, #5BBE4A, #86D048, #4B9737);border-radius:76px;box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);}
.badge-pass,
.badge-ready	{display:inline-block;width:20px;height:20px;line-height:16px;border-radius:50%;border:2px solid #ccc;background:#eaeaea;color:#bbb;text-align:center;vertical-align:top;margin-right:5px;padding:0;}
.badge-pass		{border-color:#247940;background:#5BBE4A;color:#fff;box-shadow:0 2px #1F613B}
.badge-ready:before{content:"\f068";font-family:FontAwesome;font-weight:900;font-size:.725rem;}
.badge-pass:before{content:"\f00c";font-family:FontAwesome;font-weight:900;font-size:.725rem;}

@media only screen and (max-width:1480px){ /* 1200 */
	#sub-login .d_width{padding:15px;}
	#sub-login .name{line-height:1.2;}
	#sub-login .btn-wrap{top:42px;left:100px;right:auto;}
	#sub-login .btn-wrap a{width:auto;padding:8px 12px;}
}
@media only screen and (max-width:1240px){ /* 960 */	
	#sub-login{background:#FF9900;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
	#sub-login.no-login{background:#fff;}
	#sub-login:before{display:none;}
	#sub-login .btn-wrap a{width:180px;font-size:1rem}
	.quest-list dt	{font-size:1rem}
	.quest-list table th,
	.quest-list table td{padding:2px 0;font-size:0.875rem}
	.quest-list table td{width:30px;text-align:right;}
	.quest-list .score{font-size:.725rem;}
	.quest-list .graph-h-sm{display:none}
	.badge-pass,
	.badge-ready	{width:16px;height:16px;line-height:10px;margin-right:2px;}
	.badge-ready:before,
	.badge-pass:before{font-size:.5rem;}
}
@media only screen and (max-width:1023px){ /* 720 */
	#sub-visual.sv-index	{min-height:auto;padding-top:70px;padding-bottom:0;margin:0;}
	#sub-login.no-login,
	#sub-login.ok-login		{margin-top:0;height:auto}
	#sub-login .name		{line-height:1.2;width:auto;display:block;margin-bottom:10px;}
	#sub-login .name .tit	{font-size:1.25rem}
	#sub-login .name .txt	{font-size:1rem;}
	#sub-login .btn-wrap	{clear:both;position:relative;left:0;top:auto;padding-left:90px;}
	#sub-login .btn-wrap a	{width:auto;padding:10px 20px;font-size:.875rem}
	.level-bx				{position:absolute;float:none;left:10px;top:0;width:60px;height:60px;}
	#sub-login .title		{padding-left:0}
	#sub-login .name{padding-left:90px;}

	.quest-list	{flex-wrap:wrap;display:none}
	.quest-list dl	{padding:10px;min-width:50%}
	.quest-list dl:nth-child(3){border-top:1px dashed #eaeaea;border-left:none}
	.quest-list dl:nth-child(4){border-top:1px dashed #eaeaea}

}
@media only screen and (max-width:767px){ /* auto */	
	#sub-login .name .tit	{font-size:1rem}
	#sub-login .name .txt	{font-size:.875rem;}
	#sub-login .btn-wrap a:after{display:none;}	
}
@media only screen and (max-width:599px){ /* mobile-l */
	#sub-visual				{padding:50px 0 0 0}
	#sub-visual.sv-index	{padding-top:50px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	#sub-login .btn-wrap	{padding-left:0;}
}

.issue-pop			{width:420px;background-color:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,0.1)}
.issue-pop .cont	{}
.issue-pop .tit		{margin:10px 0;font-size:1.25rem;font-weight:700;color:#222}
.issue-pop .txt		{margin:10px 0 30px 0}
.issue-pop .txt	em	{color:#ff9900;font-weight:700}

#level-point		{background:#fff url(../img/issue_bg01.png) no-repeat 50% 0;}
#level-point .score	{display:block;width:96px;height:122px;background:url(../img/level_point_bg.png) no-repeat 50% 0;margin:0 auto 30px;padding-top:13px;}
#level-point .score em	{display:block;margin:0 auto 0;width:70px;height:70px;line-height:66px;border:4px solid rgba(0,0,0,0.08);border-radius:50%;font-weight:700;font-size:1.5rem;letter-spacing:0;color:#fff;text-shadow:2px 1px rgba(0,0,0,0.1)}


#login-state		{background:#fff;color:#222;padding:20px 0 20px 25px}
#login-state .bx	{float:left;}
#login-state .bx dl	{float:left;padding:0 25px;margin:0;border-left:1px solid #eee;}
#login-state .bx .tit,	#login-state .bx dt{font-size:14px;font-weight:500;}
#login-state .login-mileage		{width:240px}	
#login-state .login-scholarship	{width:180px}
#login-state .login-mileage em,
#login-state .login-scholarship	em{font-size:24px;padding-top:20px;display:inline-block;font-weight:700;line-height:1}
#login-state .login-mileage .tit	{background:url(../img/ico_mileage.png) no-repeat 0 0;padding-left:25px}
#login-state .login-scholarship .tit{background:url(../img/ico_scholarship.png) no-repeat 0 0;padding-left:25px}
#login-state .login-score dl	{text-align:center;}
#login-state .login-score dd	{font-size:18px;padding-top:20px;}
#login-state .login-goal dt		{padding-right:20px;}
#login-state .login-goal dt,
#login-state .login-goal dd	{float:left;}
#login-state .login-goal dd	{text-align:center;width:120px;}
#login-state .login-goal dl:nth-child(2) dd	{background:#f6f6f6;padding:20px 0;font-weight:700;font-size:18px;letter-spacing:-1px}

@keyframes shake {
  from, to {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
  10%, 70%{-webkit-transform:rotate(8deg);transform:rotate(8deg);}
  40%, 90%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg);}
}

/* 로그인 */
#login-footer	{line-height:70px;height:70px;background:#333;color:#999;font-size:12px;text-align:center;}

#login-wrap		{position:relative;padding-bottom:40px;min-height:800px;background:url(../img/login_bg.jpg) no-repeat 50% 50% / cover;}
#login-wrap:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url(../img/mvpattern.png) repeat;opacity:0.4;}
#login-wrap .cont	{position:relative;width:680px;margin:0 auto;background:#fff;border-radius:10px;padding:60px;}
#login-wrap .tit-wrap		{text-align:center;padding-top:40px;}
#login-wrap .tit-wrap .txt	{margin:80px 0 30px;font-size:20px;color:#fff; }
#login-wrap .btn-wrap	{padding:0 40px;}
#login-wrap .btn-wrap a:hover {background:#2b2e6b !important;color:#fff !important;}
#login-wrap .btn-d	{border-radius:80px;background:#8E001C;border:none;line-height:60px;font-size:16px;margin:20px 0}
#login-wrap .login-info	{border-radius:10px;}

.login-bx p		{position:relative;border-bottom:1px solid #E4E4E4;}
.login-bx p:after	{content:"";display:block;float:none;clear:both;}
.login-bx p i	{position:absolute;width:30px;left:10px;color:#999;line-height:50px;}
.login-bx input	{padding-left:60px;width:100%;height:50px;border:none;font-size:14px;}
.login-bx input:focus	{outline:none;}
.login-bx input::placeholder	{color:#CFCFCF;}
.login-bx a		{display:block;background:#8E001C;text-align:center;border:2px solid #8E001C;color:#fff;font-size:18px;}
.login-bx a span	{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.login-bx a:hover	{background:#fff;color:#8E001C;box-shadow:0 8px 8px -4px rgba(0,0,0,0.2);}
.login-info		{padding:40px;background:#F4F4F4;}
.login-info .find	{font-size:14px;color:#5A6378;margin:0 0 30px;}
.login-info .find:before	{content:"\f128";font-family:FontAwesome;font-weight:900;margin-right:10px;display:inline-block;width:30px;height:30px;background:#8E001C;border-radius:50%;text-align:center;line-height:30px;color:#FFCC00;font-size:10px;}
.login-info .find a	{float:right;display:inline-block;padding:8px 20px;background:#5A6378;font-size:13px;color:#fff;margin-top:-3px;}
.login-info li	{position:relative;padding:3px 0 3px 13px;font-size:14px;color:#666;}
.login-info li:before	{content:"";position:absolute;left:0;top:0.7em;display:block;width:4px;height:4px;background:#8E001C;}

.login-waiting		{padding:90px 60px;background:#fff;text-align:center;}
.login-waiting .tit	{font-size:40px;color:#8E001C;font-weight:600;letter-spacing:-2px;line-height:1.1;margin:0 0 30px;}


#login-wrap.counsel-login	{height:100vh;min-height:600px;}
#login-wrap.counsel-login .login-bx	{padding:20px 60px 40px 60px;}
#login-wrap.counsel-login label	{font-size:14px;font-weight:500;color:#454545;min-width:80px;}
#login-wrap.counsel-login input	{float:none;border:none;background:transparent;border-bottom:1px solid #dfdfdf;margin-bottom:10px;width:100%;line-height:50px;height:50px;padding:0 10px;text-indent:0;}
#login-wrap.counsel-login .btn-wrap	{padding:0 60px;}
#login-wrap.searchidpw .btn-d{background:#8E001C}


@media only screen and (max-width:1023px){/*720*/
	#login-wrap .tit-wrap .txt	{font-size:16px;padding:0 20px;}
	#login-wrap .tit-wrap .tit img	{width:auto}
	#login-wrap .cont		{width:auto}
	#login-wrap .btn-wrap	{padding:0;}
	#login-wrap .login-bx	{padding:0 0 15px 0;}
}

@media only screen and (max-width:768px){/*mobile-l*/	
	#login-wrap .cont	{padding:50px;}
	#login-wrap .tit-wrap .tit img	{width:350px;}
	#login-wrap .btn-d	{line-height:40px;}
}

@media only screen and (max-width:576px){/*mobile-s*/
	#login-wrap .cont	{padding:30px;}
	#login-wrap .tit-wrap .tit img	{width:250px;}
	#login-wrap .tit-wrap .txt	{margin-top:40px;}
	#login-wrap .login-info	{padding:10px;}
}


/* 커리어설계 */

#career-index-cont1	{}
#career-index-cont1 ul	{margin:0 -10px;display:flex;flex-flow:row wrap}
#career-index-cont1 li	{flex:1;margin:0 10px;}
#career-index-cont1 li a	{display:block;padding:50px;background-repeat:no-repeat;}
#career-index-cont1 li p	{color:#fff;}
#career-index-cont1 li .bg1	{background-image:url(../img/career_index_cont1bg1.jpg);}
#career-index-cont1 li .bg2	{background-image:url(../img/career_index_cont1bg2-2.jpg);background-color:#BFAD95;background-position:0 100%;}
#career-index-cont1 li .bg3	{background-image:url(../img/career_index_cont1bg3-2.jpg);background-color:#800521;background-position:100% 100%;}
#career-index-cont1 li .tit	{font-size:44px;font-weight:600;}
#career-index-cont1 li .txt	{font-size:18px;margin:20px 0 60px;}
#career-index-cont1 li .go	{transition:all 0.2s ease-out;}
.dept-list .bx		{border-top:1px dashed #dfdfdf;padding:40px 0;}
.dept-list .bx:first-of-type	{border-top:none;padding-top:0;}
.dept-list .bx:after{content:"";display:block;float:none;clear:both;}
.dept-list .tit	{float:left;width:280px;font-size:25px;font-weight:600;color:#333; }
.dept-list .bx>ul	{float:left;width:calc(100% - 310px);margin:0 -15px;}
.dept-list .bx>ul>li	{float:left;width:25%;padding:0 15px;margin:30px 0 0 0;}
.dept-list .bx>ul>li:nth-child(n+1):nth-child(-n+4)	{margin-top:0;}
.dept-list .bx>ul>li:nth-child(4n+1)	{clear:both;}
.dept-list .bx>ul>li>a	{display:block;line-height:50px;border:2px solid #800520;text-align:center;font-size:17px;font-weight:500;color:#800520;letter-spacing:-0.5px;}
.dept-list .bx>ul>li>a:hover	{background:#800520;color:#fff;}
.dept-list .bx ul ul	{margin-top:15px;line-height:1.6;font-size:14px;}
.dept-list .bx ul ul li a	{color:#666;}
.dept-list .bx ul ul li a:hover	{color:#000;}
.job-intro		{}
.job-intro ul	{margin:0 -20px;}
.job-intro li	{position:relative;float:left;width:calc(33.3333% - 40px);margin:0 20px;}
.job-intro .tit-wrap		{height:160px;background-color:#E7EAED;background-repeat:no-repeat;background-position:100% 100%;background-size:auto 100%;padding:40px;}
.job-intro .tit-wrap.bg1	{background-image:url(../img/job_intro_bg1.png);}
.job-intro .tit-wrap.bg2	{background-image:url(../img/job_intro_bg2.png);}
.job-intro .tit-wrap.bg3	{background-image:url(../img/job_intro_bg3.png);}
.job-intro .tit-wrap .tt1	{font-size:34px;font-weight:600;color:#445566;line-height:1;margin:0 0 10px;letter-spacing:-2px;}
.job-intro .tit-wrap .tt2	{font-size:15px;color:rgba(0,0,0,0.5);word-break:keep-all;padding-right:150px;}
.job-intro .txt-wrap	{border:1px solid #E7EAED;border-top:none;padding:30px;}
.job-intro .txt-wrap p	{font-size:15px;color:#666;}
.job-intro .txt-wrap .btn-kiumy	{margin-top:20px;}

.job-intro2		{}
.job-intro2 ul	{margin:0 -20px;}
.job-intro2 li	{position:relative;float:left;width:calc(50% - 40px);margin:0 20px;}
.job-intro2 .tit-wrap		{background-color:#E7EAED;background-repeat:no-repeat;background-position:100% 50%;background-size:auto 100%;padding:40px;}
.job-intro2 .tit-wrap.bg1	{background-image:url(../img/job_intro_bg1.png);}
.job-intro2 .tit-wrap.bg2	{background-image:url(../img/job_intro_bg2.png);}
.job-intro2 .tit-wrap.bg3	{background-image:url(../img/job_intro_bg3.png);}
.job-intro2 .tit-wrap .tt1	{font-size:2rem;font-weight:600;color:#445566;line-height:1;margin:0 0 10px;}
.job-intro2 .tit-wrap .tt2	{color:rgba(0,0,0,0.5);word-break:keep-all;}
.job-intro2 .txt-wrap		{border:1px solid #E7EAED;border-top:none;padding:30px;}
.job-intro2 .txt-wrap p		{font-size:15px;color:#666;}

@media only screen and (max-width:1240px){ /* 960 */	
	.job-intro ul	{margin:0}	
	.job-intro li	{float:none;width:auto;margin:0 0 10px 0;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.job-intro2 ul	{margin:0}	
	.job-intro2 li	{float:none;width:auto;margin:0 0 10px 0;}
	.job-intro .tit-wrap	{padding:20px;}
	.job-intro .txt-wrap	{padding:20px;}
	.job-intro2 .tit-wrap	{padding:20px;}
	.job-intro2 .txt-wrap	{padding:20px;}
	.job-intro2 .tit-wrap .tt1	{font-size:1.725rem;}
}
@media only screen and (max-width:767px){ /* auto */	
	.job-intro .tit-wrap .tt1	{font-size:1.5rem;}
	.job-intro2 .tit-wrap .tt1	{font-size:1.5rem;}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.job-intro .tit-wrap		{height:auto;background-size:auto 80%;padding:20px;}
	.job-intro .tit-wrap .tt1	{font-size:1.125rem;}
	.job-intro .tit-wrap .tt2	{font-size:.875rem;}
	.job-intro2 .tit-wrap .tt1	{font-size:1.125rem;}
	.job-intro2 .tit-wrap .tt2	{font-size:.875rem;}
	.job-intro2 .txt-wrap a	{display:block;padding:10px 0;}
}
@media only screen and (max-width:415px){ /* mobile-s */

}

/* 커리어설계new */
#career-index			{margin-bottom:60px;word-break:keep-all}
#career-index .cont		{display:flex;flex-flow:row wrap;margin:0 -10px;}
#career-index .bx		{flex:1;margin:0 10px;text-align:center;color:#fff;padding:40px 60px 180px 60px;}
#career-index .bx .tit	{font-size:2rem;font-weight:700; }
#career-index .bx .txt	{margin:20px 0 30px 0;}
#career-index .bx a	{display:block;background:rgba(0,0,0,0.2);border:none;color:#fff;margin:4px 0;border-radius:2px;padding:5px 0;}
#career-index .bx a:hover{background:#fff;color:#111}
#career-index .img1	{background:#F05C50 url(../img/career_index_img01.png) no-repeat 50% 100%}
#career-index .img2	{background:#4D8EAA url(../img/career_index_img02.png) no-repeat 50% 100%}
#career-index .img3	{background:#E4E4E4 url(../img/career_index_img03.png) no-repeat 50% 100%;color:#121F54}
#career-index .img4	{background:#768395 url(../img/career_index_img04.png) no-repeat 50% 100%;}
#career-index .title 	{text-align:center;margin:0 0 60px;}
#career-index .title p:nth-child(1)	{font-size:2.5rem;font-weight:700; color:#111}


@media only screen and (max-width:1480px){ /* 1200 */
	#career-index .bx	{padding:40px 20px 140px 20px;background-size:100% auto}
}
@media only screen and (max-width:1240px){ /* 960 */	
	#career-index .cont	{flex-direction:column;margin:0;}
	#career-index .bx	{padding:30px;background-position:100% 0;background-size: auto 80%;text-align:left;margin:0 0 20px 0}
	#career-index .btnset{display:flex;flex-flow:row nowrap;margin:0 -5px}
	#career-index .btnset a{flex:1;margin:0 5px}
}
@media only screen and (max-width:1023px){ /* 720 */	
	#career-index .bx	{background-size: auto 50%;}
	#career-index .bx .tit	{font-size:1.5rem}
	#career-index .title	{margin:0 0 20px 0}
	#career-index .title p:nth-child(1)	{font-size:2rem;}

}
@media only screen and (max-width:767px){ /* auto */	
	#career-index .bx	{background-size: auto 35%;background-position:100% 20px;}
	#career-index .btnset	{margin:0 -2px}
	#career-index .btnset a	{margin:0 2px}
}
@media only screen and (max-width:599px){ /* mobile-l */
	#career-index .bx	{padding:20px}
	#career-index .bx .tit	{font-size:1.125rem}
	#career-index .bx .txt{display:none}
	#career-index .btnset	{margin-top:10px}
}
@media only screen and (max-width:415px){ /* mobile-s */
	#career-index .btnset{flex-flow:column wrap;margin:10px 0 0 0}
	#career-index .btnset a{margin:1px 0}
}

/* 산학인증제 */
.bx-remark			{border-radius:3px;margin: 20px 150px;background: rgba(0,0,0,0.1);border-radius: 10px;}
.bx-remark > div	{float:left;width:33.3333%;padding: 20px 20px 20px 100px;position:relative;}
.bx-remark > div:before		{position:absolute;left: 40px;top:20px;content:"";display:inline-block;background-size:auto 50px;height:50px;width:50px;background-repeat:no-repeat;background-position:50% 0;vertical-align:top;}
.bx-remark .badge01:before		{background-image:url(http://kollabo.kiu.ac.kr/img/folio/medal_gold.png);}
.bx-remark .badge02:before		{background-image:url(http://kollabo.kiu.ac.kr/img/folio/medal_silver.png);}
.bx-remark .badge03:before		{background-image:url(http://kollabo.kiu.ac.kr/img/folio/medal_bronze.png);}
.bx-remark span			{display:inline-block;vertical-align:top}


#career-road{background:#F0E9DD url(../img/road_bg.png) no-repeat 50% 100%;padding:40px 40px 160px 40px;}
#career-road .bx	{float:left;width:33.3333%;padding:20px}
#career-road .tit	{display:block;background:rgba(0,0,0,0.6);color:#fff;text-align:center;font-size:22px;padding:20px 0}
#career-road .inbx{background:#fff;padding:20px;}
#career-road li	{margin:5px 0}
#career-road .inbx a:after		{content:"\f0c1";font-family:FontAwesome;font-weight:700;font-size:0.875rem;position:absolute;right:10px;top:50%;transform:translateY(-50%)}
#career-road .inbx span,
#career-road .inbx a				{display:block;line-height:45px;padding:0 10px;position:Relative;}
#career-road .inbx > ul > li > span,
#career-road .inbx > ul > li > a	{border:1px solid #eaeaea;}
#career-road .inbx ul ul li a	{font-size:0.875rem;border:none;background:#f9f9f9;margin-left:20px;}
#career-road .inbx ul ul li a:before{content:"";display:inline-block;width:10px;height:10px;border:1px solid #dfdfdf;border-top:none;border-right:none;position:absolute;left:-20px;top:10px;}
#career-road .inbx a:hover{background:#AFB4BB;border-color:#AFB4BB;color:#fff}


@media only screen and (max-width:1240px){ /* 960 */	
	#career-road{padding:30px 30px 160px 30px;}
	#career-road .bx{padding:10px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	#career-road	{padding:30px 20px;background-image:none}
	#career-road .bx{float:none;width:auto}

}

/* 직업정보검색 */
.search-box			{background:#f6f6f6;border-radius:3px;padding:30px;}
.search-box>div>div	{float:left;vertical-align:middle;}
.search-box .label	{color:#000;line-height:40px;margin-right:20px;}
.bx1_wh li,
.bg_gr li	{padding-top:3px;padding-bottom:3px;}

/* 직업정보상세 */
.sub-visual-jobinfo					{position:relative;}
.sub-visual-jobinfo .location-job	{font-size:14px}
.sub-visual-jobinfo .tit-job		{margin:30px 0;line-height:1;color:#333;font-size:36px;text-align:center;font-weight:600;letter-spacing:-2px;}
.box-bluegray	{padding:30px;background-color:#F2F5F7;}

.job-search					{}
.job-search .form-control	{display:inline-block;width:calc(100% - 70px);}
.job-search button.btn-d	{width:65px;vertical-align:top;}

/* 한국직업전망 분류별 검색*/
.korjob-category			{display:flex;}
.korjob-category:after		{content:"";display:block;float:none;clear:both;}
.korjob-category .category	{float:left;width:300px;margin-right:20px;border:1px solid #ddd;}
.korjob-category .list		{float:left;width:calc(100% - 320px);}

.korjob-category .category a{display:block;padding:10px;border-top:1px dashed #ddd;color:#333;font-size:15px;}
.korjob-category .category li:first-child a	{border-top:none;}
.korjob-category .category li a:hover,
.korjob-category .category li.on{background-color:#f9f9f9;}
#resultList.list .tit	{padding:15px 20px;border-bottom:1px solid #e6e6e6;background:#f9f9f9;color:#5A6378;font-weight:500;}
#resultList.list ul		{padding:18px 20px;}
#resultList.list li		{padding-top:2px;padding-bottom:2px;}
#resultList.list		{border:1px solid #ddd;}

/* 한국직업사전 */
.board-muti-search			{border:2px solid #768395;display:flex;flex-flow:row nowrap}
.board-muti-search .cell	{flex:1}
.board-muti-search .cell:last-child {border-left:1px solid rgba(0,0,0,0.1);}
.board-muti-search .cont	{position:relative;padding:30px;}
.board-muti-search .btn-d	{display:block;width:100%;margin-top:10px;}
.board-muti-search .tit		{color:#5A6378;font-size:16px;font-weight:600;background:#f9f9f9;padding:15px;border-bottom:1px solid rgba(0,0,0,0.1);}
.board-muti-search ul		{margin:0 -2px;}
.board-muti-search ul li	{padding:0 2px;}
.board-muti-search .a-list	{}
.board-muti-search .a-list > a {min-width:25px;margin-left:0}
.board-list-search.v1 {position:relative;margin:0 0 40px 0;padding:0;border:0;background-color:#fff;text-align:center}
.board-list-search.v1 label {padding-right:15px;color:#333;font-weight:700}
.board-list-search .search-wrap {display:inline-block;position:relative;margin:auto}
.board-list-search .search-wrap .input-text {padding-right:55px;border:1px solid #41506e}
.board-list-search .search-wrap .button {position:absolute;top:0;right:0;min-width:auto;padding:0 15px}
.board-list-search-box {border:1px solid #e0e0e0;}
.board-list-search-box .board-list-search {border:0; margin:0;}
.board-list-search-box .text-info {border-top:1px solid #e0e0e0;}

/* 직업분류 */
.area-search			{border:1px solid #ddd;display:flex;flex-flow:row nowrap}
.area-search .tit		{line-height:58px;background:#f1f2f3;text-align:center;height:60px;border-bottom:1px solid #ddd;}
.area-search .column	{flex:1 33.3333%;border-left:1px solid #ddd;}
.area-search .column:first-of-type	{border-left:none;}
.area-search .group		{max-height:400px;overflow-y:auto;}
.area-search button		{display:block;width:100%;background:none;border:none;border-top:1px dashed #e4e4e4;padding:8px 10px;word-break:keep-all;font-size:14px;cursor:pointer;transition:all 0.2s ease-out;}
.area-search button:first-of-type	{border-top:none;}
.area-search button:hover,
.area-search button:focus	{background:#f9f9f9;outline:none;}


@media only screen and (max-width:1480px){ /* 1200 */

}
@media only screen and (max-width:1240px){ /* 960 */	

}
@media only screen and (max-width:1023px){ /* 720 */
	.board-muti-search select{margin-bottom:5px;}
}
@media only screen and (max-width:767px){ /* auto */	
	.korjob-category {flex-direction:column}
	.korjob-category .category	{float:none;width:auto;margin:0 0 20px 0;}
	.korjob-category .list		{float:none;width:auto}
	.board-muti-search			{flex-flow:column wrap}
	.board-muti-search .cont	{padding:20px;}

	.area-search	{flex-direction:column}

}
@media only screen and (max-width:599px){ /* mobile-l */
	.board-muti-search .cont	{padding:10px;}
}
@media only screen and (max-width:415px){ /* mobile-s */

}

.recruit			{font-size:12px;line-height:1.5;margin-bottom:30px;}
.recruit .t_com		{color:#5A6378;font-size:14px;height:18px;line-height:18px;overflow:hidden;text-overflow:ellipsis}
.recruit .t_subject	{color:#111111;font-weight:500;margin:0 0 5px 0;height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis}
.recruit .date	{font-family:Lato;}
.recruit li		{float:left;position:relative;}
.recruit .badge	{position:absolute;padding:10px;margin:0;border-radius:0;background:#ed8301;color:#fff;font-weight:normal}
.recruit em		{color:#8e001c;margin-left:10px;}
.recruit a		{transition: all 0.1s}

.recruit-t1 ul 	{margin:-10px -10px 10px -10px;}
.recruit-t1 li	{width:33.3333%;}
.recruit-t1 li:nth-child(3n+1){clear:both}
.recruit-t1 a	{display:block;border:2px solid #ccc;margin:10px;}
.recruit-t1 a:hover		{border-color:#fff;outline:3px solid #ed8301}
.recruit-t1 a:hover	.t_subject	{color:#8e001c}
.recruit-t1 .txt		{padding:20px;}
.recruit-t1 .date		{padding:10px 20px;background:#f6f6f6;text-align:right}
.recruit-t1 .t_com		{color:#ed8301;}
.recruit-t1 .t_subject	{font-size:22px;letter-spacing:-2px;}
.recruit-t1 em			{display:inline-block;background:#8e001c;color:#fff;line-height:15px;padding:0 3px 1px;border-radius:2px;}
.recruit-t1 .badge		{right:10px;top:10px;}
.recruit-t2 .badge		{right:0;top:0;}
.recruit-t2				{background:#f6f6f6;padding:10px;}
.recruit-t2 li			{width:25%;}
.recruit-t2 li:nth-child(-n+4)	a	{border-top:none}
.recruit-t2 li:nth-child(4n+1)		{clear:both;}
.recruit-t2 li:nth-child(4n+1) a	{}
.recruit-t2 a			{display:block;background:#fff;border:1px dotted #ddd;border-left:none;border-bottom:none;padding:20px;}
.recruit-t2 a:hover		{background:#f6f6f6}
.recruit-t2 .t_subject	{font-size:16px;}
.recruit-t2 .date		{position:absolute;right:20px;bottom:20px;}
.recruit-t2 em			{color:#ed8301;font-weight:600}


@media only screen and (max-width:1480px){ /* 1200 */

}
@media only screen and (max-width:1240px){ /* 960 */	

}
@media only screen and (max-width:1023px){ /* 720 */

}
@media only screen and (max-width:767px){ /* auto */
	.recruit			{margin-bottom:10px;}
	.recruit-t2 li:nth-child(3)	a,.recruit-t2 li:nth-child(4) a	{border-top:1px dotted #ddd}
	.recruit-t2 li		{width:50%;}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.recruit-t1 li	{width:50%;}
	.recruit-t1 li:nth-child(2n+1){clear:both}
	.recruit-t1 li:nth-child(3n+1){clear:none}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.recruit .badge	{right:0;top:0;}
	.recruit-t1 ul 	{margin:0;}
	.recruit-t1 li	{float:none;width:auto;}
	.recruit-t1 a	{margin:0 0 10px 0;}
}

.job-guide		{background-color:#BCAB90;background-repeat:no-repeat;background-position:30px 100%;padding:30px;margin:0 0 30px 0;color:#fff;font-weight:400;border-radius:8px;}
.job-guide.img1	{background-image:url(../img/img_job_guide01.png);}
.job-guide.img2	{background-image:url(../img/img_job_guide02.png);background-position:30px 70%;}
.job-title:before,
.job-title:after{content:"";clear:both;display:block;float:none}
.job-title h2	{float:left;margin:0 0 20px 0;color:#8e001c}
.job-title h3	{float:left;margin:0 0 20px 0;color:#8e001c}
.job-title .more{float:right;display:inline-block;border-radius:80px;padding:0 20px;line-height:30px;background:#8e001c;color:#fff;font-size:12px;}
.job-title .more:hover	{background:#6d7889}
.jobcenter	{background:#f6f6f6 url(../img/img_jobcenter.png) no-repeat 100% 0;padding:40px 480px 40px 40px;word-break:keep-all}


.list-jobinfo			{border-bottom:1px solid #ddd;margin-bottom:5px;color:#888}
.list-jobinfo > ul > li	{border-top:1px dotted #ddd;padding:20px 0;vertical-align:top;font-size:14px;}
.list-jobinfo li:first-child	{border-top:none !important}
.list-jobinfo li:after{content:"";clear:both;display:block;float:none;}
.list-jobinfo .co-name	{float:left;width:180px;}
.list-jobinfo .co-name .fs2{color:#222;text-decoration:underline}
.list-jobinfo .title	{float:left;width:calc(100% - 440px);padding:0 20px;}
.list-jobinfo .title a{display:block;margin-bottom:5px;font-size:16px;color:#9E8261;font-weight:500;letter-spacing:-1px}
.list-jobinfo .title a:hover{color:#8e001c}
.list-jobinfo .title .fa{color:#ccc;display:inline-block;width:15px;}
.list-jobinfo .desc	{float:left;width:180px;font-size:13px;}
.list-jobinfo .date	{float:right;width:80px;font-size:13px;line-height:1.5;text-align:center;}

.bnr-bx	{border-radius:6px;padding:20px 20px 20px 80px;font-weight:400;font-size:1.25rem;line-height:1.2;position:relative;word-break:keep-all}
.bnr-bx.recruit-1{background:#FF9999;color:#fff}
.bnr-bx.recruit-2{background:#8080D5;color:#fff}
.bnr-bx.stu-open{background:#6666cc;color:#fff}
.bnr-bx:before	{content:"\f164";font-family:FontAwesome;font-size:2rem;position:absolute;left:30px;top:20px;}
.bnr-bx.stu-open:before	{content:"\f70e";font-weight:900;left:25px;}

@media only screen and (max-width:1480px){ /* 1200 */

}
@media only screen and (max-width:1240px){ /* 960 */	

}
@media only screen and (max-width:1023px){ /* 720 */
	.list-jobinfo .co-name	{float:none;width:auto;margin-bottom:10px;}
	.list-jobinfo .title	{float:left;width:calc(100% - 260px);padding:0 20px 0 0;}

}
@media only screen and (max-width:767px){ /* auto */	
	
}
@media only screen and (max-width:599px){ /* mobile-l */
	.job-guide{padding:20px;margin:0 0 20px 0}
	.list-jobinfo .title,
	.list-jobinfo .desc,
	.list-jobinfo .date	{float:none;width:auto;text-align:left}
	.list-jobinfo .title p,
	.list-jobinfo .desc li	{display:inline-block;margin-right:10px;}
	.bnr-bx{font-size:1rem}
}
@media only screen and (max-width:415px){ /* mobile-s */

}

/* 역량진단 */

.go-research				{position:relative;background:#8E001C url(../img/research_bg.png) repeat;margin:0 0 40px 0;box-shadow:0 10px 15px rgba(0,0,0,0.15);}
.go-research .d_width		{padding:40px;}
.go-research .d_width:after	{content:"";position:absolute;right:40px;bottom:0;display:block;width:380px;height:210px;background:url(../img/research_img.png) no-repeat 50% 50%;}
.go-research p		{color:#fff;}
.go-research .tt1	{font-size:1.25rem;line-height:1.1;}
.go-research .tt2	{font-size:2.5rem;font-weight:600;letter-spacing:-3px;line-height:1;margin:5px 0 15px;}
.go-research .tt2 span	{display:inline-block;background:#FFCC00;color:#8E001C;padding:1px 3px;}
.go-research a			{position:absolute;right:220px;top:50%;margin-top:-25px;display:inline-block;padding:0 30px;line-height:48px;background:#fff;border:2px solid #fff;color:#8E001C;border-radius:50px;font-weight:500;z-index:1;}
.go-research a:hover	{background:#8E001C;color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.4);}

#test-index		{}
#test-index .d_width{min-width:auto;}
#test-index ul	{margin:0 -20px;}
#test-index li	{position:relative;float:left;width:calc(50% - 40px);margin:0 20px 40px;height:350px;padding:50px;background-repeat:no-repeat;background-position:right 30px bottom 95px;}
#test-index li .tit	{font-size:2rem;font-weight:600;line-height:1;letter-spacing:-2px;margin:0 0 30px;color:#fff;}
#test-index li .txt	{font-size:.9rem;word-break:keep-all;padding-right:150px;color:rgba(255,255,255,0.6);}
#test-index .bg1	{background-color:#f6f6f6;background-image:url(../img/test_index_ico1.png);}
#test-index .bg2	{background-color:#F05C50;background-image:url(../img/test_index_ico2.png);}
#test-index .bg3	{background-color:#FF9900;background-image:url(../img/test_index_ico3.png);}
#test-index .bg4	{background-color:#445566;background-image:url(../img/test_index_ico4.png);}
#test-index .bg1 .tit	{color:#F05C50;}
#test-index .bg1 .txt	{color:#888;}
#test-index .btn-wrap	{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,0.2);}
#test-index .btn-wrap a	{float:left;width:50%;line-height:65px;text-align:center;font-size:16px;font-weight:500;color:#fff;}
#test-index .btn-wrap a:first-of-type	{border-right:1px solid rgba(0,0,0,0.1);}
#test-index .btn-wrap:hover a		{width:50%;border:none;}
#test-index .btn-wrap:hover a:hover	{width:calc(50% - 10px);margin:0 5px;background:#fff;transform:translateY(-5px);box-shadow:0 10px 5px -5px rgba(0,0,0,0.2);}
#test-index .bg1 .btn-wrap:hover a:hover{background:#F05C50;color:#fff;}
#test-index .bg2 .btn-wrap:hover a:hover{color:#F05C50;}
#test-index .bg3 .btn-wrap:hover a:hover{color:#FF9900;}
#test-index .bg4 .btn-wrap:hover a:hover{color:#445566;}
.aptitude-topbx li	{line-height:1.8;}
.aptitude-topbx li i	{display:inline-block;width:16px;text-align:center;margin-right:5px;}

@media only screen and (max-width:1480px){ /* 1200 */
	#test-index li	{padding:40px;}
}
@media only screen and (max-width:1240px){ /* 960 */	
	.go-research .d_width{padding-right:400px}
	.go-research .d_width:after	{bottom:auto;top:50%;transform:translateY(-50%);width:300px;height:180px;background-position:50% 100%;background-size:100% auto;}
	.go-research .tt2	{font-size:2rem;}
	.go-research a			{position:relative;right:auto;top:auto;margin-top:20px;}
	#test-index ul	{margin:0 -10px;}
	#test-index li	{width:calc(50% - 20px);margin:0 10px 20px;height:400px;}
	#test-index li .tit	{font-size:1.5rem;}


}
@media only screen and (max-width:1023px){ /* 720 */
	.go-research .d_width{padding-right:240px}
	.go-research .d_width:after	{width:200px;height:120px;}
	.go-research .tt2	{font-size:1.75rem;}
	.go-research .txt	{display:none}
	.go-research a	{padding:0 20px;line-height:40px;margin:0;}
	#test-index ul	{margin:0;}
	#test-index li	{float:none;width:auto;height:auto;padding:30px 30px 90px 30px;margin:0 0 10px 0;background-size:100px auto}
}
@media only screen and (max-width:767px){ /* auto */	
	.go-research		{padding:40px;}	
	#test-index li{background-size:80px auto;background-position:right 30px top 30px;}
	#test-index li .txt{padding-right:100px;}
	#test-index .btn-wrap a	{line-height:55px;font-size:1rem}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.go-research		{padding:30px 0 30px 30px;}
	.go-research .d_width{overflow:hidden}
	.go-research .d_width:after{right:-100px;}
	#test-index .d_width{padding:0;}
	#test-index li	{background-size:40px auto;background-position:right 20px top 20px;}
	#test-index li .tit	{font-size:1.25rem;}
	#test-index li .txt{padding-right:0px;text-align:justify}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.go-research		{padding:20px 0 20px 20px;}
	.go-research .d_width{text-align:Center;}
	.go-research .d_width:after{display:none;}
	
}

/* 나의 역량개발 */
.edu-tag	{display:block;width:80px;padding:7px 0 6px;text-align:center;font-size:12px;color:#fff;border-width:1px;border-style:solid;}
.edu-tag-1	{background:#3399CC;border-color:#3399CC;}
.edu-tag-2	{background:#6666CC;border-color:#6666CC;}
.edu-tag-3	{background:#FF6699;border-color:#FF6699;}
.edu-tag-4	{background:#339999;border-color:#339999;}
.edu-tag-5	{background:#ACB0BB;border-color:#ACB0BB;}
.edu-tag-6	{background:#FAAD4D;border-color:#FAAD4D;}
.edu-tag-7	{background:#2dce89;border-color:#2dce89;}
.edu-tag-8	{background:#11cdef;border-color:#11cdef;}
.edu-tag-9	{background:#3E78C1;border-color:#3E78C1;}

#edu-index	{}
#edu-index ul	{margin:0 -10px;}
#edu-index li	{float:left;width:calc(50% - 20px);margin:0 10px;padding:50px;word-break:keep-all;box-shadow:0 15px 10px -10px rgba(0,0,0,0.2);}
#edu-index .tit	{font-size:34px;font-weight:600; }
#edu-index .txt	{margin:30px 0 60px;}
#edu-index a	{border-width:2px;border-style:solid;font-size:16px;padding:15px 30px;display:inline-block;border-radius:50px;line-height:1.1;box-shadow:0 15px 10px -10px rgba(0,0,0,0.2);}
#edu-index a:after	{content:"\f061";font-family:FontAwesome;font-weight:900;font-size:14px;margin-left:30px;}
#edu-index .bg1	{background:#fff url(../img/edu_top_bg1.png) no-repeat 90% 100% / auto 70%;}
#edu-index .bg2	{background:#F05C50 url(../img/edu_top_bg2.png) no-repeat 90% 100% / auto 70%;}
#edu-index .bg1 .tit	{color:#B40200;}
#edu-index .bg2 .tit	{color:#FFFFCC;}
#edu-index .bg2 .txt	{color:#fff;}
#edu-index .bg1 a	{background:#B40200;border-color:#B40200;color:#fff;}
#edu-index .bg2 a	{background:#FFFFCC;border-color:#FFFFCC;color:#F05C50;}
#edu-index .bg1 a:hover	{background:#fff;color:#B40200;}
#edu-index .bg2 a:hover	{background:#F05C50;color:#FFFFCC;}

.edu-list		{}
.edu-list > ul	{margin:-10px;}
.edu-list > ul > li	{position:relative;float:left;width:calc(25% - 20px);margin:0 10px 20px 10px ;}
.edu-list .tag-area	{position:absolute;right:10px;top:0px;z-index:2;background:#8BC932;color:#fff;text-align:center;padding:5px 8px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.edu-list .ico-mileage	{display:inline-block;font-size:11px;background:url(../img/ico_mileage.png) no-repeat 0 0 ;padding-left:25px;line-height:19px;height:19px;vertical-align:top}
.edu-list .edu-tag	{position:absolute;left:10px;top:10px;z-index:1;}
.edu-list .race-wrap	{position:absolute;left:10px;top:10px;z-index:1;}
.edu-list .race-bx		{box-shadow:0 0 5px rgba(0,0,0,0.1);}
.edu-list .img			{position:relative;overflow:hidden;height:200px;}
.edu-list .img img		{width:100%;max-width:100%;min-height:100%;object-fit:cover;transform:translateX(-50%);left:50%;top:0;position:absolute;}
.edu-list .img .noimg	{display:block;width:100%;height:100%;background:#f1f1f1;}
.edu-list .img .noimg:before	{content:"";background:url(../img/logo_noimg.png) no-repeat;width:72px;height:46px;font-family:FontAwesome;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:60px;color:rgba(0,0,0,0.06);}
.edu-list .mask-end		{position:absolute;left:0;top:0;width:100%;height:200px;background:rgba(0,0,0,0.55);color:#fff;text-align:center;font-size:1.125rem;z-index: 2;padding:0 20px;word-break:keep-all}
.edu-list .mask-end p	{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.edu-list .cont			{background:#F9F9F9;padding:25px;}
.edu-list .subject p	{font-size:14px;color:#8E001C;}
.edu-list .subject a	{display:block;margin:0 0 10px;font-size:22px;font-weight:600;color:#000; height:60px;overflow:hidden;text-overflow:ellipsis}

.edu-list .desc			{padding:4px 0 0 0;}
.edu-list .desc:after	{content:"";display:block;float:none;clear:both;}
.edu-list .desc span	{float:left;display:block;height:22px;/* overflow:hidden; */font-size:15px;}
.edu-list .desc span.sch	{font-size:14px;}
.edu-list .desc span:nth-of-type(1)	{width:70px;color:#8E001C}
.edu-list .desc span:nth-of-type(2)	{width:calc(100% - 70px);color:#333;}
.edu-list .desc span:nth-of-type(2)	span	{display:block;color:#333;width:auto;float:none;}
.edu-list .desc .btn-d.btn-xsm	{font-size:0.5rem;line-height:18px;margin:-3px 0 0 5px;}
.edu-list>ul>li>a		{display:block;padding:14px 0;background:#FF9900;text-align:center;font-size:16px;color:#fff;border:2px solid #FF9900;}
.edu-list>ul>li>a:before	{content:"\f00c";font-family:FontAwesome;font-weight:900;margin-right:10px;font-size:14px;}
.edu-list .none	{padding:220px 0;text-align:center;color:#ccc;border:1px dashed #dfdfdf;font-size:18px;margin:0 10px;}
.edu-list .btm-cont		{background:#f9f9f9;padding:0 20px;font-size:14px;border-top:1px solid #eee;line-height:50px;}
.edu-list .btm-cont span:nth-of-type(1)	{float:left;}
.edu-list .btm-cont span:nth-of-type(1):before	{content:"\f073";font-family:FontAwesome;margin-right:5px;}
.edu-list .btm-cont span:nth-of-type(2)	{float:right; }
.edu-list .over-cont			{display:none;text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);transition:all ease-out 0.2s;}
.edu-list>ul>li:hover .over-cont{display:block;}
.edu-list .over-cont a.btn-d.dpb		{position:absolute;left:0;bottom:0;width:100%;display:block;background:#ff9900;line-height:50px;height:50px;text-align:center;color:#fff;border:none;}
.edu-list .over-cont a.btn-d.dpb:hover{background:#ff9900 !important}
.edu-list .over-cont a.btn-dgray.dpb		{position:absolute;left:0;bottom:0;width:100%;display:block;background:#768395;line-height:50px;height:50px;text-align:center;color:#fff;border:none;}
.edu-list .over-cont a.btn-dgray.dpb:hover{background:#768395 !important}
.edu-list .over-cont .inbx		{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;width:100%;z-index:2;padding:0 30px;word-break:keep-all}
.edu-list .over-cont .subject	{margin-bottom:30px;}
.edu-list .over-cont .subject p	{color:#ff9900}
.edu-list .over-cont .subject a	{color:#fff;font-size:2rem;line-height:1.1;height:72px;}

.race-bx		{display:inline-block;width:22px;height:22px;border-radius:3px;text-align:center;line-height:22px;vertical-align:middle;margin-top:-2px;font-size:14px;color:#fff;}
.raceR			{background:#B3B3B3;}
.raceA			{background:#8E001C;}
.raceC			{background:#FE7013;}
.raceE			{background:#AE8B3A;}
.rece-legend	{background:#f9f9f9;margin-top:10px;font-size:14px;padding:15px 20px 12px 20px;}
.rece-legend p	{padding:2px 0;}
.rece-legend .race-bx	{margin-right:10px;}
.rece-legend em	{display:inline-block;width:80px;}
.raceR + em		{color:#B3B3B3;}
.raceA + em		{color:#8E001C;}
.raceC + em		{color:#FE7013;}
.raceE + em		{color:#AE8B3A;}

.mate-bx		{display:inline-block;width:22px;height:22px;border-radius:3px;text-align:center;line-height:22px;vertical-align:middle;margin-top:-2px;font-size:14px;color:#fff;}
.mateM			{background:#737373;}
.mateA			{background:#7EA07E;}
.mateT			{background:#CE4003;}
.mateE			{background:#CE1573;}
.mate-legend	{background:#f9f9f9;margin-top:10px;font-size:14px;padding:15px 20px 12px 20px;}
.mate-legend p	{padding:2px 0;}
.mate-legend .mate-bx	{margin-right:10px;}
.mate-legend em	{display:inline-block;width:160px;}
.mateM + em		{color:#737373;}
.mateA + em		{color:#7EA07E;}
.mateT + em		{color:#CE4003;}
.mateE + em		{color:#CE1573;}

.edu-view		{position:relative;border-top:2px solid #445566;padding:30px;background:#F4F4F4;}
.edu-view .img	{float:left;width:500px;border:1px solid rgba(0,0,0,0.05);position: relative;min-height: 400px;}
.edu-view .txt	{float:left;width:calc(100% - 500px);padding-left:30px;}

.edu-view .img img					{max-width:100%;width:100%;}
.edu-view .img .noimg:before		{content:"";background:url(../img/logo_noimg.png) no-repeat;width:72px;height:46px;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);display:block;line-height:300px;text-align:center;font-size:60px;color:#ccc;}
.edu-view .subject		{font-size:25px;color:#333;padding-right:200px;margin:10px 0 20px; font-weight:500;word-break:keep-all;line-height:1.2;}
.edu-view .txt>.btn-d	{position:absolute;right:30px;top:30px;}

.edu-view table		{border-top:1px solid #ccc;background:#fff;}
.edu-view table tr	{border-bottom:1px solid #ccc;}
.edu-view table th, .edu-view table td	{padding:15px;}
.edu-view table th	{width:140px;background:#768395;color:#fff;text-align:center;}

@media only screen and (max-width:1480px){ /* 1200 */
	.edu-list .img .mask-end{line-height:1.2;font-size:1rem}
	.edu-list .btm-cont{line-height:1.5;padding:20px;}
	.edu-list .btm-cont span {display:block;float:none !important;}
}
@media only screen and (max-width:1240px){ /* 960 */	
	.edu-list .over-cont .subject a	{font-size:1.5rem;}
	.edu-view .img	{width:320px;}
	.edu-view .txt	{width:calc(100% - 320px);}

}
@media only screen and (max-width:1023px){ /* 720 */
	.edu-list > ul > li	{width:calc(50% - 20px);margin-bottom:20px;}

	.edu-view .img	{float:none;width:320px;margin:0 auto 40px}
	.edu-view .txt	{float:none;width:auto;padding:0;}
	.edu-view .edu-tag{margin:0 auto;}
	.edu-view .subject{text-align:center;padding-right:0px;}
	.edu-view .txt>.btn-d{position:relative;right:auto;top:auto;display:block;margin:20px auto 0;}
}
@media only screen and (max-width:767px){ /* auto */		
	.edu-list > ul{margin:0;}
	.edu-list > ul > li	{width:auto;float:none;display:flex;flex-flow:row nowrap;margin:10px 0}
	.edu-list .mask-end	{width:180px;height:100%;}
	.edu-list .img	{width:180px;height:auto;}
	.edu-list .contwrap	{width:calc(100% - 180px);}
	.edu-list .subject a	{font-size:1.125rem;height:25px;white-space:nowrap}
	.edu-list>ul>li:hover .over-cont{display:none;}
	.edu-view .img	{width:240px;}

}
@media only screen and (max-width:599px){ /* mobile-l */
	.edu-list .mask-end	{width:140px;}
	.edu-list .img		{width:140px;}
	.edu-list .contwrap	{width:calc(100% - 140px);}

	.edu-view table tr	{display:block;border-bottom:1px dotted #ddd}
	.edu-view table th, .edu-view table td	{display:inline-block;width:auto;padding:10px;border:none;background:#fff;color:#777;text-align:left}
	

}
@media only screen and (max-width:415px){ /* mobile-s */
	.edu-list .img		{display:none}
	.edu-list .mask-end	{width:100%;}
	.edu-list .contwrap	{width:100%;}
}

/* 멘토링 */
.mentor-wrap:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;background:#F2F4FA url(../img/mentor_bg.png) repeat;}
#mentor-index		{padding:160px 0 80px;}
#mentor-index.mentor-wrap:before	{height:100%;}
#mentor-index .tit-wrap	{color:#000;margin:0 0 40px;}
#mentor-index .tit-wrap .tit	{font-size:60px;font-weight:600;margin:0 0 10px;letter-spacing:-2px;}
#mentor-index .tit-wrap .txt	{font-size:20px; }

/* 포트폴리오 */
#folio-index		{min-height:1200px;padding-top:160px;background:#DFE3EE url(../img/folio_index_bg.jpg) no-repeat 50% 100%;}
#folio-index .tit-wrap	{text-align:center;color:#000;margin:0 0 40px;}
#folio-index .tit-wrap .tit	{font-size:60px;font-weight:600;margin:0 0 10px;letter-spacing:-2px;}
#folio-index .tit-wrap .txt	{font-size:20px; }
#folio-index ul		{margin:0 -20px;}
#folio-index li		{float:left;width:25%;padding:20px;}
#folio-index li a	{display:block;padding:40px;background-image:linear-gradient(to bottom, #fff, transparent);text-align:center;border:1px solid #fff;box-shadow:0 20px 15px -10px rgba(0,0,0,0.2);}
#folio-index .ico	{display:block;width:110px;height:110px;margin:0 auto 20px;background-repeat:no-repeat;background-position:50% 50%;}
#folio-index .ico1	{background-image:url(../img/folio_index_ico1.png);}
#folio-index .ico2	{background-image:url(../img/folio_index_ico2.png);}
#folio-index .ico3	{background-image:url(../img/folio_index_ico3.png);}
#folio-index .ico4	{background-image:url(../img/folio_index_ico4.png);}
#folio-index li .tit	{font-size:30px;font-weight:600;color:#000; line-height:1;}
#folio-index li .txt	{margin:15px 0;color:#666;}
#folio-index .go	{transition:all 0.2s ease-out;padding:10px 20px;font-size:14px;}

/*학습콘텐츠*/
#data-snb		{float:left;width:240px;padding:0;margin:0}
#data-content	{float:left;width:calc(100% - 240px);padding:0 0 0 60px;margin:0;}

#data-snb h2	{background:none;line-height:30px;margin:0;font-size:20px;font-weight:600;color:#fff;padding:20px;display:none;}
#snbmn			{margin-bottom:10px;background:#20305C;padding:5px;}
#snbmn a		{display:block;position:relative;word-break:keep-all}
#snbmn a[target=_blank]:after {content:"\f08e";font-family:FontAwesome;font-size:14px;margin-left:10px;color:rgba(0,0,0,0.4)}
#snbmn > ul		{background:#fff;}
#snbmn > ul > li > a	{padding:10px 10px 10px 50px;border-bottom:1px solid rgba(0,0,0,0.1);color:#454545;font-size:16px;font-weight:500; background-repeat:no-repeat;background-size:30px auto;background-position:10px 50%;}
#snbmn > ul > li > a:hover	{background-color:#efefef;margin:0;}
#snbmn > ul > li > a.on 	{background-color:#768395;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);border:none;}
#snbmn li:last-child a	{border-bottom:none;}
#snbmn li:nth-child(1)>a{background-image:url(../img/archive_mn_ico01.png)}
#snbmn li:nth-child(2)>a{background-image:url(../img/archive_mn_ico02.png)}
#snbmn li:nth-child(3)>a{background-image:url(../img/archive_mn_ico03.png)}
#snbmn li:nth-child(4)>a{background-image:url(../img/archive_mn_ico04.png)}
#snbmn li:nth-child(5)>a{background-image:url(../img/archive_mn_ico05.png)}
#snbmn li:nth-child(6)>a{background-image:url(../img/archive_mn_ico06.png)}
#snbmn li:nth-child(7)>a{background-image:url(../img/archive_mn_ico07.png)}

#data-snb .sorting		{margin-bottom:10px;}
#data-snb .sorting .bx	{padding:15px 20px;border:1px solid #ccc;border-bottom:none}
#data-snb .sorting .tit	{margin-bottom:5px;font-size:14px;font-weight:500;color:#8e001c}
#data-snb .sorting li	{padding:3px 0;font-size:14px;}
#data-snb .sorting .tv-checkbox input[type="checkbox"] + label::before	{vertical-align:top;margin-top:-1px;}

.data-search-wrap		{padding:30px;background:#20305C}
.data-search-wrap .bx	{display:flex;flex-flow:row nowrap}
.data-search-wrap select{width:200px;border:none;}
.data-search-wrap input	{margin:0 2px;border:none;}
.data-search-wrap a		{display:inline-block;line-height:45px;color:#fff;width:50px;text-align:center;}
@media only screen and (max-width:1480px){ /* 1200 */
	#data-content	{padding-left:40px}
}
@media only screen and (max-width:1240px){ /* 960 */	
	#data-snb		{width:200px;}
	#data-content	{width:calc(100% - 200px);padding-left:20px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	#data-snb,
	#data-content	{float:none;width:auto;padding:0;}
	#data-content{padding-top:20px;}
	#snbmn > ul:before,#snbmn > ul:after{content:"";clear:both;display:block;float:none;}
	#snbmn > ul > li > a{float:left;width:50%}
	#snbmn > ul > li:nth-child(2n) > a{border-left:1px solid #eaeaea}
	#data-snb .sorting li{float:left;width:20%}
}

@media only screen and (max-width:599px){ /* mobile-l */
	#snbmn > ul > li > a{background-image:none !important;padding:10px;font-size:.925rem;white-space:nowrap}
	#data-snb .sorting .bx{padding:10px}
	#data-snb .sorting li{width:33.3333%}
}
@media only screen and (max-width:415px){ /* mobile-s */
	#data-snb .sorting li{width:50%}
}
.bx-tag		{position:relative;background:#f6f6f6;padding:20px 20px 20px 120px;margin-top:20px;}
.bx-tag h4	{padding:0;margin:0;position:absolute;left:20px;top:20px;}
.tag-search	{position:relative;padding-right:50px;}
.tag-search	.btn-search			{position:absolute;right:-1px;top:-1px;}
.tag-search	.btn-search a		{position:relative;display:block;width:60px;height:60px;line-height:60px;text-align:center;}
.tag-search	.btn-search i		{position:relative;color:#FF9900;transition:all 0.2s ease-out;}
.tag-search	.btn-search a:hover i	{color:#fff;}
.tag-search	.btn-search a:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#FF9900;transform:scale(0);transition:all 0.2s ease-out;}
.tag-search	.btn-search a:hover:before	{transform:scale(1);}
.tag-search .tag		{display:inline-block;margin:2px;border-radius:4px;color:#111;line-height:30px;padding:0 20px;font-size:14px;}
.tag-search .tag:before	{content:"#";display:inline-block;margin-right:6px;color:#8E001C;font-weight:500}
.tag-search .tag:hover	{border-color:#8E001C;color:#8E001C;}
.tag-search .tag.on	{border-color:#8E001C;color:#8E001C;}
.tag-search .nodata{color:#999;font-size:14px;}

.board-title	{margin:20px 0;}
.board-title h2	{float:left;margin:0;}
.board-title h2 span	{color:#8E001C;margin-left:10px;}
.board-title *	{vertical-align:top;}

.file-type:before		{content:"";background-repeat:no-repeat;background-position:0 0;display:inline-block;vertical-align:middle;background-size:40px 40px;width:40px;height:40px;}
.file-type.ico-all:before{background-image:url(../img/file_all.png)}
.file-type.ico-doc:before{background-image:url(../img/file_doc.png)}
.file-type.ico-img:before{background-image:url(../img/file_img.png)}
.file-type.ico-pdf:before{background-image:url(../img/file_pdf.png)}
.file-type.ico-ppt:before{background-image:url(../img/file_ppt.png)}
.file-type.ico-video:before{background-image:url(../img/file_video.png)}
table .file-type:before,
.file-sorting .file-type:before{content:"";background-repeat:no-repeat;background-position:0 0;display:inline-block;vertical-align:middle;background-size:40px 20px;width:40px;height:20px;}
table .file-type.ico-all:before,
.file-sorting .file-type.ico-all:before{background-image:url(../img/file_all_s.png)}
table .file-type.ico-doc:before,
.file-sorting .file-type.ico-doc:before{background-image:url(../img/file_doc_s.png)}
table .file-type.ico-img:before,
.file-sorting .file-type.ico-img:before{background-image:url(../img/file_img_s.png)}
table .file-type.ico-pdf:before,
.file-sorting .file-type.ico-pdf:before{background-image:url(../img/file_pdf_s.png)}
table .file-type.ico-ppt:before,
.file-sorting .file-type.ico-ppt:before{background-image:url(../img/file_ppt_s.png)}
table .file-type.ico-video:before,
.file-sorting .file-type.ico-video:before{background-image:url(../img/file_video_s.png)}

#archive-list				{border-top:2px solid #20305C;}
#archive-list .list-search	{float:right;position:relative;}
#archive-list .list-search select	{float:left;width:100px;margin-right:5px;}
#archive-list .list-search input	{float:left;width:calc(100% - 105px);padding-right:40px;}
#archive-list .list-search a		{position:absolute;right:0;top:0;display:block;width:40px;height:40px;text-align:center;line-height:40px;}
#archive-list .list-search a:hover	{color:#FF9900;}
#archive-list .file-sorting			{padding:20px 0;}
#archive-list .file-sorting ul		{display:flex;flex-flow:row nowrap}
#archive-list .file-sorting li		{position:relative;}
#archive-list .file-sorting li:before{content:"";display:inline-block;height:20px;border-left:1px solid #dfdfdf;float:left;margin-top:10px;}
#archive-list .file-sorting li:first-child:before{border:none;}
#archive-list .file-sorting a			{position:relative;display:block;padding:0 20px 0 15px;line-height:40px;font-size:14px;}
#archive-list .file-sorting a:before	{margin-right:10px;margin-top:-2px;}
#archive-list .file-sorting a:hover		{background:#f1f1f1;border-radius:3px;}
#archive-list .file-sorting .on a		{background:#768395;color:#fff;border-radius:3px;}
#archive-list .file-sorting .on + li:before	{border:none;}

.sorting-btn		{display:inline-block;border:1px solid #dfdfdf;width:70px;}
.sorting-btn:after	{content:"";clear:both;display:block;float:none;}
.sorting-btn a		{display:block;float:left;height:33px;line-height:33px;width:50%;border-left:1px solid #efefef;text-align:center;}
.sorting-btn a:first-child{border:none;}
.sorting-btn a:focus,
.sorting-btn a:hover{background:#f6f6f6}
.sorting-btn a.on	{color:#8E001C}
.sorting-btn a:before{content:"";font-family:FontAwesome;font-weight:900;font-size:.825rem;}
.sorting-btn a.ico-gallry:before{content:"\f009"}
.sorting-btn a.ico-list:before{content:"\f03a"}

#archive-list ul.list			{margin:0 -20px;}
#archive-list ul.list li		{float:left;width:33.3333%;}
#archive-list ul.list li a		{position:relative;display:block;margin:0 20px 40px 20px;}
#archive-list ul.list li a:hover{box-shadow:5px 5px 10px rgba(0,0,0,0.2);transform:translateY(-5px)}
#archive-list ul.list li .file-type			{position:absolute;z-index:6;right:15px;top:15px;}
#archive-list ul.list li .file-type:before	{background-size:40px 40px;width:40px;height:40px;}
#archive-list .img			{position:relative;z-index:5;overflow:hidden;height:200px;}
#archive-list .img:before	{content:"";border:1px solid rgba(0,0,0,0.1);background:rgba(0,0,0,0.35);position:absolute;width:100%;height:100%;}
#archive-list .img img		{max-width:100%;}
#archive-list .img .noimg	{display:block;width:100%;height:100%;}
#archive-list .img .noimg:before	{content:"\f03e";font-family:FontAwesome;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:60px;color:rgba(0,0,0,0.06);}
#archive-list .desc				{position:relative;height:180px;padding:25px;border:1px solid rgba(0,0,0,0.1);border-top:none;}
#archive-list .desc .category	{font-size:14px;color:#FF9900;line-height:1.2;height:16px;overflow:hidden;text-overflow:ellipsis;}
#archive-list .desc .subject	{margin:8px 0;max-height:26px;overflow:hidden;display:block;font-size:18px;color:#333;font-weight:500;text-overflow:ellipsis;line-height:1.6;}
#archive-list li:hover .desc .subject{color:#8E001C;text-decoration:underline;}
#archive-list .desc .txt		{overflow:hidden;height:42px;text-overflow:ellipsis;line-height:1.5;font-size:15px;}
#archive-list .desc .writer		{margin-top:12px;font-size:13px;color:#bbb;}
#archive-list .desc .writer:before	{content:"\f007";font-family:FontAwesome;font-weight:600;margin-right:5px;font-size:12px;}



@media only screen and (max-width:1440px){ /*1200*/
	#archive-list .thumb-img	{height:160px;}
	#archive-list ul.list li a.more	{height:330px;padding:0 60px;}
	.archive-bnr a	{padding-left:80px;}
}

@media only screen and (max-width:1256px){ /*960*/
	#archive-list ul.list		{margin:0 -10px -10px;}
	#archive-list ul.list li	{width:calc(33.3333% - 20px);margin:10px;}
	#archive-list .desc .txt	{max-height:44px;}
	#archive-list ul.list li a.winner:before	{background-size:80%;top:-10px;left:-15px;}
	.archive-bnr a	{background-size:35px auto;background-position:10px 50%;padding-left:60px;}
}
@media only screen and (max-width:1023px){/*720*/
	#archive-list ul.list li a.more	{height:300px;padding:0 40px;}
	#archive-list .thumb-img	{height:140px;}
	#archive-list .desc			{height:160px;padding:20px;}
	#archive-list .file-sorting,
	#archive-list .list-search		{clear:both;float:none;}
	#archive-list .file-sorting a	{font-size:14px;}
	#archive-list .file-sorting a:before	{margin-top:-4px;}
	#archive-list .list-search		{margin-top:10px;}
	.archive-bnr li	{width:50%;}
	.archive-bnr a	{line-height:58px;font-size:14px;padding-left:50px;}
	.archive-bnr li:nth-child(3) a	{border-left:none}
	.archive-bnr li:nth-child(3) a,.archive-bnr li:nth-child(4) a{border-top:1px solid #eaeaea;}
}
@media only screen and (max-width:768px){/*mobile-l*/
	.bx-tag		{padding:15px;}
	.bx-tag h4	{padding:0;margin:0 0 10px 5px;position:relative;left:auto;top:auto;}
	#archive-list .file-sorting li	{width:25%}
	#archive-list .file-sorting li:before{height:10px;}
	#archive-list .file-sorting a	{line-height:30px;font-size:13px;}
	#archive-list ul.list li		{width:calc(50% - 20px);}
	#archive-list ul.list li a.more	{height:290px;}
	#archive-list .desc				{height:150px;}
	#archive-list .desc .category	{font-size:13px;white-space:nowrap}
	#archive-list .desc .subject	{max-height:22px;line-height:1.2;}
	#archive-list .desc .subject a	{font-size:16px;}
	#archive-list .desc .txt		{font-size:14px;max-height:42px;}
	#archive-list .desc .writer		{margin-top:3px;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	#archive-list .file-sorting li	{width:33.3333%}
	#archive-list .thumb-img		{height:120px;}
	#archive-list .desc				{}
	#archive-list ul.list li a.more	{height:270px;padding:0 20px;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
	#archive-list .file-sorting li		{text-align:center;padding:0;}
	#archive-list .file-sorting a		{padding:0 10px;}
	#archive-list .file-sorting a:before{display:none !important;}
	#archive-list ul.list		{margin:0}
	#archive-list ul.list li	{float:none;width:auto;margin:10px 0}
	#archive-list .thumb-img	{height:120px;}
	#archive-list .desc			{height:100px;}
	#archive-list .desc .txt	{display:none;}
	#archive-list .desc .writer	{margin:0;line-height:1.2;}
	#archive-list ul.list li a.more	{display:none;}
	.archive-bnr a				{padding:0 10px;text-align:left;background:none !important;}
	.archive-bnr a:after		{right:10px;}

}


#archive-view		{border-bottom:1px solid #5C6778}
#archive-view .title{position:relative;min-height:260px;text-align:center;padding:40px 30px 30px 30px;color:#fff}
#archive-view .title .category	{color:#FF9900;font-weight:500}
#archive-view .title .tit		{font-size:40px;font-weight:600;letter-spacing:-2px;line-height:1.1;margin:10px 0 20px 0;}
#archive-view .title .user-card		{position:relative;float:left;display:block;color:rgba(255,255,255,0.8);font-size:14px;text-align:left;line-height:40px;color:#fff;}
#archive-view .title .function	{float:right;}
#archive-view .title .btn-share-wrap .btn-share .tit	{font-size:15px;}
#archive-view .title .tac		{margin:0 0 20px 0;min-height:40px;}
#archive-view .title .tag	{background:none;}
#archive-view .title .tag:focus, #archive-view .title .tag:hover	{border-color:#fff;color:#fff;}
#archive-view .title .bg	{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#archive-view .title .bg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
#archive-view .ico-upgrade	{position:absolute;right:20px;top:20px;}
#archive-view .desc		{margin:20px 0;background:#f6f6f6;border:1px solid #dfdfdf;font-size:14px;}
#archive-view .desc:after{content:"";clear:both;display:block;float:none;}
#archive-view .desc	dl	{clear:both;border-top:1px solid #eaeaea}
#archive-view .desc	dl:first-child{border:none;}
#archive-view .desc	dt	{float:left;width:100px;padding:10px 20px;color:#454545;font-weight:500}
#archive-view .desc	dd	{float:left;width:calc(50% - 100px);padding:10px 20px;}
#archive-view .cont		{margin:30px 0;text-align:justify}
#archive-view .cont h3	{margin:0 0 10px 0;padding:0;}
#archive-view .cont .video{height:420px;background:#333;}
#archive-view .summary-bx	{background:#f5f5f5;padding:20px;text-align:center;font-size:14px;color:#888;}
#archive-view .tit-bx	{font-size:20px;color:#333;font-weight:600; }
#archive-view .edit-bx	{margin:0 0 20px;}
#archive-view .img-bx	{text-align:center;}
#archive-view .img-bx p	{font-size:14px;color:#888;margin:10px 0 0 0;}
#archive-view .comment-bx	{border-radius:3px;background:#EFF5FA;font-size:13px;color:#508CC9;padding:10px;}
#archive-view .download-bx .file-wrap	{position:relative;border:1px solid #3E78C1;background:#fff;}
#archive-view .download-bx a			{display:block;padding:7px 10px 7px 50px;font-size:14px;line-height:1.4;font-family:Noto Sans KR;}
#archive-view .download-bx .file-wrap:before	{content:"\f381";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;width:40px;height:100%;background:#3E78C1;color:#fff;text-align:center;padding-top:10px;font-size:12px;}
#archive-view .link-bx a		{display:block;font-size:14px;color:#768395;padding:10px 15px;border-radius:3px;border:1px solid #ddd;}
#archive-view .video-bx video	{max-width:100%;}

.function .btn-share-wrap,
.function .btn-print		{float:left;width:40px;}
.function .btn-share,
.function .btn-print		{display:block;height:40px;line-height:40px;margin:0 0 0 2px;background:rgba(0,0,0,0.4);border-radius:50%;text-align:center;color:#fff}
.function .btn-print:focus,
.function .btn-print:hover	{background:#8E001C !important}
.btn-share-wrap			{position:relative;border-top-right-radius:3px;border-bottom-right-radius:3px;}
.btn-share-wrap.open	{width:205px;background:#8E001C;transition: all .2s;}
.btn-share						{position:relative;overflow:hidden;display:block;}
.btn-share:focus,
.btn-share:hover				{background:#8E001C;border-color:#8E001C;color:#fff;}
.btn-share:focus:before,
.btn-share:hover:before	{color:#fff;}
.btn-share-wrap .btn-share .tit	{}
.btn-share-wrap.open .btn-share	{background:none;}
.btn-share-wrap.open .btn-share:before,
.btn-share-wrap.open .btn-share .tit	{display:none}
.btn-share-wrap .social-links		{position:absolute;top:0;left:0;transition: all .25s ease;padding:5px;width:205px;transition: all .2s;visibility:hidden;opacity:0;}
.btn-share-wrap .social-links a		{display:inline-block;float:left;color:#fff;width:30px !important;height:30px !important;line-height:30px !important;transition: all .2s;text-align:center;font-size:13px;margin:0 1px !important;}
.btn-share-wrap .social-links a:focus,
.btn-share-wrap .social-links a:hover{background:rgba(0,0,0,0.2);color:#fff;border-radius:50%}
.btn-share-wrap .social-links .ico-kakao:after	{content:"\f075";font-family:FontAwesome;font-weight:900}
.btn-share-wrap .social-links .ico-story:after	{content:"";background:url(../img/ico_story.png) no-repeat 50% 50%;background-size:16px auto;display:block;width:30px;height:30px;}
.btn-share-wrap .social-links .ico-blog:before	{color:#fff;}
.btn-share-wrap.open .social-links	{visibility:visible;opacity:1;}

.archive-download		{background:#8E001C;padding:2px;font-size:14px;}
.archive-download.blog	{background:#A6ADB3;}
.archive-download:after	{content:"";clear:both;display:block;float:none;}
.archive-download h4	{float:left;width:100px;margin:0;padding:10px;color:#fff;text-align:center;font-size:16px;}
.archive-download h4:after{content:"\f381";font-family:FontAwesome;font-weight:900;display:block;font-size:1rem}
.archive-download ul	{float:left;width:calc(100% - 100px);background:#fff;min-height:70px;}
.archive-download li	{position:relative;border-top:1px dashed #dfdfdf;padding:8px 130px 8px 55px;transition:all 0.2s ease-out;line-height:1.4;word-break:break-all;}
.archive-download.blog li	{padding-left:10px;}
.archive-download li:first-child{border-top:none;}
.archive-download li a		{font-family:Noto Sans KR;}
.archive-download span		{position:absolute;left:10px;top:8px;display:inline-block;background:#A6ADB3;color:#fff;border-radius:2px;font-size:10px;line-height:20px;width:36px;text-align:center;}
.archive-download .btn-wrap	{position:absolute;right:7px;top:6px;font-size:12px;}
.archive-download .btn-wrap a{display:inline-block;color:#999;padding:4px 6px;border-radius:2px;}
.archive-download .btn-wrap a:focus,
.archive-download .btn-wrap a:hover{color:#fff;background:#8E001C;}
.archive-download li:hover	{background:#f6f6f6;color:#8E001C}

.article-btn		{text-align:center;margin:20px 0 30px;}
.article-btn a		{display:inline-block;padding:0 30px;border-radius:80px;border:2px solid #dfdfdf;line-height:46px;text-align:center;font-weight:500;font-size:16px;}
.article-btn a em	{display:inline-block;margin-left:10px;}
.article-btn a:before{content:"";font-family:FontAwesome;display:inline-block;margin-right:10px;font-size:20px;width:24px;}
.article-btn a.ico-scrap		{color:#888}
.article-btn a.ico-scrap:before	{content:"\f07b";color:#FFCC00;font-weight:900;}
.article-btn a.ico-scrap:hover	{border-color:#FFCC00;}
.article-btn a.ico-scrap:hover:before{content:"\f07c";}
.article-btn a.ico-like			{color:#FF6666;border-color:#DFDFDF}
.article-btn a.ico-like:before	{content:"\f004";font-weight:900;}
.article-btn a.ico-like:focus,
.article-btn a.ico-like:hover	{border-color:#FF6666;}
.article-btn a.ico-like.on		{border-color:#FF6666;color:#fff;}
.article-btn a.ico-up			{color:#FF6666;border-color:#DFDFDF}
.article-btn a.ico-up:before	{content:"\f164";}
.article-btn a.ico-up:focus,
.article-btn a.ico-up:hover,
.article-btn a.ico-up.on		{border-color:#FF6666;}
.article-btn a.ico-up.on		{background:#FF6666;color:#fff;}
.article-btn a.ico-down			{color:#838CA0;border-color:#DFDFDF}
.article-btn a.ico-down:before	{content:"\f165";}
.article-btn a.ico-down:focus,
.article-btn a.ico-down:hover,
.article-btn a.ico-down.on		{border-color:#838CA0}
.article-btn a.ico-down.on		{background:#838CA0;color:#fff;}
.article-btn a.ico-scrap:focus,
.article-btn a.ico-scrap.on,
.article-btn a.ico-scrap.active	{border-color:#FFCC00;color:#FFCC00;}
.article-btn a.ico-like.on,
.article-btn a.ico-like.active	{background:#FF6666;color:#fff;}

.article-statistics				{margin:30px 0;text-align:center;}
.article-statistics table th,.article-statistics table td{padding:20px;}
.article-statistics table thead th{background:#C6CAD2;color:#fff;border-left:1px solid rgba(0,0,0,0.05);}
.article-statistics table tbody td{color:#222;border:1px solid rgba(0,0,0,0.05);}
.article-statistics span:before		{content:"";font-family:FontAwesome;display:inline-block;margin-right:10px;font-size:20px;}
.st-like:before		{content:"\f004" !important;}
.st-scrap:before	{content:"\f07b" !important;}
.st-hit:before		{content:"\f080" !important;}
.st-down:before		{content:"\f0c7" !important;}
.st-share:before	{content:"\f1e0" !important;font-weight:900}

@media only screen and (max-width:599px){ /* mobile-l */
	.article-statistics table th,.article-statistics table td{padding:10px;font-size:.875rem}
	.article-statistics span:before		{display:block;margin:0 0 5px 0;font-size:1rem}

}

/* KIUMY 소개 */
.race-zone		{margin:30px 0 0 0;}
.race-zone ul	{margin:0 -10px;}
.race-zone li	{float:left;width:calc(50% - 20px);margin:0 10px;background:#fff;border-width:2px;border-style:solid;padding:20px 10px;text-align:center;}
.race-zone li.zoneR	{border-color:#B3B3B3;}
.race-zone li.zoneA	{border-color:#8E001C;}
.race-zone li.zoneC	{border-color:#FE7013;}
.race-zone li.zoneE	{border-color:#AE8B3A;}
.race-zone li:nth-child(n+1):nth-child(-n+2)	{margin-bottom:20px;}
.race-zone li:after	{content:"";display:block;float:none;clear:both;}
.race-zone .tit	{font-size:20px;font-weight:600;color:#333;margin:0 0 20px;line-height:1;}
.race-zone .tit span	{font-size:30px;margin-right:5px;}
.race-zone li.zoneR .tit	{color:#B3B3B3;}
.race-zone li.zoneA .tit	{color:#8E001C;}
.race-zone li.zoneC .tit	{color:#FE7013;}
.race-zone li.zoneE .tit	{color:#AE8B3A;}
.race-zone a		{display:block;float:left;margin:0;background:#fff;font-size:13px;}
.race-zone li:nth-child(1) a	{width:25%;}
.race-zone li:nth-child(2) a	{width:25%;}
.race-zone li:nth-child(3) a	{width:33.3333%;}
.race-zone li:nth-child(4) a	{width:25%;}
.race-zone .ico	{display:block;width:60px;height:60px;border-radius:50%;margin:0 auto 20px;background-repeat:no-repeat;background-position:50% 50%;background-size:45px 45px;transition:all 0.2s ease-out;}
.race-zone a:hover .ico	{transform:translateY(-5px);box-shadow:0 5px 8px rgba(0,0,0,0.15);}
.race-zone li.zoneR .ico	{background-color:#B3B3B3;}
.race-zone li.zoneA .ico	{background-color:#8E001C;}
.race-zone li.zoneC .ico	{background-color:#FE7013;}
.race-zone li.zoneE .ico	{background-color:#AE8B3A;}
.race-zone .ico1-1	{background-image:url(../img/zone_ico1-1.png);}
.race-zone .ico1-2	{background-image:url(../img/zone_ico1-2.png);}
.race-zone .ico1-3	{background-image:url(../img/zone_ico1-3.png);}
.race-zone .ico1-4	{background-image:url(../img/zone_ico1-4.png);}
.race-zone .ico2-1	{background-image:url(../img/zone_ico2-1.png);}
.race-zone .ico2-2	{background-image:url(../img/zone_ico2-2.png);}
.race-zone .ico2-3	{background-image:url(../img/zone_ico2-3.png);}
.race-zone .ico3-1	{background-image:url(../img/zone_ico3-1.png);}
.race-zone .ico3-2	{background-image:url(../img/zone_ico3-2.png);}
.race-zone .ico3-3	{background-image:url(../img/zone_ico3-3.png);}
.race-zone .ico3-4	{background-image:url(../img/zone_ico3-4.png);}
.race-zone .ico4-1	{background-image:url(../img/zone_ico4-1.png);}
.race-zone .ico4-2	{background-image:url(../img/zone_ico4-2.png);}
.race-zone .ico4-3	{background-image:url(../img/zone_ico4-3.png);}

@media only screen and (max-width:1240px){ /* 960 */	

}
@media only screen and (max-width:1023px){ /* 720 */
	.race-zone ul	{margin:0;}
	.race-zone li	{float:none;width:auto;margin:0  0 10px 0;}

}
@media only screen and (max-width:767px){ /* auto */	

}
@media only screen and (max-width:599px){ /* mobile-l */

}
@media only screen and (max-width:415px){ /* mobile-s */

}

/* 마이페이지 */
.mypage-wrap:before	{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:#E4DDD3 url(../img/mypage_bg.png) repeat;}
.mypage-wrap .colwrap	{display:flex;}
.mypage-wrap .col1	{width:220px;background:#F4F4F4;}
.mypage-wrap .col2	{width:calc(100% - 220px);background:#fff;border-left:1px solid #DFDFDF;padding:50px;min-height:800px;}
.mypage-wrap .name	{padding:30px;background:#FF9900;}
.mypage-wrap .name, .mypage-wrap .name p, .mypage-wrap .name a	{position:relative;z-index:1;}
.mypage-wrap .name p	{font-size:26px;font-weight:600;color:#fff;line-height:1; margin:0 0 50px;}
.mypage-wrap .name a	{display:inline-block;padding:8px 20px;border-radius:50px;background:rgba(0,0,0,0.3);font-size:13px;color:#fff;}
.mypage-wrap .name a:hover	{background:#fff;color:#FF9900;}
.mypage-wrap .name .ico		{position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:right 20px bottom 20px;background-image:url(../img/mypage_nico.png);}
.mypage-wrap .name .ico-tree	{background-image:url(../img/mypage_nico_tree.png);}
.my-quick			{}
.my-quick > li > a	{position:relative;display:block;border-bottom:1px solid #DFDFDF;padding:18px 15px 18px 55px;color:#333;background-repeat:no-repeat;background-image:url(../img/myquick_ico.png);background-position:10px 0}
.my-quick a.ico1	{background-position:10px 0}
.my-quick a.ico2	{background-position:10px -60px}
.my-quick a.ico3	{background-position:10px -120px}
.my-quick a.ico4	{background-position:10px -180px}
.my-quick a.ico5	{background-position:10px -240px}
.my-quick a.ico6	{background-position:10px -300px}
.my-quick > li >  a:after	{content:"\f105";font-family:FontAwesome;font-weight:900;position:absolute;right:15px;top:50%;margin-top:-10px;display:block;width:20px;height:20px;background:rgba(0,0,0,0.2);font-size:12px;color:#fff;border-radius:50%;text-align:center;line-height:21px;transition:all 0.2s ease-out;}
.my-quick > li >  a:hover	{background-color:#fff;font-weight:500;background-image:url(../img/myquick_ico_on.png);}
.my-quick > li >  a:hover:after	{background:#FF9900;right:-10px;}
.my-quick a:hover.ico1	{background-position:10px 0}
.my-quick a:hover.ico2	{background-position:10px -60px}
.my-quick a:hover.ico3	{background-position:10px -120px}
.my-quick a:hover.ico4	{background-position:10px -180px}
.my-quick a:hover.ico5	{background-position:10px -240px}
.my-quick a:hover.ico6	{background-position:10px -300px}
.my-quick > li > ul a	{display:block;padding:10px 20px;background:#fff;border-bottom:1px solid #eeeeee;}
.my-quick > li > ul a:hover	{color:#FF9900;}

#mypage-index		{padding:160px 0 80px;background:#E4DDD3 url(../img/mypage_bg.png) repeat;}
.mypage-wrap #content{padding-top:0px;}

@media only screen and (max-width:1480px){ /* 1200 */

}
@media only screen and (max-width:1240px){ /* 960 */	
	#mypage-index{padding:120px 0 0 0;}
	.mypage-wrap .colwrap	{flex-flow:column wrap;}
	.mypage-wrap .col1,
	.mypage-wrap .col2	{width:100%;}
	.mypage-wrap .name	{padding:20px;}
	.mypage-wrap .name p{margin:0;}
	.mypage-wrap .name a{position:absolute;right:10px;top:10px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	#mypage-index{padding:100px 0 0 0;}
	.mypage-wrap .name p	{font-size:1.5rem}
	.mypage-wrap .col2{padding:40px}
}
@media only screen and (max-width:767px){ /* auto */	
	#mypage-index{padding:90px 0 0 0;}
	.mypage-wrap .name p	{font-size:1rem}
	.mypage-wrap .col2{padding:30px}
}
@media only screen and (max-width:599px){ /* mobile-l */
	#mypage-index{padding:70px 0 0 0;}
	.mypage-wrap .col2{padding:20px}
}
@media only screen and (max-width:415px){ /* mobile-s */

}

.tree-wrap		{position:relative;padding:20px;overflow:hidden;border:1px solid #dadada;}
.tree-wrap:before{content:"";position:absolute;left:50%;top:0;display:block;width:40px;height:100%;background:#A3753A;transform:perspective(3em) rotateX(5deg);transform-origin:top center;}
.tree			{padding:30px 0;}
.tree .year		{position:relative;}
.tree .year span	{position:relative;font-size:16px;color:#fff;line-height:40px;border-radius:40px;background:#768395;display:inline-block;padding:0 30px;z-index:1;}
.tree .year:after	{content:"";position:absolute;left:0;top:50%;width:100%;border-top:1px dashed #ccc;}
.tree>ul>li		{width:50%;margin:30px 0 0 0;}
.tree>ul>li:nth-child(n+1):nth-child(-n+2)	{margin:0;}
.tree>ul>li:nth-child(2n+1)	{clear:both;}
.tree>ul>li:nth-child(odd)	{float:left;text-align:right;}
.tree>ul>li:nth-child(even)	{float:right;text-align:left;}
.tree .capa1	{padding-right:110px;}
.tree .capa2	{padding-left:130px;}
.tree .capa3	{padding-right:150px;}
.tree .capa4	{padding-left:210px;}
.tree>ul>li p	{position:relative;display:inline-block;font-size:17px;background-repeat:no-repeat;background-position:50% 50%;color:#fff;padding:30px 20px;width:180px;height:110px;text-align:center;}
.tree>ul>li p span	{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;display:block;}
.tree .capa1 p	{background-image:url(../img/tree_leaf1.png);margin-right:-20px;}
.tree .capa1 p span	{margin-left:5px;}
.tree .capa2 p	{background-image:url(../img/tree_leaf2.png);margin-left:-10px;}
.tree .capa2 p span	{margin-left:-5px;}
.tree .capa3 p	{background-image:url(../img/tree_leaf3.png);margin-right:-10px;}
.tree .capa3 p span	{margin-left:6px;}
.tree .capa4 p	{background-image:url(../img/tree_leaf4.png);margin-left:-10px;}
.tree .capa4 p span	{margin-left:-5px;}
.tree>ul>li p:before	{content:"";position:absolute;display:block;background-repeat:no-repeat;}
.tree .capa1 p:before	{right:-100px;top:85px;width:120px;height:100px;background-image:url(../img/tree_stem1.png);background-position:100% 50%;}
.tree .capa2 p:before	{left:-94px;top:65px;width:110px;height:110px;background-image:url(../img/tree_stem2.png);background-position:0 50%;}
.tree .capa3 p:before	{right:-180px;top:65px;width:200px;height:130px;background-image:url(../img/tree_stem3.png);background-position:100% 50%;}
.tree .capa4 p:before	{left:-194px;top:75px;width:210px;height:140px;background-image:url(../img/tree_stem4.png);background-position:100% 50%;}
.tree ul ul	{font-size:14px;}
.tree ul ul li	{padding:3px 0;}

.myedu-list		{}
.myedu-list .bx	{border:1px solid #dfdfdf;margin:20px 0 0;}
.myedu-list .bx:first-of-type	{margin:0;}
.myedu-list .top	{position:relative;padding:30px;}
.myedu-list .img	{position:relative;float:left;width:120px;height:70px;overflow:hidden;}
.myedu-list .img img	{min-width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.myedu-list .txt		{float:left;width:calc(100% - 120px);padding:0 180px 0 30px;}
.myedu-list .edu-tag	{background:#fff;}
.myedu-list .edu-tag-1	{color:#3399CC;}
.myedu-list .edu-tag-2	{color:#6666CC;}
.myedu-list .edu-tag-3	{color:#FF6699;}
.myedu-list .edu-tag-4	{color:#339999;}
.myedu-list .edu-tag-5	{color:#ACB0BB;}
.myedu-list .subject	{margin:15px 0 0 0;line-height:1.1;}
.myedu-list .subject a	{font-size:24px;font-weight:600;color:#333; }
.myedu-list .desc		{font-size:15px;color:#999;max-height:42px;overflow:hidden;}
.myedu-list .top .btn-d	{position:absolute;right:30px;top:40px;}
.myedu-list .top .btn-d.su{position:relative; right:auto;top:auto;}
.myedu-list .btm		{padding:15px 15px 15px 20px;background:#f9f9f9;}
.myedu-list .btm span:not(.badge)	{display:inline-block;font-size:14px;line-height:35px;font-family:Noto Sans KR;}
.myedu-list .btm span.badge	{margin-top:4px;width:60px;font-size:13px;background:#fff;border-width:2px;margin-right:10px;}
.myedu-list .stit		{color:#999;}
.myedu-list .stxt		{margin:0 30px 0 10px;color:#666;}

.my-scholarship	{background:#957759;padding:30px 0;border-radius:6px;color:#fff;text-align:center;font-size:20px;}
.my-scholarship .inbx{position:relative;min-height:135px;padding:30px 80px 0;display:inline-block;background:url(../img/myquick06_img01.png) no-repeat 0 0;}
.my-scholarship .inbx:after{content:"";position:absolute;right:0;top:0px;width:77px;height:135px;background:url(../img/myquick06_img01.png) no-repeat 0 50%;transform: scaleX(-1);}
.my-scholarship .inbx p:nth-child(2){font-size:30px;font-weight:700; margin-top:10px}

/*211122 조은지 반응형 css*/
@media only screen and (max-width:1023px){ /* 720 */
.myedu-list .txt{padding:0 100px 0 30px; word-break:keep-all;}
}
@media only screen and (max-width:768px){/*mobile-l*/
.myedu-list .txt{padding:0 0 0 30px;}
}

@media only screen and (max-width:599px){ /* mobile-l */
.myedu-list .txt{width:100%;padding:10px 0;float:none;clear:both;}
.myedu-list .subject a{font-size:18px;}

}
@media only screen and (max-width:415px){ /* mobile-s */
}

/* mypage -index */
/*
.bg-mypage{background:#EBE4DE}
#mypage-main-top	{background:#fff;border-radius:8px;overflow:hidden}
#mypage-main-top .l-cont	{background:#8E001C;padding:30px;color:#fff}
#mypage-main-top .l-cont .tit:before	{content:"\f00c";font-family:FontAwesome;margin-right:10px;color:#ffcc00;font-weight:900}
#mypage-main-top .l-cont .col_d2:nth-child(1) .tit	{margin-bottom:10px}
#mypage-main-top .l-cont .col_d2:nth-child(1){padding-right:30px;}
#mypage-main-top .r-cont .col_d2{position:relative;padding:30px;}
#mypage-main-top .r-cont .col_d2:nth-child(2){border-left:1px dashed #ddd}
#mypage-main-top .r-cont .col_d2 .info{position:absolute;right:30px;top:30px;}
#mypage-main-top .r-cont .tit	{font-size:18px;font-weight:600;color:#8e001c; margin-bottom:20px;}

#mypage-main-top .name		{color:#fff;padding:10px;}
#mypage-main-top .name p:nth-child(1){font-size:36px;font-weight:700;}
#mypage-main-top .btn-d{background:none;padding:0 20px;border:2px solid #8f001c;border-radius:80px;color:#fff;font-size:13px;margin-right:5px;}
#mypage-main-top .btn-d:hover{color:#8E001C;}
#mypage-main-top .btn-d:after{content:"\f054";font-family:FontAwesome;font-weight:900;margin-left:10px}
#mypage-main-top .grade		{background:rgba(0,0,0,0.2);border-radius:8px;text-align:center;}
#mypage-main-top .grade li	{padding:20px;}
#mypage-main-top .grade em	{font-size:20px;}
#mypage-main-top .result		{background:rgba(0,0,0,0.2)}
#mypage-main-top .result .tit	{background:rgba(0,0,0,0.2);padding:0 20px;line-height:60px;}
#mypage-main-top .result dl		{clear:both;border-top:1px dashed rgba(0,0,0,0.2);padding:0 20px;}
#mypage-main-top .result dt,
#mypage-main-top .result dd		{float:left;font-size:14px;}
#mypage-main-top .result dt		{width:60%;line-height:60px;}
#mypage-main-top .result dd		{padding:15px 0;}
#mypage-main-top .result dt:before		{content:"";font-family:FontAwesome;font-weight:900;margin-right:10px;font-size:1.25rem}
#mypage-main-top .result dl.ico1 dt:before{content:"\f5da";}
#mypage-main-top .result dl.ico2 dt:before{content:"\f501";}
#mypage-main-top .result dl.ico3 dt:before{content:"\f57e";}
#mypage-main-top .result dl.ico4 dt:before{content:"\f201";}

.avatar-wrap	{background:#97172F;padding:30px;}
.avatar-wrap .col_w3	{width:25%;}
.avatar-wrap .col_w7	{width:75%;}
.avatar-wrap .l-cont	{padding-right:150px;position:relative;}
.avatar-wrap .r-cont	{background:#fff;}
.avatar-wrap .name		{color:#fff;font-size:14px;padding:10px;}
.avatar-wrap .name p:nth-child(1){font-size:28px;font-weight:700;}
.avatar-wrap .lv-bx{border-radius:8px;border:2px solid #550418;background:#fff;padding:20px 18px;margin-top:20px;text-align:center;font-weight:500;}
.avatar-wrap .lv-bx > p:nth-child(1),
.avatar-wrap .lv-bx > p:nth-child(3)	{color:#999;font-size:14px;}
.avatar-wrap .lv-bx > p:nth-child(3)	{border-top:1px solid #ccc;padding-top:15px;}
.avatar-wrap .lv-bx > p:nth-child(2),
.avatar-wrap .lv-bx > p:nth-child(4)	{color:#B40200;font-size:22px;font-weight:700;}
.avatar-wrap .mileage-bx	{float:left;width:50%;margin-top:15px;}
.avatar-wrap .mileage-bx .tit	{display:inline-block;padding:4px 12px;border-radius:100px;border:2px solid #999;color:#999;font-size:12px;}
.avatar-wrap .mileage-bx p	{color:#999;font-size:15px;font-weight:700;margin-top:5px;}
.avatar-wrap .r-cont p:nth-child(1)	{color:#333;font-weight:500;font-size:16px;}
.avatar-wrap .r-cont p:nth-child(2)	{color:#333;font-size:26px;}
.avatar-wrap .step-bx	{padding:30px;}
.avatar-wrap .step-bx:after	{content:"";display:block;float:none;clear:both;}
.avatar-wrap .btn-bx	{background:#F6F6F6;padding:20px;}
.avatar-wrap .btn-bx .left	{width:50%;}
.avatar-wrap .btn-bx span:before	{content:"\f00c";font-family:FontAwesome;font-weight: 900;color:#97172F;margin-right:10px;}
.avatar-wrap .btn-bx .btn	{display:inline-block;padding:5px 10px;margin-left:10px;border-radius:100px;border:2px solid #97172F;background:#fff;color:#97172F;font-size:14px;font-weight:500;}
.avatar-wrap .btn-bx .btn:hover	{background:#97172F;color:#fff;}
.avatar-wrap .comment					{font-size:1rem;border-radius:3px;padding:10px;background:#FF9900;color:#fff;line-height:1.2;margin-left:0;margin-top:60px;}
.avatar-wrap .comment:before			{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:6px;}
.avatar-wrap .comment.comment-top:before{bottom:100%;left:12px;border-bottom-color:#FF9900;}

.avatar-wrap.lv1 .comment.comment-top:before{bottom:100%;left:180px;border-bottom-color:#FF9900;}
.avatar-wrap.lv2 .comment					{margin-left:170px;}
.avatar-wrap.lv2 .comment.comment-top:before{left:50%;}
.avatar-wrap.lv3 .comment					{margin-left:370px;}
.avatar-wrap.lv3 .comment.comment-top:before{left:50%;}
.avatar-wrap.lv4 .comment					{float:right;}
.avatar-wrap.lv4 .comment.comment-top:before{left:calc(50% + 10px);}
.avatar-wrap.lv5 .comment					{float:right;}
.avatar-wrap.lv5 .comment.comment-top:before{left:calc(100% - 30px);}

.lv-num .l-cont:after {position:absolute;bottom:0;right:30px;content:"";display:block;width:113px;height:320px;}
.lv-w.lv1 .l-cont:after {background:url(../img/avatar_w1.png);}
.lv-w.lv2 .l-cont:after {background:url(../img/avatar_w2.png);}
.lv-w.lv3 .l-cont:after {background:url(../img/avatar_w3.png);}
.lv-w.lv4 .l-cont:after {background:url(../img/avatar_w4.png);}
.lv-w.lv5 .l-cont:after {background:url(../img/avatar_w5.png);}
.lv-w.lv6 .l-cont:after {background:url(../img/avatar_w6.png);}

.lv-m.lv1 .l-cont:after {background:url(../img/avatar_m1.png);}
.lv-m.lv2 .l-cont:after {background:url(../img/avatar_m2.png);}
.lv-m.lv3 .l-cont:after {background:url(../img/avatar_m3.png);}
.lv-m.lv4 .l-cont:after {background:url(../img/avatar_m4.png);width:140px;}
.lv-m.lv5 .l-cont:after {background:url(../img/avatar_m5.png);}
.lv-m.lv6 .l-cont:after {background:url(../img/avatar_m6.png);}

.my-level		{margin:10px 0 20px 0;word-break:keep-all}
.my-level span	{display:inline-block;background:#888;color:#fff;padding:4px 8px 3px 8px;border-radius:3px;line-height:1.2}
.my-step		{position:relative;border-top:5px solid #ccc;margin:50px 0 0 0;}
.my-step span	{position:absolute;top:-18px;display:block;text-align:center;font-size:14px;z-index:2;max-width: 16.6666%;word-break:keep-all;}
.my-step span:before	{content:"";display:block;width:30px;height:30px;border-radius:50%;margin:0 auto 5px;background-color:#EAEAEA;background-image:url(../img/level_ico01.png);background-repeat:no-repeat;background-position:50% 50%;background-size:60% auto}
.my-step span.on:before	{box-shadow:0 10px 20px rgba(0,0,0,0.2);animation:tada 1.5s infinite;background-color:#F8CBAD; }
.my-step .step2:before	{background-color:#EAEAEA;background-image:url(../img/level_ico02.png);}
.my-step .step3:before	{background-color:#EAEAEA;background-image:url(../img/level_ico03.png);}
.my-step .step4:before	{background-color:#EAEAEA;background-image:url(../img/level_ico04.png);}
.my-step .step5:before	{background-color:#EAEAEA;background-image:url(../img/level_ico05.png);}
.my-step .step6:before	{background-color:#EAEAEA;background-image:url(../img/level_ico06.png);margin-right:0;}

.my-step:after	{content:"";display:block;height:5px;position:absolute;left:0;top:-5px;background:#FF9900;}
.my-step.lv2:after	{width:calc(20% + 15px);}
.my-step.lv3:after	{width:calc(40% + 15px);}
.my-step.lv4:after	{width:calc(60% + 15px);}
.my-step.lv5:after	{width:calc(80% + 15px);}
.my-step.lv6:after	{width:100%;}


.my-step .step1	{left:0}
*/
/*.my-step .step2	{left:calc(50% - 15px)}*/
/*
.my-step .step2	{left:calc(20% - 15px)}
.my-step .step3	{left:calc(40% - 15px)}
.my-step .step4	{left:calc(60% - 15px)}
.my-step .step5	{left:calc(80% - 15px)}
.my-step .step6	{right:0}
*/
.bg-mypage{background:#EBE4DE}
#mypage-main-top	{background:#fff;border-radius:8px;overflow:hidden}
#mypage-main-top .l-cont	{background:#8E001C;padding:30px;color:#fff}
#mypage-main-top .l-cont .tit:before	{content:"\f00c";font-family:FontAwesome;margin-right:10px;color:#ffcc00;font-weight:900}
#mypage-main-top .l-cont .col_d2:nth-child(1) .tit	{margin-bottom:10px}
#mypage-main-top .l-cont .col_d2:nth-child(1){padding-right:30px;}
#mypage-main-top .r-cont .col_d2{position:relative;padding:30px;}
#mypage-main-top .r-cont .col_d2:nth-child(2){border-left:1px dashed #ddd}
#mypage-main-top .r-cont .col_d2 .info{position:absolute;right:30px;top:30px;}
#mypage-main-top .r-cont .tit	{font-size:18px;font-weight:600;color:#8e001c; margin-bottom:20px;}

#mypage-main-top .name		{color:#fff;padding:10px;}
#mypage-main-top .name p:nth-child(1){font-size:36px;font-weight:700;}
#mypage-main-top .btn-d{background:none;padding:0 20px;border:2px solid #8f001c;border-radius:80px;color:#fff;font-size:13px;margin-right:5px;}
#mypage-main-top .btn-d:hover{color:#8E001C;}
#mypage-main-top .btn-d:after{content:"\f054";font-family:FontAwesome;font-weight:900;margin-left:10px}
#mypage-main-top .grade		{background:rgba(0,0,0,0.2);border-radius:8px;text-align:center;}
#mypage-main-top .grade li	{padding:20px;}
#mypage-main-top .grade em	{font-size:20px;}
#mypage-main-top .result		{background:rgba(0,0,0,0.2)}
#mypage-main-top .result .tit	{background:rgba(0,0,0,0.2);padding:0 20px;line-height:60px;}
#mypage-main-top .result dl		{clear:both;border-top:1px dashed rgba(0,0,0,0.2);padding:0 20px;}
#mypage-main-top .result dt,
#mypage-main-top .result dd		{float:left;font-size:14px;}
#mypage-main-top .result dt		{width:60%;line-height:60px;}
#mypage-main-top .result dd		{padding:15px 0;}
#mypage-main-top .result dt:before		{content:"";font-family:FontAwesome;font-weight:900;margin-right:10px;font-size:1.25rem}
#mypage-main-top .result dl.ico1 dt:before{content:"\f5da";}
#mypage-main-top .result dl.ico2 dt:before{content:"\f501";}
#mypage-main-top .result dl.ico3 dt:before{content:"\f57e";}
#mypage-main-top .result dl.ico4 dt:before{content:"\f201";}

.avatar-wrap	{background:#97172F;padding:30px;}
.avatar-wrap .col_w3	{width:25%;}
.avatar-wrap .col_w7	{width:75%;}
.avatar-wrap .l-cont	{height:460px;padding-right:150px;position:relative;}
.avatar-wrap .r-cont	{background:#fff;}
.avatar-wrap .name		{color:#fff;font-size:14px;}
.avatar-wrap .name p:nth-child(1){font-size:28px;font-weight:700;}
.avatar-wrap .lv-bx{position:absolute;bottom:0;border-radius:8px;border:2px solid #550418;background:#fff;padding:20px 18px;text-align:center;font-weight:500;}
.avatar-wrap .lv-bx > p{vertical-align:middle;}
.avatar-wrap .lv-bx > p:nth-child(1),
.avatar-wrap .lv-bx > p:nth-child(3)	{color:#999;font-size:14px;}
.avatar-wrap .lv-bx > p:nth-child(3)	{border-top:1px solid #ccc;padding-top:15px;}
.avatar-wrap .lv-bx > p:nth-child(2),
.avatar-wrap .lv-bx > p:nth-child(4)	{color:#B40200;font-size:22px;font-weight:700;}
.avatar-wrap .lv-bx > p:nth-child(5)	{color:#999;font-size:14px;}
.avatar-wrap .lv-bx > p:nth-child(5)	{border-top:1px solid #ccc;padding-top:15px;}
.avatar-wrap .mileage-bx .tit	{width:60px;display:inline-block;padding:4px 12px;border-radius:100px;border:2px solid #999;color:#999;font-size:12px;text-align:center;}
.avatar-wrap .mileage-bx p	{color:#999;font-size:15px;font-weight:700;margin-top:5px;}
.avatar-wrap .r-cont p:nth-child(1)	{color:#333;font-weight:500;font-size:16px;}
.avatar-wrap .r-cont p:nth-child(2)	{color:#333;font-size:26px;margin-bottom:10px;}
.avatar-wrap .step-bx	{position:relative;padding:30px;}
.avatar-wrap .step-bx:after	{content:"";display:block;float:none;clear:both;}
.avatar-wrap .btn-bx	{background:#F6F6F6;padding:15px 30px;}
.avatar-wrap .btn-bx .left	{width:52%;margin:5px 0;}
.avatar-wrap .btn-bx .right	{width:48%;}
.avatar-wrap .btn-bx span:before{content:"\f00c";font-family:FontAwesome;font-weight: 900;color:#97172F;margin-right:10px;}
.avatar-wrap .btn-bx .left span{display:block;line-height:1.6;}
.avatar-wrap .btn-bx .left span:before{display:none;}
.avatar-wrap .btn-bx .btn	{width:137px;text-align:center;display:inline-block;padding:5px 10px;margin:5px 0 5px 10px;border-radius:100px;border:2px solid #97172F;background:#fff;color:#97172F;font-size:14px;font-weight:500;}
.avatar-wrap .btn-bx .btn:hover	{background:#97172F;color:#fff;}
.avatar-wrap .comment					{font-size:1rem;border-radius:3px;padding:10px;background:#FF9900;color:#fff;line-height:1.2;margin-left:5%;margin-top:10px;}
.avatar-wrap .comment:before			{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:6px;}
.avatar-wrap .comment.comment-top:before{bottom:100%;left:10px;border-bottom-color:#FF9900;}
.avatar-wrap .form-inline{justify-content:space-between; margin-top:5px;}
.avatar-wrap .form-inline > div{width:auto;}
.avatar-wrap .form-inline .tit{margin-right:10px;}
.avatar-wrap .form-inline .mileage-bx{line-height:25px;display:inline-block;border-radius:100px;border:2px solid #999;color:#999;font-size:14px;text-align:center;padding:0 10px;}
.avatar-wrap .form-inline .mileage-bx:before{display:none;}

/* .avatar-wrap .form-inline .mileage-bx{width:60px;} */


/* .avatar-wrap.lv1 .comment.comment-top:before{bottom:100%;left:180px;border-bottom-color:#FF9900;} */
.avatar-wrap.lv2 .comment{margin-left:17.5%;}
.avatar-wrap.lv3 .comment{margin-left:30%;}
.avatar-wrap.lv4 .comment{margin-left:42.5%;}
.avatar-wrap.lv5 .comment{float:right;margin-left:0;margin-right:42.5%;}
.avatar-wrap.lv5 .comment.comment-top:before{left:auto; right:10px;}
.avatar-wrap.lv6 .comment{float:right;margin-left:0;margin-right:30%;}
.avatar-wrap.lv6 .comment.comment-top:before{left:auto; right:10px;}
.avatar-wrap.lv7 .comment{float:right;margin-left:0;margin-right:17.5%;}
.avatar-wrap.lv7 .comment.comment-top:before{left:auto; right:10px;}
.avatar-wrap.lv8 .comment{float:right;margin-left:0;margin-right:5%;}
.avatar-wrap.lv8 .comment.comment-top:before{left:auto; right:10px;}

.lv-num .l-cont:after {position:absolute;bottom:0;right:30px;content:"";display:block;width:113px;height:320px;}
.lv-w.lv1 .l-cont:after {background:url(../img/avatar_w1.png) no-repeat;}
.lv-w.lv2 .l-cont:after {background:url(../img/avatar_w2.png) no-repeat;}
.lv-w.lv3 .l-cont:after {background:url(../img/avatar_w3.png) no-repeat;}
.lv-w.lv4 .l-cont:after {background:url(../img/avatar_w4.png) no-repeat;}
.lv-w.lv5 .l-cont:after {background:url(../img/avatar_w5.png) no-repeat;}
.lv-w.lv6 .l-cont:after {background:url(../img/avatar_w6.png) no-repeat;}
.lv-w.lv7 .l-cont:after {background:url(../img/avatar_w7.png) no-repeat;}
.lv-w.lv8 .l-cont:after {background:url(../img/avatar_w8.png) no-repeat;}

.lv-m.lv1 .l-cont:after {background:url(../img/avatar_m1.png) no-repeat;}
.lv-m.lv2 .l-cont:after {background:url(../img/avatar_m2.png) no-repeat;}
.lv-m.lv3 .l-cont:after {background:url(../img/avatar_m3.png) no-repeat;}
.lv-m.lv4 .l-cont:after {background:url(../img/avatar_m4.png) no-repeat;width:140px;}
.lv-m.lv5 .l-cont:after {background:url(../img/avatar_m5.png) no-repeat;}
.lv-m.lv6 .l-cont:after {background:url(../img/avatar_m6.png) no-repeat;}
.lv-m.lv7 .l-cont:after {background:url(../img/avatar_m7.png) no-repeat;}
.lv-m.lv8 .l-cont:after {background:url(../img/avatar_m8.png) no-repeat;}

.my-level		{margin:10px 0 20px 0;word-break:keep-all}
.my-level span	{display:inline-block;background:#888;color:#fff;padding:4px 8px 3px 8px;border-radius:3px;line-height:1.2}
.my-step		{width:100%;height:160px;position:relative;margin:-3.5px -0.5px;}
.my-step:before	{width:100%;height:100%;content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url("../img/graph_bg5.png") no-repeat center top / 100% auto;z-index:9;}
.my-step.lv6:before, .my-step.lv7:before, .my-step.lv8:before{background:url("../img/graph_bg6.png") no-repeat center top / 100% auto;}
.my-step:after	{width:calc(100% - 7px);height:110px;content:"";position:absolute;top:15px;left:3px;background:#fdfdfd;z-index:0;}
.my-step span{color:#bbbbbb;}
.my-step > span	{width:80px;height:37px;line-height:30px;font-weight:600;position:absolute;top:30%;transform:translateX(-50%);font-size:15px;z-index:99;letter-spacing:-0.5px;border:2px solid transparent;border-radius:5px;}
/* .my-step > span.on:before	{box-shadow:0 10px 20px rgba(0,0,0,0.2);animation:tada 1.5s infinite;background-color:#F8CBAD; } */
.my-step > span.on{background:#ffffffcc;}
.my-step .step1.on{color:#237A5F;border:2px solid #237A5F;}
.my-step .step2.on{color:#204F8A;border:2px solid #204F8A;}
.my-step .step3.on{color:#CA660B;border:2px solid #CA660B;}
.my-step .step4.on{color:#7F7F7F;border:2px solid #7F7F7F;}
.my-step .step5.on{color:#97320F;border:2px solid #97320F;}
.my-step .step6.on{color:#871ACD;border:2px solid #871ACD;}
.my-step .step7.on{color:#3456D0;border:2px solid #3456D0;}
.my-step .step8.on{color:#AD2424;border:2px solid #AD2424;}
.my-step > span:before	{display:inline-block;content:"";width:28px;height:28px;vertical-align:middle;background:url("../img/level_ico01_b.png") no-repeat center / cover;margin:0 5px;}
.my-step .step2:before	{background-image:url(../img/level_ico02_b.png);}
.my-step .step3:before	{background-image:url(../img/level_ico03_b.png);}
.my-step .step4:before	{background-image:url(../img/level_ico04_b.png);}
.my-step .step5:before	{background-image:url(../img/level_ico05_b.png);}
.my-step .step6:before	{background-image:url(../img/level_ico06_b.png);}
.my-step .step7:before	{background-image:url(../img/level_ico07_b.png);}
.my-step .step8:before	{background-image:url(../img/level_ico08_b.png);}
.my-step > span.on:before{animation:tada 1.5s infinite;}
.my-step .step1.on:before{background-image:url(../img/level_ico01.png);}
.my-step .step2.on:before{background-image:url(../img/level_ico02.png);}
.my-step .step3.on:before{background-image:url(../img/level_ico03.png);}
.my-step .step4.on:before{background-image:url(../img/level_ico04.png);}
.my-step .step5.on:before{background-image:url(../img/level_ico05.png);}
.my-step .step6.on:before{background-image:url(../img/level_ico06.png);}
.my-step .step7.on:before{background-image:url(../img/level_ico07.png);}
.my-step .step8.on:before{background-image:url(../img/level_ico08.png);}
.my-step > span.on::after{width:80px;height:37px;content:"";position:absolute;top:-3px;left:-3px;z-index:-4;border-radius:5px;}
.my-step .step1.on::after{border:2px solid #79C1B0;}
.my-step .step2.on::after{border:2px solid #6E9CC7;}
.my-step .step3.on::after{border:2px solid #E5A833;}
.my-step .step4.on::after{border:2px solid #E0E0E0;}
.my-step .step5.on::after{border:2px solid #FCC848;}
.my-step .step6.on::after{border:2px solid #CA8CF1;}
.my-step .step7.on::after{border:2px solid #95AAE6;}
.my-step .step8.on::after{border:2px solid #E76A6A;}

/* .my-step:after	{content:"";display:block;height:5px;position:absolute;left:0;top:-5px;background:#FF9900;}
.my-step.lv2:after	{width:calc(20% + 15px);}
.my-step.lv3:after	{width:calc(40% + 15px);}
.my-step.lv4:after	{width:calc(60% + 15px);}
.my-step.lv5:after	{width:calc(80% + 15px);}
.my-step.lv6:after	{width:100%;} */


.my-step .step1	{left:6.3%;}
/*.my-step .step2	{left:calc(50% - 15px)}*/
.my-step .step2	{left:18.8%;}
.my-step .step3	{left:31.3%;}
.my-step .step4	{left:43.8%;}
.my-step .step5	{left:56.3%;}
.my-step .step6	{left:68.8%;}
.my-step .step7	{left:81.3%;}
.my-step .step8	{left:93.8%;}

.my-step.lv2 span:nth-child(1){color:#777777;}
.my-step.lv3 span:nth-child(-n+2){color:#777777;}
.my-step.lv4 span:nth-child(-n+3){color:#777777;}
.my-step.lv5 span:nth-child(-n+4){color:#777777;}
.my-step.lv6 span:nth-child(-n+5){color:#777777;}
.my-step.lv7 span:nth-child(-n+6){color:#777777;}
.my-step.lv8 span:nth-child(-n+7){color:#777777;}

.my-step .step-bg{width:12.5%;height:110px;position:absolute;top:15px;transform:none;z-index:1;border:none;border-radius:0;}
.my-step .step-bg:before{display:none;}
.my-step .step1.step-bg{left:3px;background:#e6e6e6;}
.my-step.lv2 .step1.step-bg, .my-step.lv3 .step1.step-bg, .my-step.lv4 .step1.step-bg, .my-step.lv5 .step1.step-bg, .my-step.lv6 .step1.step-bg, .my-step.lv7 .step1.step-bg, .my-step.lv8 .step1.step-bg{left:3px;background:#f6f6f6;}
.my-step.lv2 .step2.step-bg{left:calc(12.5% + 3px);background:#e6e6e6;}
.my-step.lv3 .step2.step-bg, .my-step.lv4 .step2.step-bg, .my-step.lv5 .step2.step-bg, .my-step.lv6 .step2.step-bg, .my-step.lv7 .step2.step-bg, .my-step.lv8 .step2.step-bg{left:calc(12.5% + 3px);background:#f6f6f6;}
.my-step.lv3 .step3.step-bg{left:calc(25% + 2px);background:#e6e6e6;}
.my-step.lv4 .step3.step-bg, .my-step.lv5 .step3.step-bg, .my-step.lv6 .step3.step-bg, .my-step.lv7 .step3.step-bg, .my-step.lv8 .step3.step-bg{left:calc(25% + 2px);background:#f6f6f6;}
.my-step.lv4 .step4.step-bg{left:calc(37.5% + 1px);background:#e6e6e6;}
.my-step.lv5 .step4.step-bg, .my-step.lv6 .step4.step-bg, .my-step.lv7 .step4.step-bg, .my-step.lv8 .step4.step-bg{left:calc(37.5% + 1px);background:#f6f6f6;}
.my-step.lv5 .step5.step-bg{left:50%;background:#e6e6e6;}
.my-step.lv6 .step5.step-bg, .my-step.lv7 .step5.step-bg, .my-step.lv8 .step5.step-bg{left:50%;background:#f6f6f6;}
.my-step.lv6 .step6.step-bg{left:calc(62.5% - 1px);background:#e6e6e6;}
.my-step.lv7 .step6.step-bg, .my-step.lv8 .step6.step-bg{left:calc(62.5% - 1px);background:#f6f6f6;}
.my-step.lv7 .step7.step-bg{left:calc(75% - 2px);background:#e6e6e6;}
.my-step.lv8 .step7.step-bg{left:calc(75% - 2px);background:#f6f6f6;}
.my-step.lv8 .step8.step-bg{left:calc(87.5% - 3px);background:#e6e6e6;}


.my-step.lv1 .step-zone span:nth-child(-n+2){color:#333333;font-weight:500;}
.my-step.lv2 .step-zone span:nth-child(-n+3){color:#333333;font-weight:500;}
.my-step.lv3 .step-zone span:nth-child(-n+4){color:#333333;font-weight:500;}
.my-step.lv4 .step-zone span:nth-child(-n+5){color:#333333;font-weight:500;}
.my-step.lv5 .step-zone span:nth-child(-n+6){color:#333333;font-weight:500;}
.my-step.lv6 .step-zone span:nth-child(-n+7){color:#333333;font-weight:500;}
.my-step.lv7 .step-zone span:nth-child(-n+8){color:#333333;font-weight:500;}
.my-step.lv8 .step-zone span:nth-child(-n+9){color:#333333;font-weight:500;}

.my-step .step-zone{width:100%;height:20px;line-height:20px;;position:absolute;bottom:0;}
.my-step .step-zone span{position:absolute;}
.my-step .step-zone span:nth-child(2){left:12.5%;}
.my-step .step-zone span:nth-child(3){left:25%;}
.my-step .step-zone span:nth-child(4){left:37.5%;}
.my-step .step-zone span:nth-child(5){left:50%;}
.my-step .step-zone span:nth-child(6){left:62.5%;}
.my-step .step-zone span:nth-child(7){left:75%;}
.my-step .step-zone span:nth-child(8){left:87.5%;}
.my-step .step-zone span:nth-child(n+2):nth-child(-n+8){transform:translateX(-50%);}
.my-step .step-zone span:last-child{right:0;}
.my-step .step-zone span.point-cont{color:#4E4D92 !important;font-weight:700;}

.my-step.lv8 .step1:before{background-image:url(../img/level_ico01.png)}
.my-step.lv8 .step2:before{background-image:url(../img/level_ico02.png)}
.my-step.lv8 .step3:before{background-image:url(../img/level_ico03.png)}
.my-step.lv8 .step4:before{background-image:url(../img/level_ico04.png)}
.my-step.lv8 .step5:before{background-image:url(../img/level_ico05.png)}
.my-step.lv8 .step6:before{background-image:url(../img/level_ico06.png)}
.my-step.lv8 .step7:before{background-image:url(../img/level_ico07.png)}

.my-step .notice{position:absolute;top:-44px;right:115px;color:#4E4D92;font-size:14px;font-weight:600;}


/*
@media only screen and (max-width:1480px){ /* 1200 
	.avatar-wrap .col_w3	{width:30%;}
	.avatar-wrap .col_w7	{width:70%;}
	.avatar-wrap .comment	{font-size:14px;}
	.avatar-wrap.lv2 .comment.comment-top:before	{left:140px;}
	.avatar-wrap.lv3 .comment	{margin-left:110px;}
	.avatar-wrap.lv4 .comment	{margin-left:270px;}
	.avatar-wrap.lv5 .comment.comment-top:before	{left:calc(50% + 30px);}
	.avatar-wrap .btn-bx .btn	{margin:10px 0 0 20px;}
}
@media only screen and (max-width:1240px){ /* 960 
	.avatar-wrap .col_w3,
	.avatar-wrap .col_w7	{float:none;width:100%;}
	.avatar-wrap .l-cont	{padding-right:0;margin-bottom:20px;}
	.lv-num .l-cont:after	{bottom:20px;}
	.avatar-wrap .lv-bx	{padding-right:200px;text-align:left;}
	.avatar-wrap .lv-bx > p	{display:inline-block;margin-right:10px;}
	.avatar-wrap .lv-bx > p:nth-child(3)	{border-top:none;}
	.avatar-wrap .mileage-bx	{float:none;display:inline-block;width:auto;}
	.avatar-wrap .mileage-bx span,
	.avatar-wrap .mileage-bx p	{display:inline-block;margin-right:10px;}
	.avatar-wrap .mileage-bx:nth-child(1)	{margin-right:10px;}

}
@media only screen and (max-width:1023px){ /* 720 

}
@media only screen and (max-width:767px){ /* auto 
	.avatar-wrap .r-cont p:nth-child(2)	{font-size:22px;}
	.my-step .step2	{left:calc(20% - 20px)}
	.my-step .step3	{left:calc(40% - 25px)}
	.my-step .step4	{left:calc(60% - 30px)}
	.my-step .step5	{left:calc(80% - 35px)}

}
@media only screen and (max-width:599px){ /* mobile-l 
	.avatar-wrap .lv-bx	{padding-right:110px;}
	.lv-num .l-cont:after	{right:10px;}
	.avatar-wrap .lv-bx	{margin-top:10px;}
	.avatar-wrap .lv-bx > p:nth-child(3),
	.avatar-wrap .lv-bx > p:nth-child(4)	{margin-top:0;}
	.avatar-wrap .lv-bx > p:nth-child(2),
	.avatar-wrap .lv-bx > p:nth-child(4)	{font-size:18px;}
	.avatar-wrap .lv-bx > p:nth-child(3)	{padding-top:10px;padding-bottom:10px;}
	.avatar-wrap.lv1 .comment,
	.avatar-wrap.lv2 .comment,
	.avatar-wrap.lv3 .comment,
	.avatar-wrap.lv4 .comment,
	.avatar-wrap.lv5 .comment,
	.avatar-wrap.lv6 .comment					{margin-left:0;width:100%;text-align:center;}
	.avatar-wrap.lv1 .comment.comment-top:before,
	.avatar-wrap.lv2 .comment.comment-top:before,
	.avatar-wrap.lv3 .comment.comment-top:before,
	.avatar-wrap.lv4 .comment.comment-top:before,
	.avatar-wrap.lv5 .comment.comment-top:before,
	.avatar-wrap.lv6 .comment.comment-top:before{content:none;}
	.avatar-wrap .btn-bx .left	{float:none;width:100%;}
	.avatar-wrap .btn-bx .left:nth-child(1)	{margin-bottom:10px;}
	.avatar-wrap .btn-bx .btn	{margin:0 0 0 10px;}
	.avatar-wrap .mileage-bx	{margin-top:0;}
	.my-step span	{font-size:12px;}


	

}
@media only screen and (max-width:415px){ /* mobile-s 
	#sub-login.ok-login .btn-wrap a	{margin-top:5px;padding:8px 20px;}
	.avatar-wrap	{padding:20px;}
	.avatar-wrap .lv-bx	{padding-right:90px;}
	.lv-num .l-cont:after	{width:70px;height:204px;background-size:cover !important;}
	.my-step .step2	{left:calc(20% - 15px)}


}
*/
@media only screen and (max-width:1480px){ /* 1200 */
	.avatar-wrap .l-cont{height:420px;}
	.avatar-wrap .col_w3	{width:30%;}
	.avatar-wrap .lv-bx{margin-top:100px;}
	.avatar-wrap .col_w7	{width:70%;}
	.avatar-wrap .step-bx{padding:20px;}
	.avatar-wrap .comment	{font-size:14px;}
	.avatar-wrap.lv2 .comment.comment-top:before	{left:140px;}
	.avatar-wrap.lv3 .comment	{margin-left:110px;}
	.avatar-wrap.lv4 .comment	{margin-left:270px;}
	.avatar-wrap.lv5 .comment.comment-top:before	{left:calc(50% + 30px);}
	
	.avatar-wrap .r-cont p:nth-child(2){margin-bottom:30px;}
	.my-step{height:130px;}
	.my-step:after{height:89px;top:12px;}
	.my-step .notice{top:-15px;right:10px;}
	.my-step .notice br{display:none;}
	.avatar-wrap .comment{padding:5px 10px;}
	.my-step > span{top:25%;}
	.my-step .step-bg{height:89px;top:12px;}
	.avatar-wrap .btn-bx{padding:15px 20px;}
	
	.avatar-wrap .btn-bx .left{width:100%;}
	.avatar-wrap .btn-bx .left span br{display:none;}
	
	.avatar-wrap .btn-bx .right{width:100%;}
	.avatar-wrap .btn-bx .btn	{margin:5px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.avatar-wrap .l-cont{height:145px;}
	.avatar-wrap .col_w3,
	.avatar-wrap .col_w7	{float:none;width:100%;}
	
	.avatar-wrap .lv-bx > p{line-height:40px;}
	.avatar-wrap .lv-bx > p:nth-child(3)	{border-top:none;padding-top:0px;}
	.avatar-wrap .lv-bx > p:nth-child(5)	{width:90%;border-top:1px solid #ccc;padding-top:5px;}
	.avatar-wrap .lv-bx .clearfix{width:53%;}
	
	.avatar-wrap .name p:nth-child(2){display:none;}
	.avatar-wrap .l-cont	{padding-right:0;margin-bottom:20px;}
	.lv-num .l-cont:after	{display:none;}
	.avatar-wrap .lv-bx	{width:100%;margin-top:20px;text-align:left;}
	.avatar-wrap .lv-bx > p	{display:inline-block;margin-right:10px;}
	.avatar-wrap .lv-bx > p:nth-child(3)	{border-top:none;}
	.avatar-wrap .mileage-bx	{float:none;display:inline-block;width:auto;}
	.avatar-wrap .mileage-bx span,
	.avatar-wrap .mileage-bx p	{display:inline-block;margin-right:10px;}
	.avatar-wrap .mileage-bx:nth-child(1)	{margin-right:10px;}
	
	.my-step{height:150px;}
	.my-step:after{height:100px;top:14px;}
	.my-step .step-bg{height:100px;top:14px;}
	
	.avatar-wrap .btn-bx .left{margin:0;}
	.avatar-wrap .btn-bx span:before{margin-right:5px;font-size:12px;}
	.avatar-wrap .btn-bx .btn{width:135px;margin:2px;padding:3px 5px;}
	

}
@media only screen and (max-width:1023px){ /* 720 */
	.avatar-wrap{padding:20px;}
	
	.avatar-wrap .r-cont p:nth-child(2){margin-bottom:25px;}
	
	.my-step{height:115px;}
	
	.my-step .notice{font-size:13px;}
	.my-step > span{width:70px;height:32px;line-height:25px;font-size:14px;}
	.my-step > span:before{width:23px;height:23px;margin:0 3px;}
	.my-step > span.on::after{width:70px;height:32px;}
	.my-step .step-zone span{font-size:13px;}
	
	.avatar-wrap .btn-bx .left span br{display:block;}
	
	.my-step:after{height:75px;top:11px;}
	.my-step .step-bg{height:75px;top:11px;}
	
	.kiu_char{width:50%;}

}
@media only screen and (max-width:767px){ /* auto */
	.avatar-wrap .l-cont{height:135px;}
	.avatar-wrap .r-cont p:nth-child(2)	{font-size:22px;margin-bottom:5px;}
	.avatar-wrap .lv-bx > p{line-height:25px;}
	.avatar-wrap .lv-bx > p:nth-child(2){margin-right:calc(100% - 260px);}
	.avatar-wrap .lv-bx > p:nth-child(2), .avatar-wrap .lv-bx > p:nth-child(4){font-size:18px;}
	
	.my-step-mb{overflow-x:scroll;height:152px;}
	.my-step{width:640px;margin-top:20px;}
	.my-step .notice{top:-20px;right:auto;left:0;}
	
}
@media only screen and (max-width:599px){ /* mobile-l */
	.avatar-wrap .lv-bx .clearfix{width:75%;}
	.lv-num .l-cont:after	{right:20px;}
	.avatar-wrap .lv-bx	{margin-top:10px;}
	.avatar-wrap .lv-bx > p{line-height:25px;}
	.avatar-wrap .lv-bx > p:nth-child(2), .avatar-wrap .lv-bx > p:nth-child(4){font-size:18px;}
	.avatar-wrap.lv1 .comment,
	.avatar-wrap.lv2 .comment,
	.avatar-wrap.lv3 .comment,
	.avatar-wrap.lv4 .comment,
	.avatar-wrap.lv5 .comment,
	.avatar-wrap.lv6 .comment					{margin-left:0;width:100%;text-align:center;}
	.avatar-wrap.lv1 .comment.comment-top:before,
	.avatar-wrap.lv2 .comment.comment-top:before,
	.avatar-wrap.lv3 .comment.comment-top:before,
	.avatar-wrap.lv4 .comment.comment-top:before,
	.avatar-wrap.lv5 .comment.comment-top:before,
	.avatar-wrap.lv6 .comment.comment-top:before{content:none;}
	.avatar-wrap .btn-bx .left	{float:none;width:100%;}
	.avatar-wrap .btn-bx .left:nth-child(1)	{margin-bottom:10px;}
	.avatar-wrap .mileage-bx	{margin-top:0;}
	.my-step span	{font-size:12px;}
	
	#sub-login.ok-login .btn-wrap a	{margin-top:5px;padding:8px 20px;}
	


	

}
@media only screen and (max-width:415px){ /* mobile-s */
	.avatar-wrap	{padding:20px;}
	.avatar-wrap .lv-bx{padding:15px;}
	.avatar-wrap .lv-bx .clearfix{width:100%;font-size:14px;}
	.avatar-wrap .btn-bx span{width:100% !important;font-size:14px;}
	.avatar-wrap .btn-bx .btn{width:100%;font-size:14px;}
	.lv-num .l-cont:after	{width:70px;height:204px;background-size:cover !important;}
	.avatar-wrap .r-cont p:nth-child(2){font-size:18px;}
	.my-step .step2	{left:calc(20% - 15px)}
	


}
.col_wrap .col_d2 .stit{font-size:17px;font-weight:600;margin-bottom:10px !important;}
.mypage-main-top02 .r-cont .tit{font-size:17px;margin-bottom:10px;}
.mymain-mileage	li{margin:10px 0;}
.mymain-mileage	.race-bx{width:30px;height:30px;line-height:30px;margin-right:10px}
.mymain-mileage	.graph-h		{position:relative;display:inline-block;margin-left:10px;background:#efefef;border-radius:80px;height:10px; width:160px;}
.mymain-mileage	.graph-h .bar	{position:absolute;left:0;top:0;display:inline-block;background:linear-gradient(90deg,#C90133,#FF9900);height:10px;border-radius:80px;}
.mymain-mileage	.graph-h .bar:after	{position:absolute;right:-4px;top:-4px;content:"";display:block;width:16px;height:16px;border-radius:50%;background:#c90133;border:3px solid #fff;box-shadow:0 2px 3px rgba(0,0,0,0.2);}

.mypage-main-bx .bx		{height:430px;background:#fff;border-radius:8px}
.mypage-main-bx .tit	{font-size:20px;font-weight:500;color:#111; }
.mypage-main-bx .col_d4 .tit{text-align:center;margin-bottom:20px;}
.mypage-main-bx .col_d2 .tit{padding:0 30px;line-height:60px;border-bottom:1px solid #eee}
.mypage-main-bx .col_d4 .bx	{padding:30px;}

.mymain-capa ul		{margin:-2px;}
.mymain-capa span	{display:block;border:1px solid #ddd;line-height:40px;text-align:center;margin:2px}
.mymain-capa a.btn-d{clear:both;display:block;border-radius:3px;margin-top:20px;}

.mymain-counsel .tag		{display:inline-block;width:70px;margin-right:10px;border:1px solid #ddd;line-height:23px;text-align:center;font-size:13px;border-radius:2px;}
.mymain-counsel .tag-wait	{border-color:#957759;color:#957759}
.mymain-counsel .tag-end	{border-color:#999999;color:#999999}
.mymain-counsel .tag-ok		{border-color:#ff9900;color:#ff9900}
.mymain-counsel li			{margin:10px 0;}

.mymain-history			{}
.mymain-history ul		{position:relative;height:200px;overflow-y:scroll}
.mymain-history ul:before{content:"";border-left:4px solid #eee;position:absolute;left:4px;top:0;height:100%}
.mymain-history li		{position:relative;margin:15px 0;}
.mymain-history .date	{font-size:14px;margin:0 10px 0 18px;display:inline-block;}
.mymain-history li:first-child .date	{color:#8E001C}
.mymain-history li:before	{content:"";position:absolute;left:-2px;top:2px;display:block;width:16px;height:16px;border-radius:50%;background:#CABBAA;border:2px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,0.2);z-indeX:2}
.mymain-history li:first-child:before	{background:#8E001C}

.mymain-bnr a	{display:block;border-radius:3px;}
.mymain-bnr .tit{text-align:left !important;margin:0 !important}
.mymain-bnr .txt{font-size:14px;color:#999; margin:10px 0;}
.mymain-bnr > div{height:150px;}

.mymain-notice		{position:relative;}
.mymain-notice .more	{position:absolute;right:0;top:0;display:block;line-height:60px;width:60px;text-align:center;}
.mymain-notice ul	{margin:30px;}
.mymain-notice li	{position:relative;margin:10px 0;}
.mymain-notice .date	{position:absolute;right:0;top:0;font-size:14px;font-weight:300}
.mymain-notice li a{display:inline-block;width:calc(100% - 70px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.mymain-jobinfo		{position:relative;}
.mymain-jobinfo .more	{position:absolute;right:0;top:0;display:block;line-height:60px;width:60px;text-align:center;}
.mymain-jobinfo span{display:inline-block;border:1px solid #8E001C;color:#8E001C;font-size:13px;line-height:23px;border-radius:3px;width:70px;text-align:center;vertical-align:top;margin-right:10px;}
.mymain-jobinfo a	{display:inline-block;}
.mymain-jobinfo li	{position:relative;padding:20px 30px;border-top:1px dashed #ddd;}
.mymain-jobinfo li:first-child{border:none;}
.mymain-jobinfo .desc	{font-size:13px;color:#999}

#mypage-main-edulist	{margin:0 -10px;}
#mypage-main-edulist li	{float:left;width:calc(20% - 20px);margin:0 10px;background:rgba(255,255,255,0.4);border-radius:8px;padding:20px;text-align:center;font-size:15px;}
#mypage-main-edulist .tag-edu{display:inline-block;background:#957759;color:#fff;font-size:12px;line-height:20px;padding:0 5px;}
#mypage-main-edulist .subject{font-size:18px;color:#111;margin:10px 0;font-weight:500}

.mileage-about{padding:60px 80px;background:#f6f6f6 url(../img/mileage_about_img.png) no-repeat 95% 100% / auto 240px}
.mileage-about p:nth-child(1){font-size:2.5rem;color:#8E001C;}
.mileage-about p:nth-child(1) span{font-weight:700;display:inline-block;position:relative;}
.mileage-about p:nth-child(1) span:after{content:"";display:inline-block;background:rgba(180,2,0,0.2);height:10px;width:100%;position:absolute;left:0;bottom:10px;}
.mileage-about p:nth-child(2){font-size:1.5rem;margin:20px 0;color:#333; font-weight:700;}
.mileage-about p:nth-child(3){}
.mileage-tab	{text-align:center;border:1px solid #eee;padding:30px;}
.mileage-tab a	{display:inline-block;margin:0 40px;}
.mileage-tab a:hover{color:#8e001c}

@media only screen and (max-width:1240px){ /* 960 */	
	.mileage-about{padding:30px 400px 30px 60px;background-size:auto 70%}
}
@media only screen and (max-width:1023px){ /* 720 */
	.mileage-about{padding:30px;background-image:none}
	.mileage-about p:nth-child(1){font-size:2rem}
	.mileage-about p:nth-child(2){font-size:1.25rem}
}
@media only screen and (max-width:767px){ /* auto */	
	.mileage-about p:nth-child(1){font-size:1.5rem}
	.mileage-about p:nth-child(2){font-size:1rem}
	.mypage-main-bx .bx		{height:auto;margin-bottom:10px;}
}
@media only screen and (max-width:599px){ /* mobile-l */
	.mypage-main-bx .tit	{font-size:1rem;}

}
@media only screen and (max-width:415px){ /* mobile-s */

}

/* 키우미 앱 상담신청서 */
.c-logo	{background:#3a4278;height:70px;text-align:center;}
.c-logo a	{line-height:70px;}
.c-logo img	{vertical-align:top;height:26px;vertical-align:middle;}
.counselling	{}
.counselling h1	{line-height:1.2;}
.counselling .tv-checkbox	{font-size:17px;}
.counselling .t3 .tv-checkbox	{font-size:15px;}
.counselling .tv-checkbox label	{margin-right:10px;position: relative;padding-left: 25px;}
.counselling .tv-checkbox input[type="checkbox"] + label::before			{content:'';display:inline-block;width:1.25rem;height:1.25rem;line-height:1.25rem;border:2px solid #ccc;border-radius:4px;vertical-align:middle;margin-right:0.5rem;cursor:pointer;position: absolute;left: 0;}
.counselling .tv-checkbox input[type="checkbox"]:checked + label::before {content:'\f00c';font-weight:900;font-family:FontAwesome;line-height:1rem;border-color:#8E001C;color:#8E001C;text-align:center;transition:all 0.2s ease-out;}

.counselling .step	{text-align:center;}
.counselling .step span	{position:relative;display:inline-block;width:45px;height:45px;line-height:41px;border:2px solid #ccc;color:#666;border-radius:100px;font-size:15px;margin-left:70px;}
.counselling .step span:first-child	{margin-left:0;}
.counselling .step span.line:after	{content:"";display:inline-block;width:45px;border-top:2px dotted #ccc;position:absolute;top:50%;left:-60px;}
.counselling .step .on	{border:2px solid #8E001C;width:auto;padding:0 30px;background:#fff;color:#8E001C;}
.counselling .step .off	{border:2px solid #ccc;background:#ccc;color:#999;}
.counselling .step .on:after	{content:none;}

.counselling .date-wrap				{position:relative;}
.counselling .date-wrap:after			{content:"\f133";font-weight:400;font-family:FontAwesome;color:#999;position:absolute;right:15px;top:0;line-height:35px;}
.counselling .date i						{color:#888;cursor:pointer;background: #ccc;height: 40px;width: 40px;text-align: center;line-height: 40px;color: #fff;}
.counselling .date .w100					{margin-right:0 !important;}
.counselling select							{font-size:0.875rem;display:inline-block;height:40px;padding:6px 30px 6px 12px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;border-radius:3px;background-clip:padding-box;box-shadow:none;color:#666;}

.counselling .tv-radio input[type="radio"] + label	{margin-right:20px;}
.counselling .btn-wrap						{text-align:center;margin-top:20px;}
.counselling .btn-wrap a					{display:inline-block;background:#8E001C;border:2px solid #8E001C;color:#fff;font-size:17px;border-radius:100px;padding:15px 50px;}
.counselling .btn-wrap a:hover				{background:#fff !important;color:#8E001C;}

.counselling h3 .badge						{display:inline-block;border-radius:100px;padding:4px 10px;font-size:14px;color:#fff;background:#FF9900;font-weight:400;vertical-align:middle;margin-right:10px;}
.counsel-agree h4							{margin-top:15px;}

.counsel-agree .tv-checkbox span.btn		{display:inline-block;font-size:15px;font-weight:500;background:#F9F9F9;border:2px solid #ccc;border-radius:100px;padding:10px 20px;cursor:pointer;}
.counsel-agree .tv-checkbox span.on,
.counsel-agree .tv-checkbox span.btn:hover	{background:#fff;border:2px solid #8E001C;border-radius:100px;color:#8E001C;transition:0.3s;}
.counsel-agree .tv-checkbox input[type="checkbox"] + label::before	{border:none;content:"\f00c";line-height: 1rem !important;margin-right:8px !important;font-family:FontAwesome;font-size:15px;font-weight:900;display:inline-block;vertical-align:middle;margin:-2px 20px 0 0;color:#ccc;}
.counsel-agree .tv-checkbox input[type="checkbox"]:checked + label::before{color:#8E001C;font-size:15px;line-height:1.25rem;text-align:left;}

.counsel-cont	{margin-top:30px;}
.counsel-cont .topt-tit	{text-align:center;font-size:27px;font-weight:600;color:#000;padding:30px 0;border-bottom:1px solid #333;border-top:2px solid #333;word-break:keep-all;}
.counsel-cont .topt-tit span	{display:inline-block;border-radius:100px;padding:8px 12px;font-size:14px;color:#fff;background:#FF9900;font-weight:400;vertical-align:middle;margin-right:10px;}
.counsel-cont .counsel-survey	{padding:30px 0;border-bottom:1px solid #ccc;}
.counsel-cont .counsel-survey p	{font-size:22px;color:#000;font-weight:500; margin-bottom:20px;}
.counsel-cont .counsel-survey p span	{font-size:17px;color:#8E001C;margin-left:20px;}
.counsel-cont .counsel-survey em	{color:#FF9900;margin-right:10px;}
.counsel-cont .counsel-survey .tv-radio input[type="radio"] + label	{font-size:17px;color:#666;}
.counselling .btn-wrap	{text-align:center;margin-top:20px;}
.counselling .btn-wrap a	{display:inline-block;background:#8E001C;border:2px solid #8E001C;color:#fff;font-size:17px;border-radius:100px;padding:15px 50px;}
.counselling .btn-wrap a:hover	{background:#fff !important;color:#8E001C;}

.c-list > div	{background:#efefef}
.c-list .selected	{position:relative;display:inline-block;width:16px;height:16px;border:2px solid #ccc;border-radius:50%;background:#fff;vertical-align:middle;}
.c-list .selected:after	{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#ccc;margin:2px auto 0;}
.c-list .c-step	{float:left;width:180px;padding:30px;}
.c-list .c-info	{float:left;padding:30px;width:calc(100% - 180px);background:#f4f4f4}
.c-list .btn	{float:left;width:200px;padding:50px 30px 50px 0;position:relative;}
.c-list .c-step span	{display:block;width:120px;padding:4px 10px;border-radius:4px;background:#BFBFBF;color:#fff;font-size:14px;text-align:center;margin-bottom:5px;}
.c-list .c-step span:last-child	{margin-bottom:0;}
.c-list .c-step span.on	{background:#FF9900;color:#fff;}
.c-list .c-info .list	{float:left;width:50%;}
.c-list .c-info .list li	{padding:4px 0;}
.c-list .c-info .list li > span:nth-child(1)	{display:inline-block;width:130px;vertical-align:top;margin-right:10px;text-align:center;background:#768395;border-radius:50px;padding:6px 0;color:#fff;}
.c-list .c-info .list li > span:nth-child(2)	{display:inline-block;width:calc(100% - 150px);vertical-align:middle;}
.c-list .txt-br	{display:inline-block;}
.c-list .btn a	{display:block;border-radius:4px;background:#20305C;color:#fff;padding:15px 25px;text-align:center;vertical-align: middle;}
.c-list .btn a:hover	{background:#768395;}

.d-selected span:nth-child(1)	{position:relative;font-size:0.875rem;color:#888;display:inline-block;height:40px/*calc(2.75rem + 2px)*/;line-height: 40px;padding:0 12px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;border-radius:3px 0 0 3px;background-color:#fff;background-clip:padding-box;box-shadow:none}
.d-selected span:nth-child(1) i	{position:absolute;right:-40px;top:-1px;color:#888;background: #ccc;height: 40px;width: 40px;border-radius:0 5px 5px 0;text-align: center;line-height: 40px;color: #fff;}
.d-selected span:nth-child(2)	{font-size:0.875rem;display:inline-block;color:#888;height:40px/*calc(2.75rem + 2px)*/;line-height: 40px;padding:0 12px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;border-radius:3px;background-color:#fff;background-clip:padding-box;box-shadow:none;margin-left:60px;}

.counsel-bx	{max-height:300px;overflow-y:scroll;}

/* 포트폴리오 */
.kiumy-portfolio		{}
.kiumy-portfolio > ul	{margin:-10px;}
.kiumy-portfolio > ul > li	{position:relative;float:left;width:25%;padding:10px;}
.kiumy-portfolio > ul > li a	{display:block;background:#f7f7f7;}

/* 커리어로드맵 */

/*
.tip-bx{margin-top:30px; padding:20px; background:#fff; border:2px solid #8E001C; border-radius:10px; font-size:17px; }
.tip-bx >.tit{margin-bottom:10px; font-size:23px;color:#8E001C; font-weight:600;}
.career {word-break:keep-all; border:1px solid #8e001c;}
.career caption{font-size:0; padding:0;}
.career table thead tr{font-size:17px;}
.career table tbody th{background:#EEF0F0; color:#4F5966;}
.career table thead th{background:#8e001c; color:#fff; border:none;}
.career .b-left{border-right:1px solid #8e001c;}
.career .b-right{border-right:1px solid #707070;}
.career .b-bottom{border-bottom:1px solid #707070;}
.career .b-top{border-top:1px solid #707070;}

.career table th {border-right: 1px solid #707070; border-top: 1px solid #707070;}
.career table td{border-bottom: 1px solid #707070;}
.career	table th		{text-align:center;}
.career table th,
.career table td		{padding:12px 15px; border-bottom:none;vertical-align:middle;}

.career .map_pro ul{float: left; width: 33%;}
.career .map_pro::after{content:""; display: block; clear:both;}
*/
/* 커리어로드맵 */
.tip-bx{position:relative; margin-top:30px; padding:20px; background:#fff; border:2px solid #8E001C; border-radius:10px; font-size:17px; }
.tip-bx >.tit{margin-bottom:10px; font-size:23px;color:#8E001C; font-weight:600;}
.career {word-break:keep-all; border:1px solid #8e001c;}
.career caption{font-size:0; padding:0;}
.career table thead tr{font-size:17px;}
.career table tbody th{background:#EEF0F0; color:#4F5966;}
.career table thead th{background:#8e001c; color:#fff; border:none;}
.career .b-left{border-right:1px solid #8e001c;}
.career .b-right{border-right:1px solid #707070;}
.career .b-bottom{border-bottom:1px solid #707070;}
.career .b-top{border-top:1px solid #707070;}

.career table th {border-right: 1px solid #707070; border-top: 1px solid #707070;}
.career table td{border-bottom: 1px solid #707070;}
.career	table th		{text-align:center;}
.career table th,
.career table td		{padding:12px 15px; border-bottom:none;vertical-align:middle;}

.career .map_pro ul{float: left; width: 33%;}
.career .map_pro::after{content:""; display: block; clear:both;}



/* 커리어로드맵 캐릭터 */
.tip-bx.photo:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/photo.png) no-repeat; width:250px; height:388px;}
.tip-bx.video:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/video.png) no-repeat; width:250px; height:371px;}
.tip-bx.cartoon:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/cartoon.png) no-repeat; width:250px; height:479px;}
.tip-bx.digital:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/digital.png) no-repeat; width:250px; height:324px;}
.tip-bx.nursing:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/nursing.png) no-repeat; width:200px; height:469px;}
.tip-bx.gujo:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/gujo.png) no-repeat; width:200px; height:419px;}
.tip-bx.consulting:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/consulting.png) no-repeat; width:250px; height:396px;}
.tip-bx.police:after{content:''; display:inline-block; position:absolute; right:00px; bottom:0px; background:url(../img/police.png) no-repeat; width:200px; height:403px;}
.tip-bx.society:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/society.png) no-repeat; width:200px; height:451px;}
.tip-bx.sports:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/sports.png) no-repeat; width:200px; height:460px;}
.tip-bx.beauty:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/beauty.png) no-repeat; width:250px; height:409px;}
.tip-bx.airline:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/airline.png) no-repeat; width:200px; height:416px;}
.tip-bx.operation:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/operation.png) no-repeat; width:200px; height:461px;}
.tip-bx.International:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/International.png) no-repeat; width:200px; height:191px;}
.tip-bx.drive:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/drive.png) no-repeat; width:200px; height:465px;}
.tip-bx.system:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/system.png) no-repeat; width:250px; height:451px;}
.tip-bx.estate:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/estate.png) no-repeat; width:250px; height:452px;}
.tip-bx.fire:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/fire.png) no-repeat; width:200px; height:419px;}
.tip-bx.erection:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/erection.png) no-repeat; width:200px; height:453px;}
.tip-bx.construct:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/construct.png) no-repeat; width:220px; height:436px;}
.tip-bx.construct2:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/construct2.png) no-repeat; width:220px; height:437px;}
.tip-bx.electric:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/electric.png) no-repeat; width:220px; height:407px;}
.tip-bx.chemistry:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/chemistry.png) no-repeat; width:220px; height:444px;}
.tip-bx.machine:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/machine.png) no-repeat; width:220px; height:392px;}
.tip-bx.design:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/design.png) no-repeat; width:220px; height:470px;}
.tip-bx.autonomous:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/autonomous.png) no-repeat; width:220px; height:211px;}
.tip-bx.robot:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/robot.png) no-repeat; width:220px; height:358px;}
.tip-bx.electronic:after{content:''; display:inline-block; position:absolute; right:50px; bottom:0px; background:url(../img/electronic.png) no-repeat; width:200px; height:457px;}
.tip-bx.security:after{content:''; display:inline-block; position:absolute; right:-20px; bottom:0px; background:url(../img/security.png) no-repeat; width:180px; height:380px;}
.tip-bx.software:after{content:''; display:inline-block; position:absolute; right:00px; bottom:0px; background:url(../img/software.png) no-repeat; width:180px; height:306px;}
.tip-bx.game:after{content:''; display:inline-block; position:absolute; right:-15px; bottom:0px; background:url(../img/game.png) no-repeat; width:220px; height:292px;}
.tip-bx.noin:after{content:''; display:inline-block; position:absolute; right:00px; bottom:0px; background:url(../img/noin.png) no-repeat; width:220px; height:445px;}




@media only screen and (max-width:1023px){/*720*/
.c-list .c-step	{float:none;width:100%;padding:20px 30px;}
.c-list .c-step span	{display:inline-block;margin-bottom:0;}
.c-list .txt-br	{display:inline-block;}
.c-list .c-info {float:none;width:100%;}
.c-list .btn	{float:none;width:100%;padding:0;}
}

@media only screen and (max-width:768px){/*mobile-l*/
.counselling .counsel-cont .t3 table th, .t3 table td	{padding:10px;}
.c-list .c-info .list	{float:none;width:100%;}

}

@media only screen and (max-width:576px){/*mobile-s*/
.bg_gr	{padding:15px;}
.counselling	{padding:20px;}
.counselling h1	{font-size:22px;}
.counselling h2	{font-size:18px;}
.counselling h3	{font-size:16px;}
.counselling .tv-checkbox	{font-size:14px;}
.counselling .step span.line:after	{content:none;}
.counselling .step span	{margin-left:0;}
.counselling .date i	{margin-right:2px;}
.counselling .date .date-wrap	{display:block;width:100%;margin-bottom:5px;}
.counselling .date .date-wrap .w150 {width:100% !important;}
.counselling .date select	{padding:6px 20px 6px 12px;}

.counsel-agree .bg_gr	{padding:30px;height:200px;overflow-y:scroll;}
.counsel-agree	.mbp20	{margin-bottom:10px !important;}
.counsel-agree .tv-checkbox	{width:100%;margin:0 auto;text-align:center;}
.counsel-agree .tv-checkbox span:first-child	{display:block;margin-right:0;}
.counsel-agree .tv-checkbox span.mrp20	{margin-right:0 !important;margin-bottom:10px;}
.counsel-agree .tv-checkbox input[type="checkbox"]:checked + label::before{text-align:center;}

.counselling .counsel-cont .t3 table {font-size:14px;}
.counselling .t3 .tv-checkbox	{font-size:14px;padding:2px 0;}
.counsel-cont table th:first-child	{width:180px;}
.counsel-cont .counsel-survey p	{font-size:16px;position:relative;padding-left:25px;}
.counsel-cont .counsel-survey p em	{position:absolute;left:0;}
.counsel-cont .counsel-survey p span	{font-size:14px;}
.counsel-cont .counsel-survey .tv-radio input[type="radio"] + label	{font-size:15px;}
.counselling .btn-wrap a	{padding:8px 35px;font-size:15px;}

.counsel-cont .topt-tit	{font-size:17px;padding:15px 50px;}
.counsel-cont .topt-tit span	{margin-right:0;}

.c-list .c-step	{text-align:center;padding:15px 0;}
.c-list .c-step span	{width:auto;padding:4px 15px;}

.c-list .c-info	{font-size:15px;letter-spacing:-0.5px;padding:15px 20px;}
.c-list .c-info .list li > span:nth-child(1)	{width:110px;padding:4px 0;font-size:14px;margin-right:5px;}
.c-list .c-info .list li > span:nth-child(2)	{width:calc(100% - 120px);}
.c-list .btn a	{padding:10px 0;border-radius:0;}
}

@media only screen and (max-width:415px){/*mobile-xs*/
.counselling .w100 {width:80px !important;}
.counselling .step	span:not(.on)	{display:none;}
}


.apply-ok	{background:#f7f7f7 url(../img/apply_bg.png) no-repeat 50% 20%;padding:350px 20px 40px 20px;}
.apply-ok .tit	{text-align:center;font-weight:500;font-size:20px;}
.apply-ok .tit span	{text-align:center;font-weight:600;font-size:20px;color:#3a4278;text-decoration:underline;}

@media only screen and (max-width:576px){/*mobile-s*/
.apply-ok	{padding:250px 20px 40px 20px;background-size:320px;}
.apply-ok .tit	{font-size:18px;}
}

/*선배인터뷰*/
#ex-senior				{padding:40px 0;background:#E6E1D7 url(../img/ex_senior_bg.png) no-repeat 50% 100px;}
#ex-senior .title		{padding:40px 0 80px 0;text-align:center;color:#111;}
#ex-senior .title .tit	{font-size:40px;font-weight:700; }
#ex-senior .title .txt	{font-size:18px;margin-top:10px;}
#ex-senior ul			{margin:0 40px 40px 40px;font-size:0;}
#ex-senior li			{display:inline-block;width:20%;}
#ex-senior ul.list1			{text-align: center;}
#ex-senior ul.list1 li	{border-left:1px dashed #dfdfdf;box-shadow:0 10px 10px rgba(0,0,0,0.2)}
#ex-senior ul.list1 li:first-child	{border:none;}
#ex-senior .bx		{position:relative;padding:20px 15px;background:#fff;}
#ex-senior .badge	{/*position:absolute;left:50%;top:0;transform:translateX(-50%);*/display:block;margin:-20px auto 20px;width:70px;height:70px;line-height:40px;font-size:13px;background:url(../img/ex_senior_badge.png) no-repeat 0 0; -webkit-filter: drop-shadow(0 5px 5px rgba(0,0,0,0.2));filter: drop-shadow(0 5px 5px rgba(0,0,0,0.2))}
#ex-senior .badge.b-gold	{color:#9E732C;background-position:0 0}
#ex-senior .badge.b-silver	{color:#999999;background-position:-70px 0}
#ex-senior .badge.b-bronze	{color:#98592C;background-position:-140px 0}
#ex-senior .thumb	{width:100px;height:100px;border-radius:50%;background:#efefef;border:2px solid #ccc;margin:0 auto;}
#ex-senior .thumb img{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;object-fit:cover;}
#ex-senior .name	{font-size:26px;font-weight:700;color:#111; margin:15px 0 30px;text-align:Center;}
#ex-senior .point	{position:relative;display:block;background:#F6F4F2;line-height:45px;padding:0 15px;font-size:14px;border-radius:4px;text-align:left;}
#ex-senior .point em{position:absolute;right:15px;top:0;padding-left:25px;background:url(../img/ico_mileage.png) no-repeat 0 50%;color:#B40200;}
#ex-senior ul.list2 		{margin:0 30px}
#ex-senior ul.list2 li		{padding:0 10px;}
#ex-senior ul.list2 .bx		{margin-bottom:20px;}
#ex-senior ul.list2 .name	{font-size:20px;}

.set-plan	{background:#f6f6f6;padding:40px 40px 20px 40px}
.set-plan .tit{font-size:40px;font-weight:700;color:#111; text-align:center;margin-bottom:40px;}
.set-plan table	{border-top:2px solid #5C6978;}
.set-plan table tr{border-bottom:1px solid #ddd;}
.set-plan table th,
.set-plan table td{padding:25px 0;}
.set-plan table th{width:150px;font-size:20px;font-weight:700; vertical-align:top}
.set-plan table td{}
.set-plan .tv-radio,
.set-plan .tv-checkbox		{font-size:16px;}
.set-plan .type-select		{border:2px solid #768395;background:#fff;}
.set-plan .type-select dl	{float:left;width:50%;}
.set-plan .type-select.certificate dl {float:none; width:auto;}
.set-plan .type-select dl:nth-child(2){border-left:2px solid #768395;}
.set-plan .type-select dt	{height:70px;line-height:70px;background:#F0F2F2;text-align:center;font-size:20px;color:#768395}
.set-plan .type-select dd	{height:230px;padding:30px;overflow-y:scroll}
.set-plan .type-select li	{margin:10px 0;}
/*.set-plan .type-select .msg	{text-align:center;font-size:26px;color:#aaa;} 2020-10-05 직업설정 리스트 text-align : left로 수정 */ 
.set-plan .type-select .msg	{text-align: left;font-size:26px;color:#aaa;}
.set-plan .type-select .msg p{text-align:center;font-size:26px;color:#aaa;} /*2020-10-05 p 태그 센터 설정*/ 
.set-plan .type-select .msg p:before{content:"\f12a";font-family:FontAwesome;font-weight:900;margin:0 auto 20px;border:1px solid #ddd;display:block;width:60px;height:60px;line-height:58px;text-align:center;color:#ddd;border-radius:50%;}

/* 진로맵 */
@keyframes drop {

}
#careermap-intro{background:#fafafa;padding:100px 60px;text-align:Center;font-family:gsans}
#careermap-intro .title p:nth-child(1){line-height:1.1;font-size:40px;color:#086ACB}
#careermap-intro .title p:nth-child(2){line-height:1.1;font-size:100px;color:#FF9900;font-weight:700;}
#careermap-intro .title p:nth-child(3){font-size:20px;font-family:Noto Sans KR;color:#333;}
#careermap-intro .title a	{background:#ff9900;border:none;border-radius:16px;color:#fff;margin:30px 0 60px;transition:all ease-out 0.2s}
#careermap-intro .title a.btn-d:hover{background:#222;color:#fff;box-shadow:0 -10px 20px rgba(0,0,0,0.2);transition:translateY(5px);}
#careermap-intro .title a.btn-sub-in	{background:#35A6B5;}

#careermap-intro .map		{position:relative;height:640px;background:url(../img/careermap_bg_blank.png) no-repeat 50% 0}
#careermap-intro .map a		{position:absolute;display:block;width:252px;height:152px;background:url(../img/careermap_step_off.png) no-repeat 0 0;}
#careermap-intro .map a.on	{background:url(../img/careermap_step_on.png) no-repeat 0 0;}
#careermap-intro .spot1		{left:36px;top:166px;}
#careermap-intro .spot2		{left:196px;top:264px;}
#careermap-intro .spot3		{left:362px;top:162px;}
#careermap-intro .spot4		{left:532px;top:264px;}
#careermap-intro .spot5		{left:376px;top:362px;}

#careermap-intro .map a	span		{position:absolute;left:75px;top:-10px;display:block;width:100px;height:100px;padding: 22px 0 0 0;line-height:1.1;color:#5A6378;border:4px solid #5A6378;background:#fff;border-radius:50%;font-size:1.5rem;font-weight:700;transition:all ease-out 0.2s;overflow:hidden;}
#careermap-intro .map a	span em	{display:block;color:#f4605c;font-weight:700;}
#careermap-intro .map a span:hover	{margin-top:-10px;box-shadow:0 30px 20px rgba(0,0,0,0.2);}
#careermap-intro .map a.on span		{line-height:1.1;padding:22px 0 0 0;color:#ff9900;border:4px solid #ff9900;font-size:1.5rem;}
#careermap-intro .map a.on span:hover{background:#ff9900;color:#ffdd00}

#careermap-intro .map a .stit	{}
#careermap-intro .map a .stit				{position:relative;display: flex;flex-direction: column;display:inline-block;font-size:.725rem;border-radius:0.125rem;padding:.325rem .5rem;background:#5A6378;color:#fff;margin-top:105px;}
#careermap-intro .map a .stit:before			{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:6px;border-right-color:#5A6378;margin-top:10px;top:-12px;left:50%;margin:0;margin-left:-6px;transform:rotate(90deg)}
#careermap-intro .map a.on .stit				{background:#FAAD4D;}
#careermap-intro .map a.on .stit:before			{border-right-color:#faad4d;}



#careermap				{position:relative;background:#fafafa}
#careermap.step-bx		{padding:0 40px 40px 40px;/*font-family:gsans;*/}
#careermap.step-bx .title{width:400px;height:70px;line-height:70px;background:#FF9900;color:#fff;text-align:center;font-weight:700;font-size:24px;margin:0 auto;border-radius:0 0 18px 18px}
#careermap.step-bx h2	{color:#ff9900;text-align:center;font-weight:700;font-size:45px;}
#careermap.step-bx .cont{padding:100px 60px;background:#fff;border:4px solid #111;border-radius:24px;/*font-family:gsans;*/font-size:20px;color:#444}
#careermap.step-bx .cont h3				{margin:60px 0 20px 0;font-size:30px;}
#careermap.step-bx .cont h3:first-child	{margin-top:0}
#careermap.step-bx .cont p				{margin:5px 0}
#careermap.step-bx input[type="text"]		{text-align:center;}
#careermap.step-bx input[type="text"], 
#careermap.step-bx textarea					{height:calc(2.75rem + 2px)/**/;padding:8px 12px 4px;transition:all .2s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ccc;border-radius:3px;background-color:#fff;background-clip:padding-box;box-shadow:none;}
#careermap.step-bx textarea					{min-height:200px;width:100%;padding:20px;line-height:1.6}

#careermap.step-bx .no-padding input[type="text"], 
#careermap.step-bx .no-padding textarea	{padding:0;margin:5px;}
#careermap.step-bx .dropdown-menu			{border-bottom:2px solid #111}
#careermap.step-bx .tv-checkbox,
#careermap.step-bx .tv-radio				{font-size:100%;}
#careermap.step-bx .form-inline				{display:flex;flex-flow:row nowrap;justify-content: center;background:#f6f6f6;padding:40px 20px;}
#careermap.step-bx .form-inline span,
#careermap.step-bx .form-inline input{display:inline-block}
#careermap.step-bx .btnarea a	{-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;border-radius:16px;border:none;padding:0 60px}
#careermap.step-bx .btnarea a.btn-main{background:#086ACB;}
#careermap.step-bx .tv-radio input[type="radio"]:checked + label::after	{left:5px;top:50%;margin-top:-7px;width:10px;height:10px;}

#careermap .desc-test			{text-align:left;padding:10px;background:#f6f6f6;}
#careermap .desc-test dl		{float:left;width:calc(50% - 20px);margin:10px;padding:20px;background:#fff;font-size:16px;border-radius:16px;}
#careermap .desc-test dt span	{border:2px dashed #ff9900;color:#ff9900;border-radius:80px;line-height:50px;padding:0 20px;}
#careermap .type-mbti ul		{margin:0 -10px;}
#careermap .type-mbti li		{position:relative;float:left;width:calc(25% - 20px);padding:20px 20px 70px 20px;margin:0 10px;border:1px solid #eaeaea;text-align:center;}
#careermap .type-mbti .form		{position:absolute;left:0;bottom:0;width:100%;line-height:50px;background:#f9f9f9}

#careermap table th			{font-size:18px}
#careermap table thead th	{text-align:center;}
#careermap table tbody th	{padding-right:10px;}

.login-welcome	{display:flex;flex-flow:row nowrap;background:#fff}
.login-welcome .level		{padding:30px;text-align:center;}
.login-welcome .quest-bx	{display:flex;flex-flow:row nowrap;width:100%}
.login-welcome .quest-bx dl	{flex:1;border-left:1px dashed #dfdfdf;}

#resume.type2			{display:flex;flex-flow:row wrap;border:1px solid #eee;padding:20px;}
#resume.type2 h3		{color:#8e001c;}
#resume.type2 .l-cont	{padding:40px 30px;width:320px;background:#f6f6f6;line-height:1.8}
#resume.type2 .r-cont	{padding:0 40px;width:calc(100% - 320px)}
#resume.type2 .thumb	{width:180px;height:180px;border-radius:50%;margin:0 auto 40px;border:4px solid #8e001c}
#resume.type2 .thumb img{max-width:100%;min-height:100%;object-fit:cover;}	
#resume.type2 .name p	{font-size:1.725rem;font-weight:700;color:#111;}
#resume.type2 .info ul	{margin:5px 0}
#resume.type2 .info i	{display:inline-block;width:30px;text-align:center;}
#resume.type2 table th,
#resume.type2 table td	{padding:15px 0}
#resume.type2 table thead tr	{border-bottom:2px solid #555;}
#resume.type2 table tbody tr	{border-bottom:1px solid #eaeaea;}
#resume.type2 table thead th,
#resume.type2 table thead td	{font-size:.875rem;color:#aaa;padding:0 0 15px 0}
.resume-it		{display:flex;flex-flow:row nowrap;text-align:center;}
.resume-it dl	{flex:1;}
.resume-it dt span	{display:block;margin:0 auto;width:85px;height:85px;}
.resume-it .ico-xls	{background:url(../img/resume_ico_xls.png) no-repeat 50% 0 /cover}
.resume-it .ico-ppt	{background:url(../img/resume_ico_ppt.png) no-repeat 50% 0 /cover}
.resume-it .ico-doc	{background:url(../img/resume_ico_doc.png) no-repeat 50% 0 /cover}
.resume-it .ico-doc	{background:url(../img/resume_ico_doc.png) no-repeat 50% 0 /cover}
.resume-it .ico-doc	{background:url(../img/resume_ico_doc.png) no-repeat 50% 0 /cover}

.my-history-wrap 		{}
.my-history-wrap h2		{}
.my-history-wrap h3		{margin:0 0 20px 0;}
.my-history-wrap .rowset{margin:0 -15px;display:flex;flex-flow:row wrap}
.my-history-wrap .rowbx	{flex:1;margin:0 15px;background:#fff;padding:30px;}
.my-history-wrap .cont	{}

.db-none{color:#aaa;font-weight:300}

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


@media only screen and (max-width:767px){ /* auto */	
	#total_charts{width:auto !important}
}


.board-nanodegree .mo-tt {display:none;}
@media only screen and (max-width:767px){ /* auto */	
	.board-nanodegree .tag {float:left;}
	.board-nanodegree .mo-tt {display:inline-block;;}
	.board-nanodegree .btnset {display:block;}
	.board-nanodegree .btnset a	{display:block;}

}

/*나의 수강이력 > 만족도 및 요구조사*/
@media only screen and (max-width:767px){ /* auto */
	.m_block tr,.m_block td,.m_block th	{display:block;}
	.t3 table thead th:last-child, .t3 table tbody td:last-child, .t3 table tfoot td:last-child{border:1px solid #E1E4E8;}
	.m_block th	{margin-top:10px;}
	.m_block col{width:100%;}
	.m_width .tal{min-width:180px;}
	.m_satisfy tr td:first-child,.m_satisfy tr th:first-child{min-width:145px;}
}

.legend-bx	{border:1px dashed #ccc;background:#f9f9f9;padding:20px;font-size:0.825rem;}
.legend-bx .traffic-light	{margin-top:0;}
.btn-tab 	{position:relative;}
.btn-tab .btn-d	{position:relative;border-radius:100px;line-height:60px;padding:0 60px;font-size:1.2rem;margin-bottom:40px;margin-right:50px;}
.btn-tab .btn-d:after	{content:"";display:inline-block;width:50px;height:2px;border-top:3px dotted #DCDCDC;position:absolute;top:50%;left:calc(100% + 2px);}
.btn-tab .btn-d:last-child:after	{content:none;}
.btn-tab .arrow:before		{content:"";background:url(../img/arrow.png) no-repeat;width:30px;height:22px;position:absolute;top:50%;right:-18%;transform:translateY(-25%);z-index:1;}
.btn-tab .btn-d.on	{background:#FF9900;border-color:#FF9900;box-shadow:2px 2px 10px rgba(0,0,0,0.15);}
.btn-tab .btn-d.go span {display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;vertical-align:middle;margin-left:10px;background:#fff;color:#768395;border-radius:50%;font-size:0.825rem;font-weight:500;}
.btn-tab .btn-d.go span i	{margin:0;}
.btn-tab .btn-d.go.on span i	{color:#FF9900;}

/* 나의 인증현황 신호등 */
.traffic-light	{position:relative;background:#828282;border-radius:5px;padding:3px;width:34px;text-align: center;margin:0 auto;margin-top:10px;vertical-align: middle;box-shadow:inset 0px 4px 1px 1px rgb(0,0,0,0.1);}
.traffic-light span	{position:relative;display:inline-block;width:18px;height:18px;border-radius:100%;background:#555;border:2px solid #888;margin-top:6px;z-index:1;}
.traffic-light:before	{position:absolute;display:block;content:"";width:20px;height:20px;background:#555;border-radius:100%;top:4px;left:50%;transform:translateX(-50%);}
.traffic-light span.red	{background:#ff3300;box-shadow:0 0 10px rgb(255,50,0,1);-webkit-box-shadow-:0 0 10px rgb(255,50,0,1);-moz-box-shadow-:0 0 10px rgb(0,255,0,1);}
.traffic-light span.yellow	{background:#ffcc00;box-shadow:0 0 10px rgb(255,200,0,1);-webkit-box-shadow-:0 0 10px rgb(255,200,0,1);-moz-box-shadow-:0 0 10px rgb(0,255,0,1);}
.traffic-light span.green	{background:#00FF00;box-shadow:0 0 10px rgb(0,255,0,1);-webkit-box-shadow-:0 0 10px rgb(0,255,0,1);-moz-box-shadow-:0 0 10px rgb(0,255,0,1);}

.qmark {position:relative;display:block;color:#adadad;margin-top:10px;}

.new-table .table-on	{border-left:2px solid #FF9900;border-right:2px solid #FF9900;}
.new-table .table-on.first	{border-top:2px solid #FF9900;}
.new-table .table-on.last	{border-bottom:2px solid #FF9900;}
.new-table .table-on:hover	{border-color:#FF9900;}
#cert-home				{position:relative;background:#C8AE91 url(../img/certificate_bg.gif) repeat;border-radius:6px;margin-bottom:40px}
#cert-home .medal-area	{float:left;width:420px;}
#cert-home .medal-area .medal			{display:block;width:300px;height:300px;text-align:center;font-size:18px;color:#fff;margin:0 auto;}
#cert-home .medal-area .medal p			{padding:0 70px;line-height:1.2;font-size:15px;word-break:keep-all;}
#cert-home .medal-area .medal .name		{text-shadow:0 1px 1px rgba(0,0,0,0.6);font-weight:600;font-size:25px;padding:165px 0 10px;}
#cert-home .medal-area.gold .medal		{background:url(../img/medal_gold.png) no-repeat 50% 0}
#cert-home .medal-area.silver .medal	{background:url(../img/medal_silver.png) no-repeat 50% 0}
#cert-home .medal-area.bronze .medal	{background:url(../img/medal_bronze.png) no-repeat 50% 0}
#cert-home .medal-area.none .medal		{background:url(../img/medal_none_b.png) no-repeat 50% 0;}
#cert-home .medal-area .desc	{font-size:16px;width:420px;color:rgba(0,0,0,0.8);line-height:1.3;text-align:center;word-break:keep-all;padding-bottom:30px;}
#cert-home .medal-area .desc p:nth-child(2)	{margin-top:10px;font-size:18px;color:rgba(0,0,0,0.5);}
#cert-home .medal-area .desc .tit		{font-size:46px;font-weight:900;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.6);}
#cert-home .medal-area .desc .txt		{margin-top:10px;font-size:16px;color:rgba(0,0,0,0.5);}

#cert-home .cont		{float:right;width:calc(100% - 420px);padding:40px 40px 40px 0;}
#cert-home .cont ul		{margin:-10px;}
#cert-home .cont li		{position:relative;float:left;width:calc(33.33% - 20px);margin:10px;padding:30px 25px;padding-top:150px;border-radius:5px;background-color:rgba(0,0,0,0.1);color:#fff;word-break:keep-all;text-align:center;background-repeat:no-repeat;background-position:top 35px left 50%;}
#cert-home .cont li.on	{outline:5px solid #d6bda1;}
#cert-home .cont li.on:after	{content:"";display:block;width:48px;height:61px;background:url(../img/ico_flag.png) no-repeat;position:absolute;top:-6px;left:25px;}
#cert-home .cont li .tit	{font-size:26px;font-weight:700;color:#fff;margin-bottom:15px;word-break:keep-all;}
#cert-home .cont li .txt1	{font-size:17px;}
#cert-home .cont li:nth-child(1)	{background-image:url(../img/ico_newkiu01.png);}
#cert-home .cont li:nth-child(2)	{background-image:url(../img/ico_newkiu02.png);}
#cert-home .cont li:nth-child(3)	{background-image:url(../img/ico_newkiu03.png);}
#cert-home .cont .traffic-light	{margin-bottom:15px;}

@media only screen and (max-width:1240px){
#cert-home .cont li	{float:none;width:calc(100% - 20px);padding-top:30px;padding-left:150px;background-position:left 30px top 50%;text-align:left;}
#cert-home .cont .traffic-light	{display:inline-block;margin-left:10px;}
#cert-home .cont li .tit	{display:inline-block;}
}
@media only screen and (max-width:1023px){
#cert-home .medal-area	{float:none;width:100%;}
#cert-home .cont	{float:none;width:100%;padding:40px;}
#cert-home .medal-area .desc	{width:100%;padding-bottom:0;padding:0 20px;}
}
@media only screen and (max-width:415px){
.btn-tab .btn-d	{width:100%;margin:0 auto 10px;line-height:50px;}
.btn-tab .arrow:before	{display:none;}
.btn-tab .btn-d:after	{content:none;}
	#cert-home .cont	{padding:20px;}
#cert-home .cont li	{padding:20px;padding-left:20px;}
#cert-home .cont li:nth-child(1),#cert-home .cont li:nth-child(2),#cert-home .cont li:nth-child(3)	{background-image:none;}
#cert-home .medal-area .tit	{font-size:32px;}
#cert-home .cont li .tit	{font-size:22px;}
.legend-bx>div	{margin-bottom:5px;}
}

/*2112103 프로그램 상세안내*/
#comment textarea{width:calc(100% - 100px);display:inline-block;}
#comment .page_num{padding:8px 0;}
#comment .page_num a{padding:3px;margin:0 5px;}
#comment .page_num a.active{color:#5050D2;font-weight:600;font-size:0.97rem;}
#comment .send_btn{vertical-align:top;margin:30px 0 0 20px;}

@media only screen and (max-width:767px){ /* auto */
#comment textarea{width:calc(100% - 70px);min-height:80px}
#comment .send_btn{margin:20px 0 0 10px;}	
}

/*2112103 KIU학생성장위크*/
#like_program .title{text-align:center;margin:0 0 60px;}
#like_program .title p:nth-child(1){font-size:3rem;font-weight: 700;color: #111;margin-top:20px;}
#like_program .title p:nth-child(1) span{color: #FF9900;}
#like_program .title p:nth-child(2){font-size: 1.3rem;color: #333;padding:3px 0;position:relative;}
#like_program .title p:nth-child(2)::before{content:"";width:350px;border-bottom:2px solid #FF9900;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
#like_program .content span{color: #FF9900;}

@media only screen and (max-width:1023px){
#like_program .title p:nth-child(1){font-size: 2rem;}
#like_program .title p:nth-child(2){font-size: 1.1rem;padding:3px 0;}
#like_program .title p:nth-child(2)::before{content:"";width:250px;}
}

/* 학생성장위크 투표 */
.like-list		{background:#f5f5f5;padding:50px;}
.like-list > ul	{margin:-10px;margin-top:60px;}
.like-list > ul > li	{position:relative;float:left;width:calc(20% - 20px);margin:0 10px 20px 10px;border-radius:10px;border:2px solid #ccc;overflow:hidden;}
.like-list .tag-area	{display:none;}
.like-list .edu-tag	{position:absolute;left:10px;top:10px;z-index:1;}
.like-list .race-wrap	{display:none;}
.like-list .img			{position:relative;overflow:hidden;height:140px;}
.like-list .img img		{width:100%;max-width:100%;min-height:100%;object-fit:cover;transform:translateX(-50%);left:50%;top:0;position:absolute;}
.like-list .img .noimg	{display:block;width:100%;height:100%;background:#f1f1f1;}
.like-list .img .noimg:before	{content:"";background:url(../img/logo_noimg.png) no-repeat;width:72px;height:46px;font-family:FontAwesome;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font-size:60px;color:rgba(0,0,0,0.06);}
.like-list .mask-end		{position:absolute;left:0;top:0;width:100%;height:200px;background:rgba(0,0,0,0.55);color:#fff;text-align:center;font-size:1.125rem;z-index: 2;padding:0 20px;word-break:keep-all}
.like-list .mask-end p	{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.like-list .cont			{background:#fff;padding:15px 25px;}
.like-list .subject p	{font-size:14px;color:#FF9900;}
.like-list .subject a	{display:block;font-size:20px;font-weight:600;color:#000; height:60px;overflow:hidden;text-overflow:ellipsis}

/*211210 반응형 수량 다르게*/
@media only screen and (max-width:1023px){
.like-list > ul > li	 {width:calc(33.333% - 20px);}
}
@media only screen and (max-width:768px){
.like-list > ul > li	 {width:calc(50% - 20px);}
.like-list .subject a {height:50px;font-size:18px;}
}
@media only screen and (max-width:576px){
.like-list > ul  {margin:0;}
.like-list > ul > li	 {float:none;width:100%;margin:0 0 20px 0;}
}

.like-list>ul>li>a:before	{content:"\f00c";font-family:FontAwesome;font-weight:900;margin-right:10px;font-size:14px;}
.like-list .btm-cont		{background:#f1f1f1;padding:0 20px;font-size:14px;border-top:1px solid #eee;line-height:50px;}
.like-list .btm-cont span:nth-of-type(1)	{float:left;}
.like-list .btm-cont span:nth-of-type(1):before	{content:"\f073";font-family:FontAwesome;margin-right:5px;}
.like-list .btm-cont span:nth-of-type(2)	{float:right; }
.like-list .over-cont			{display:none;text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);transition:all ease-out 0.2s;}
.like-list>ul>li:hover .over-cont{display:block;}
.like-list .over-cont a.btn-d		{width:100px;border-radius:100px;border:2px solid #d1d1d1;padding:0 10px;line-height:30px;font-size:14px;color:#d1d1d1;background:none;}
.like-list .over-cont a.btn-like		{border-color:#ff6666;color:#ff6666}
.like-list .over-cont a.btn-like:hover{background:#ff6666 !important;color:#fff !important;}
.like-list .over-cont a.btn-like.on		{background:#ff6666 !important;color:#fff !important;}
.like-list .over-cont a.btn-more:hover{background:#fff !important;color:#333 !important;border-color:#fff;}
.like-list .over-cont .inbx		{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;width:100%;z-index:2;padding:0 20px;word-break:keep-all}
.like-list .over-cont .subject	{margin-bottom:30px;}
.like-list .over-cont .subject p	{color:#ff9900;}
.like-list .over-cont .subject a	{color:#fff;font-size:1.6rem;line-height:1.2;height:62px;margin:10px 0;}


/*성과관리시스템*/
.my-consult							{padding:50px 0 100px !important;}
#consult							{font-family:'pretendard';}
#consult .row					    {margin:0;}
#consult .bg_gr						{background:#f4f4f4;padding:30px;}
#consult .bx1_wh					{padding:30px;}
#consult h2							{font-size:28px;color:#445566;font-weight:700;letter-spacing:-1px;margin-bottom:15px;line-height:1;}
#consult h2:before,
#consult h2:after					{display:none;}
#consult h3							{font-size:23px;color:#333;font-weight:700;letter-spacing:-1px;margin:30px 0 20px;}
#consult .cont-stit					{}

#consult .form-control:disabled, .form-control[readonly]	{background-color:#f3f3f3;}
#consult .form-control:focus								{border-color:#255e7e;box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 2px 6px rgba(0,0,0,.075);}

#consult .tv-checkbox label										{margin-right:0;padding-left:0;}
#consult .tv-checkbox input[type="checkbox"] + label::before	{position:static;margin-right:0;width:1rem;height:1rem;line-height:0.8rem;}

#consult em							{font-weight:700;}


/*btn 스타일*/
#consult .btn-sub							{background-color:#8E001C !important;border:1px solid #8E001C !important;color:#FFF;}
#consult .btn-pink							{background:#FE4141 !important;border-color:#FE4141;}
#consult .btn-d.suc							{font-size:15px;min-width:145px;text-align:center;line-height:29px;}
#consult .btn-d.suc.end						{background:#F1F1F1;border-color:#CACACA;color:#CACACA;border-width:1px;box-shadow:none;-webkit-box-shadow:none;}	
#consult .btn-d.pr							{line-height:32px;font-size:15px;}
#consult .btn-d.btn-pro						{background-color:#445566;border-color:#445566;line-height:32px;}
#consult .btn-d.alarm						{font-size:15px;}
#consult .btn-d.alarm:before				{content:"\f0f3";font-family:'FontAwesome';font-size:17px;margin-right:7px;}
.btn-d.btn-lg								{-webkit-box-shadow:none !important;}	
span.color							{color:#ff9900;font-weight:700;}
#consult .cons-btn,
.agree-info .cons-btn				{width:180px;height:50px;line-height:50px;font-size:18px;margin:1px;}
#consult .btn-d						{border-radius:3px;}
#consult .btn-d.state				{border-radius:25px;padding:0;line-height:29px;background:none;font-weight:800;width:65px;font-size:13px;text-align:center;}
/*s1:접수중, s2:상담예정, s3:완료대기, s4:상담완료*/
#consult .btn-d.state.s1			{color:#0099CC !important;border-color:#0099CC !important;}
#consult .btn-d.state.s2			{color:#80CCB7 !important;border-color:#80CCB7 !important;}
#consult .btn-d.state.s3			{color:#8993A5 !important;border-color:#8993A5 !important;}
#consult .btn-d.state.s4			{color:#CACACA !important;border-color:#CACACA !important;}

#consult .btn-d.state.btn-lg		{font-size:16px;line-height:33px;width:90px;box-shadow:none;}

.caution							{position:relative;padding:10px 20px 10px 40px;border-radius: 2px;background:#FAAD4D;font-size:16px;color:#fff;line-height:1.3;margin-left:10px;font-weight:500;}
.caution:after						{content:"\f0f3";font-family:FontAwesome;font-weight:900;position:absolute;left:15px;top:50%;transform:translateY(-50%);}
.caution em.line					{position:relative;}
.caution em.line:before				{content:"";width:22px;height:1px;background:#FFF;position:absolute;bottom:-1px;}

.bx-caution							{font-size:15px;background:#FEF5F8;border-radius:2px;padding:0.75rem 1rem;position:relative}
.bx-caution:before					{content: "";border:solid transparent;height:0;width:0;position:absolute;border-width:7px;}
.bx-caution:after					{content:"\f06a";font-family:'FontAwesome';color:#fe4141;position:absolute;top:12px;left:15px;font-weight:600;}
.bx-caution.text-info:after			{color:#cacaca;}		
.bx-caution em						{font-size:15px !important;}
.bx-caution p						{margin-left:20px;}
.bx-caution.top						{margin-top: 15px}
.bx-caution.top:before				{bottom:100%;left:30px;border-bottom-color:#FEF5F8;}
.bx-caution.text-info				{background:#FAFAFA;}
.bx-caution.text-info.top:before	{border-bottom-color:#FAFAFA;}
.bx-info							{font-size:var(--font-sm);background:var(--bg-blue);border-radius:var(--basic-round);padding:0.75rem 1rem}
.text-info							{font-size:var(--font-sm);color:#9AA6AF}
.text-info:before					{content:"";display:inline-block;width:20px;height:20px;background:url(../img/ico_common.png) no-repeat 0 0;vertical-align:middle;margin-right:4px;}
.bx-exp					{position:relative;margin:0 0 1rem 0;background:var(--bg-blue);border:2px solid var(--main-color);padding:1rem 1.5rem 1rem 3rem;border-radius:var(--basic-round);font-weight:var(--font-regular);box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.bx-exp:before			{position:absolute;top:0.875rem;left:1.25rem;content:"\f05a";font-family:FontAwesome;color:var(--main-color);font-size:1.25rem}

.pink								{color:#FE4141 !important;}
.yellow								{color:#FF9900 !important;}
.orange								{color:#FF6600 !important;}

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

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

}
@media only screen and (max-width:1023px){
#consult .t3 table th, 
#consult .t3 table td				{padding:9px 15px;}
#consult .cons-btn, 
.agree-info .cons-btn		{width:160px;height:45px;line-height:45px;font-size:15px;}
.caution					{padding:8px 15px 8px 30px;font-size:14px;}  
.caution:after				{left:10px;}
#consult h2					{font-size:24px;}
#consult h3					{font-size:22px;}
#consult .btn-d.state		{line-height:22px;width:auto;padding:0 7px 0 6px;font-size:12px;}
}

@media only screen and (max-width:767px){
.bx-caution.top:before {left:20px;}
#consult h2 {font-size:22px;}
#consult h3 {font-size:20px;}
}

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

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

}



/*상담신청*/
.tab-txt.consult					{margin-bottom:30px;border-bottom:1px solid #ff9900;overflow:initial;}
.tab-txt.consult ul					{display:flex;flex-wrap:wrap;width:100%;table-layout:fixed;text-align:center;}
.tab-txt.consult li					{overflow:initial;display:table-cell;min-width:170px;vertical-align: middle !important;background: #F4F4F4;}
.tab-txt.consult li a.on:after		{content: "";position:absolute;left:0;top:auto;bottom:-1px;display:block;width: 100%;height:1px;background:#fff;z-index:1;}
.tab-txt.consult li a.on			{background:#fff;color:#ff9900;font-weight:600;border-left:none;border:1px solid #ff9900;border-bottom:none;border-left:1px solid #ff9900 !important;}
.tab-txt.consult li a				{position:relative;display:block;padding:15px 10px;font-size:16px;color:#666;border: 1px solid #dadada;border-left:0;border-bottom:none;}
.tab-txt.consult li:first-child a {border-left:1px solid #dadada;}
.tab-txt.consult li a:not(.on):hover			{color:#FFF;border-right:1px solid #ff9900;border:1px solid #ff9900;border-bottom:0;}
.dropdown-menu {font-family:'pretendard';} 
.datepicker table tr td.active, 
.datepicker table tr td.active.highlighted, 
.datepicker table tr td.active.highlighted:hover, 
.datepicker table tr td.active:hover		{background:#ff9900;}

.counsel-op								{padding:30px;display:flex;justify-content:space-between;}
.counsel-op ul li						{text-align:center;margin-right:10px;}
.counsel-op ul li a						{display:block;width:200px;height:100px;background:#FFF;border:1px solid #5A6378;padding:10px 0;transition:all 0.5s;font-weight:500;}
.counsel-op ul li a.on					{background:#ff9900;border:1px solid #ff9900;color:#FFF;box-shadow:1px 1px 10px 0 #999;}
.counsel-op ul li a:hover				{background:#ff9900;border:1px solid #ff9900;color:#FFF;box-shadow:1px 1px 10px 0 #999;}
.counsel-op ul li a:before				{content:"";width:50px;height:50px;display:block;background:url(../img/counsel-ico.png)no-repeat;margin:0 auto;}
/*cl:전담 c2:비전담 c3:진로취업 c4:심리 c5:학습 c6:병무*/
.counsel-op ul li a.c1:before {background-position: 0 -50px;}
.counsel-op ul li a.c2:before {background-position:-50px -50px;}
.counsel-op ul li a.c3:before {background-position:-100px -50px;}
.counsel-op ul li a.c4:before {background-position:-150px -50px;}
.counsel-op ul li a.c5:before {background-position:-200px -50px;}
.counsel-op ul li a.c6:before {background-position:-250px -50px;}

.counsel-op ul li a.c1.on:before {background-position: 0 0;}
.counsel-op ul li a.c2.on:before {background-position:-50px 0;}
.counsel-op ul li a.c3.on:before {background-position:-100px 0;}
.counsel-op ul li a.c4.on:before {background-position:-150px 0;}
.counsel-op ul li a.c5.on:before {background-position:-200px 0;}
.counsel-op ul li a.c6.on:before {background-position:-250px 0;}

.counsel-op ul li a.c1:hover:before {background-position: 0 0;}
.counsel-op ul li a.c2:hover:before {background-position:-50px 0;}
.counsel-op ul li a.c3:hover:before {background-position:-100px 0;}
.counsel-op ul li a.c4:hover:before {background-position:-150px 0;}
.counsel-op ul li a.c5:hover:before {background-position:-200px 0;}
.counsel-op ul li a.c6:hover:before {background-position:-250px 0;}

.counsel-op .counsel-info				{background:#FCFCFC;border:1px solid #CCC;padding:20px;min-width:450px;display: flex;justify-content: space-between;align-items:center;}
.counsel-op .counsel-info ul li			{text-align:left;}

.counsel-op .counsel-info .left			{line-height:1;margin:5px 80px 0 0;}
.counsel-op .counsel-info .stit			{color:#666;font-weight:500;font-size:15px;letter-spacing:-1px;}
.counsel-op .counsel-info .tit			{color:#333;font-size:23px;font-weight:600;letter-spacing:-1px;line-height:1.2;width:auto;display:flex;align-items:flex-end;}
.counsel-op .counsel-info.t2 .tit		{font-size:20px;word-break:keep-all;position:relative;}

.counsel-op .counsel-info .right		{}
.counsel-op .counsel-info .right li		{color:#666;font-size:15px;font-weight:500;line-height: 1.1;}
.counsel-op .counsel-info span.badge 	{margin-left:8px;}
.counsel-op .counsel-info .right li:before {content:"\f095";font-family:'FontAwesome';color:#5A6378;font-weight:600;margin-right:10px;font-size:15px;display:inline-block;
width:15px;text-align:center;}
.counsel-op .counsel-info .right li.e-mail:before  {content:"\f0e0";}
.counsel-op .counsel-info .right li.address:before  {content:"\f3c5";}
.counsel-op .counsel-info .right li.home:before  {content:"\f015";}

[class*="btn-b-"]	{background:#fff !important;font-weight:600;}
.btn-b-main		{color: #faad4d !important;border-color: #faad4d !important;}
.btn-b-basic	{color: #768395 !important;border-color: #768395 !important;}
.btn-b-blue		{color: #0099CC !important;border-color: #0099CC !important;}
.btn-b-green	{color: #339966 !important;border-color: #339966 !important;}

#consult .counsel-op .badge {border-style:solid;border-width:2px;border-color:var(--basic-color);/*background-color:var(--basic-color);*/font-size:12px;padding:0.29rem 0.36rem 0.25rem 0.3rem;vertical-align:middle !important;min-width:37px;font-weight:600;}
/*배지 cl:전담 c2:비전담 c3:진로취업 c4:심리 c5:학습 c6:병무*/
#consult .counsel-op .counsel-info.t2 .badge	{}
#consult .counsel-op .counsel-info .badge.c1 {color:#0099CC !important;border-color:#0099CC !important;}
#consult .counsel-op .counsel-info .badge.c2 {color:#339966 !important;border-color:#339966 !important;}
#consult .counsel-op .counsel-info.t2 .badge.c3 {color:#f9a41d  !important;border-color:#f9a41d  !important;}
#consult .counsel-op .counsel-info.t2 .badge.c4 {color:#6666CC !important;border-color:#6666CC !important;}
#consult .counsel-op .counsel-info.t2 .badge.c5 {color:#58d2d3 !important;border-color:#58d2d3 !important;}
#consult .counsel-op .counsel-info.t2 .badge.c6 {color:#5f7941 !important;border-color:#5f7941 !important;}

#consult .counsel-date .title-info				{color:#666;font-size:16px;}
#consult .counsel-date .title-info:before		{content:"\f05a";font-family:'FontAwesome';font-weight:600;margin-right:8px;}
#consult .counsel-date .col_wrap					{margin:0;display:flex;justify-content: space-between;}
#consult .counsel-date .col_wrap:after				{display:none;}
/*캘린더*/
#consult .counsel-date .col_wrap .col_cal		{width:600px;}
#consult .counsel-date .col_wrap .col_time		{width:calc(100% - 630px);}	
#consult #pro-calender .bg_gr					{padding:40px;}

#consult .main-time									{}
#consult .main-time .time_bx						{width:165px;background:#fff;display:block;border: 1px solid #DADADA;text-align:center;margin-right:2px;margin-bottom:2px;padding:13px 0 10px;line-height:1.4;}

#consult .main-time .time_bx a						{display:block;color:#555;}
#consult .main-time .off							{background: #efefef;}
#consult .main-time .off a							{color:#cfcfcf;}
#consult .main-time .off p							{color: #dadada;}

#consult .main-time .set-off						{background:#cdcdcd;border:1px solid #ccc;}
#consult .main-time .set-off a						{color:#b0b0b0;}

#consult .main-time .on								{border:2px solid #8BC932;background:#A3D251;}
#consult .main-time .on	a							{color:#FFF;}

 /*도서관 일정 (메인변경)*/
#main-calender										{position:relative;z-index:2;float:left;width:100%;}
#main-calender .mv-tit1								{margin-bottom:20px;color:#5E6877;}
#main-calender a.more								{position:absolute;top:10px;right:0;color:#ff9900;}
#consult .kiumy-cal									{position:relative;float:left;width:100%;height:auto;padding:30px 40px;background:#fff;border:1px solid #ddd;}
#consult .kiumy-cal .month							{margin-bottom:10px;text-align:center;font-size:30px;font-weight: 900;color:#ff9900;}
#consult .kiumy-cal a.mon-prev						{position:absolute;top:30px;left:40px;display:block;}
#consult .kiumy-cal a.mon-next						{position:absolute;top:30px;right:40px;display:block;}
#consult .kiumy-cal table thead th,
#consult .kiumy-cal table tbody td					{font-size:1rem;padding:16px 18px 15px 18px;color:#555;font-weight:500;}

#consult .kiumy-cal table thead th					{padding:10px 0;border-top: 2px solid #ccc;border-bottom: 1px solid #E1E4E8;color: #666;font-weight: 500;}
#consult .kiumy-cal table tbody td.off				{background:#efefef;}
#consult .kiumy-cal table tbody tr:last-child td	{border-bottom:1px solid #ccc;}
#consult .kiumy-cal table tbody td a				{z-index:2;position:relative;display:block;}
#consult .kiumy-cal table tbody td a.day-off		{color:#ff9900;}
#consult .kiumy-cal table tbody td a.sat			{color:#666;}
#consult .kiumy-cal table tbody td a.off			{color:#d9d7d7;}
#consult .kiumy-cal table tbody td a.today			{color:#8BC932;font-weight:600;}
#consult .kiumy-cal table tbody td a.today:before,
#consult .kiumy-cal table tbody td a.on:before		{content: "";position:absolute;top:calc(50% - 22.5px);left:calc(50% - 22.5px);width: 45px;height:45px;display:inline-block;border:2px solid #8BC932;line-height:45px;}

#consult .kiumy-cal table tbody td a.on				{color:#FFF;}
#consult .kiumy-cal table tbody td a.on:before		{border:2px solid #8BC932;background:#A3D251;z-index:-1;}
#consult .kiumy-cal table tbody td a.y span:before		{content:"";width:5px;height:5px;border-radius:50%;background:#a3d251;position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);}
#consult .kiumy-cal table tbody td a.today.y span:before {bottom:-3px;}
/* 건수 카운팅 #consult .kiumy-cal table tbody td a p				{font-size:13px;} */

#consult ul.bu>li									{font-weight:500;color:#666;white-space:pre-wrap;}
#consult ul.bu>li:before							{background:#ff9900;}

#consult .calender_list								{width:calc(100% - 620px);background:#FFF;padding:30px;position:relative;}
#consult .calender_list .board-btn					{position:absolute;top:40px;right:30px;}
#consult .calender_list	.btn-sm						{font-size:15px;}
.calender-info										{padding-top:10px;}
.calender-info span									{font-size:14px;color:#666;margin-right:3px;}
.calender-info span:before							{content:"";width:10px;height:10px;background:#cacaca;display:inline-block;margin-right:5px;}
.calender-info span.sel:before						{background:#8BC932;}

#consult .kiumy-cal.pro-cal table tbody td a.on:before	{border:2px solid #ff9494;background:#ff6060;}
#consult .kiumy-cal.pro-cal .calender-info span.sel:before		{background:#ff6060;}
#consult #pro-time.pro-cal .on									{border:1px solid #ff9494;background:#fef5f8;}
#consult #pro-time.pro-cal .on a								{color:#ff6060;}


/*개인정보 step*/
.agree-process										{}
.agree-process>ul									{display:flex;flex-flow:row nowrap;overflow:hidden;background:#F4F4F4;}
.agree-process>ul>li								{min-width:16%;font-weight:500;}

.agree-process li .tit								{color:#C3C9CD;}
.agree-process li .tit:before						{content:"";display:inline-block;width:55px;height:20px;line-height:20px;text-align:center;color:#C3C9CD;margin-right:10px;font-weight:800;}
.agree-process li:nth-child(1) .tit:before			{content:"STEP01"}
.agree-process li:nth-child(2) .tit:before			{content:"STEP02"}
.agree-process li:nth-child(3) .tit:before			{content:"STEP03"}
.agree-process .bx									{padding:0 1rem 0 3rem;position:relative;line-height:60px;background:#f4f4f4;}
.agree-process li:nth-child(1) .bx					{border-radius:0;padding:0 1rem 0 2rem;}
.agree-process li:last-child .bx					{border-radius:0 0.25rem 0.25rem 0 ;}
.agree-process .bx.active							{background:#ff9900;color:#FFF;}
.agree-process .active.before						{background:#FEBD70;}	
.agree-process .active.before:before				{border-left-color:#FEBD70 !important;;}
.agree-process .active.before:after					{border-left-color:#ff9b3a !important;}
.agree-process .bx.active .tit						{color:#FFF;}
.agree-process .bx.active .tit:before				{color:#FFF;}
.agree-process .bx:before,
.agree-process .bx:after							{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:30px;top:25px;margin-top:-25px;}
.agree-process .bx:before							{border-left-color:#f4f4f4;right: -59px;z-index:2}
.agree-process .bx:after							{border-left-color:#DADADA;right: -60px;z-index:1}
.agree-process .bx.active:before					{border-left-color:#ff9900;}
.agree-process .bx.active:after						{border-left-color:#FEBD70;}
.agree-process ul ul								{padding-top:10px}
.agree-process.agree-process-bx							{position:relative;}
.agree-process.agree-process-bx>ul						{display:flex;flex-flow:row wrap;border-bottom:1px solid var(--basic-border);}
.agree-process.agree-process-bx>ul>li					{flex:1;}
.agree-process.agree-process-bx	ul ul					{border-left:1px dashed var(--basic-border);padding:20px;height:100%}
.agree-process.agree-process-bx>ul>li:first-child>ul	{border-left:1px solid var(--basic-border);}
.agree-process.agree-process-bx>ul>li:last-child>ul		{border-right:1px solid var(--basic-border);}


#consult h3 .badge									{border-radius:0;margin-right:5px;}
#consult .counsel-agree h4							{color:#333;}
#consult .counsel-agree span						{color:#222;}

/*신청 확인 모달*/
#overlay									{width:100%;height:100%;position:absolute;top:0;left:0;background:#0008;z-index:9999;}
#overlay .agree-info						{width:980px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:60px 90px;background:#fff;border-radius: 5px;text-align:center;box-shadow:0 0 20px #0004;font-family:'pretendard';}
.agree-info .tit					{font-size:26px;color:#445566;font-weight:800;letter-spacing:-1px;}
.agree-info .txt					{color:#666;font-size:18px;letter-spacing:-0.5px;font-weight:500;}
.agree-info .tit:before				{content:"";width:70px;height:75px;background:url(../img/ico-agree01.png) no-repeat 50% 50% / contain;display:block;margin:0 auto 20px;}
.agree-info ul						{position:relative;background:#f4f4f4;padding:50px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.agree-info ul li					{width:calc(50% - 40px);text-align:left;font-size:18px;color:#333;font-weight:600;}
.agree-info ul:after				{content:"";width:1px;height:80px;background:#dadada;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.agree-info ul li:nth-child(1),
.agree-info ul li:nth-child(2)		{margin-bottom:15px;}
.agree-info ul li span				{color:#5A6378;margin-right:60px;}

/*신청 완료*/
.counsel-cont.complete				 {padding:100px 260px;}
.counsel-cont.complete .tit		     {font-size:30px;}
.counsel-cont.complete .tit:before	 {background:url(../img/ico-agree02.png) no-repeat 50% 50% / contain;width:55px;height:55px;}

@media only screen and (max-width:1480px){
#consult .counsel-date .col_wrap .col_cal {width:50%;}
#consult .counsel-date .col_wrap .col_time,
#consult .calender_list				{width:calc(50% - 20px);}
#consult .counsel-cont.complete				{padding:100px 160px;}

}

@media only screen and (max-width:1240px){
#consult .counsel-date .col_wrap			{flex-wrap:wrap;}
#consult .counsel-date .col_wrap .col_cal {width:100%;}
#consult .counsel-date .col_wrap .col_time {width:100%;margin-top:20px;}
#consult .main-time .time_bx				{width:calc(20% - 5px);}
#consult .counsel-cont.complete				{padding:100px 80px;} 
#consult .calender_list		{width:100%;margin-top:20px;}

}
@media only screen and (max-width:1023px){							
	.tab-txt.consult li									{width:25%;}
	.tab-txt.consult li a								{padding:15px 20px;font-size:14px;}
	#consult .counsel-op								{flex-wrap:wrap;}
	#consult .counsel-op .counsel-info					{margin-top:10px;width:100%;}
	#consult .counsel-op .counsel-info .left			{margin:0 110px 0 0;}
	#consult .counsel-op .counsel-info .right			{display:flex;flex-wrap:wrap;}
	#consult .counsel-op .counsel-info .right li		{width:calc(50% - 10px);}
	#consult .counsel-cont.complete						{padding:100px 40px;}
	#consult .agree-info ul								{padding:30px;}
	#consult .agree-info ul li							{width:calc(50% - 20px);}
	#consult .counsel-cont.complete .tit				{font-size:22px;}
	#consult .calender_list .board-btn					{top:25px;}
	.agree-info ul li span								{margin-right:40px;}
	.agree-info ul li:nth-child(1), 
	.agree-info ul li:nth-child(2)						{margin-bottom:10px;}

	#overlay .agree-info								{width:700px;padding:60px 40px 40px;}
	.agree-info .tit									{font-size:22px;}
	.agree-info ul li									{font-size:16px;}
}

@media only screen and (max-width:767px){
	.tab-txt.consult li		{width:33.33%;}
	.tab-txt.consult li a.on:after{display:none;}
	.tab-txt.consult li a.on{border-bottom:1px solid #ff9900;}
	#consult .tab-txt		{border-bottom:0;}
	#consult .bg_gr			{padding:20px;}
	#consult .main-time .time_bx {width:calc(25% - 2px);}
	#consult #pro-calender .bg_gr {padding:20px;}	
	#pro-notice .bx1_gr {padding:20px;}
	#consult .counsel-op ul {width:100%;}
	#consult .counsel-op ul li:not(.counsel-op .counsel-info ul li) {width:calc(33.3333% - 7px);}
	#consult .counsel-op ul li:not(.counsel-op .counsel-info ul li):last-child {margin-right:0;}
	#consult .counsel-op ul li a {width:auto;}
	#consult .counsel-op .counsel-info {flex-wrap:wrap;min-width:auto;}
	#consult .counsel-op .counsel-info .left  {margin:0;}
	#consult .counsel-op .counsel-info .right  {margin-top:5px;}
	.agree-info ul li span		{margin-right:20px;}

	.agree-info ul li span {margin-right:40px;}
	.agree-info ul {padding:50px 30px;}
	.agree-info ul li {width:calc(50% - 10px);}

	.agree-process>ul>li	{font-size:.9rem;}
	.agree-process li:nth-child(1) .bx {padding:0 0.5rem 0 1rem;}
	.agree-process .bx {padding:0 0.2rem 0 2.2rem;}
}

@media only screen and (max-width:576px){
	.tab-txt.consult li		{width:50%;}
	.tab-txt.consult li a {padding:10px 15px;font-size:.9rem;}
	#consult.counselling {padding:0;}
	#consult .counsel-date .title-info {font-size:15px;}
	#consult .counsel-op ul li:not(.counsel-op .counsel-info ul li) {width:100%;}
	#consult .counsel-op ul li {margin-right:0;}
	#consult .kiumy-cal .month {font-size:25px;}
	#consult .counsel-cont table th:first-child {width:auto;}
	#consult .kiumy-cal table thead th, 
	#consult .kiumy-cal table tbody td {font-size:.9rem;padding:0;width:50px;height:50px;}
	#pro-calender .main-calender {display:block;}
	#consult .kiumy-cal {padding:20px;}
	#consult .counselling .date i {width:30px;height:30px;line-height:30px;}
	#consult .kiumy-cal a.mon-prev,
	#consult .kiumy-cal a.mon-next {top:20px;}
	#consult .main-time .time_bx {width:calc(33.333% - 2px);}
	#consult .main-time .time_bx a {font-size:.9rem;}

	.agree-info ul		{padding:40px 30px;}
	.agree-info ul:after {display:none;}
	.agree-info ul li {width:100%;line-height:1.7;}
	.agree-info ul li:nth-child(1), 
	.agree-info ul li:nth-child(2) {margin-bottom:0;}
	.agree-info .tit {font-size:20px;word-break:keep-all;}
	#overlay .agree-info {padding:50px 30px 30px;}
	#consult .agree-info ul li {width:100%;}
	.agree-info .txt {font-size:16px;}

	.agree-process>ul		{flex-wrap:wrap;}
	.agree-process>ul>li {min-width:50%;}
	.agree-process .bx		{line-height:50px;}
	.agree-process .bx:before {right:-50px;}
	.agree-process .bx:before, 
	.agree-process .bx:after {border-width:25px;top:25px;margin-top:-25px;}
	.agree-process .bx:after {right:-51px;}
	.agree-process li:last-child .bx {padding:0 0.5rem 0 1rem;}

	#consult .counsel-cont.complete {padding:80px 30px 60px;}
.counsel-cont.complete .tit:before {width:40px;height:40px;margin:0 auto 10px;}


}

@media only screen and (max-width:415px){	
	.tab-txt.consult li		{width:100%;}
	#consult .counsel-op .counsel-info .right li {width:100%;}
	#consult .kiumy-cal table thead th, 
	#consult .kiumy-cal table tbody td {width:40px;height:40px;}
	#consult .kiumy-cal table tbody td a.today:before, 
	#consult .kiumy-cal table tbody td a.on:before {top:calc(50% - 17.5px);left:calc(50% - 17.5px);
width:35px;height:35px;line-height:35px;}
	#consult .main-time .time_bx {width:calc(50% - 2px);}

	.agree-process>ul>li {min-width:100%;}
	.agree-process .bx.active {padding:0 0.5rem 0 1rem;}

}




/*MY상담(공통)*/
/*mypage*/
.badge-company						{background-color:rgba(0,0,0,0.2);border-color:transparent;color:#fff;font-weight:400 !important;}
.badge-family						{background-color:#FF9900;border-color:#FF9900;color:#fff;font-weight:400 !important;}
.mypage-bg							{background:#F8F8FC}/*full-container+*/
.mypage-bg:before					{content:"";position:Absolute;left:0;top:0;width:100%;height:280px;background:#fff;z-index:1;}
.mypage-bg > div					{position:relative;z-index:5}
#mypage-topwrap						{overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,0.1);font-family:'pretendard';padding-top:90px;}
#mypage-topwrap.st					{background:#367979;}
#mypage-topwrap.pr					{background:#1D4663;}
#mypage-topwrap.mn					{background:#4e457b;}
#mypage-topwrap .row				{padding:2rem 0;display:flex;flex-flow:row wrap;margin:0 auto;justify-content:space-between;}

#mypage-topwrap .top-info			{width: 355px;color:#fff;border:0;font-weight:500;}
#mypage-topwrap .top-info .tit		{}
#mypage-topwrap .top-info .name		{margin:0.7rem 0;font-size:38px;line-height:1.1;word-break:keep-all;letter-spacing:-1px;}
#mypage-topwrap .top-info .name strong{font-weight:800;display:block;}
#mypage-topwrap .top-info .desc		{color:rgba(255,255,255,0.4);font-size:0.875rem;}
#mypage-topwrap .top-info .desc a	{background:rgba(0,0,0,0.6);padding:0 12px;border:none}

#mypage-topwrap .top-person			{margin-right:40px;padding:20px 25px;color:#FFF;background:rgba(0,0,0,0.3);font-size:14px;line-height:2;width:285px;}
#mypage-topwrap .top-person a		{color:#FFF;text-decoration:underline;}
#mypage-topwrap .top-person span	{width: 70px;margin-right:20px;display:inline-block;}

#mypage-topwrap .top-msg						{width: calc(100% - 680px);background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.3);position:relative;border-radius: 4px;}
#mypage-topwrap .top-msg ul						{padding:5px 0;}
#mypage-topwrap .top-msg li						{display:flex;align-items:center;border-bottom:1px dashed rgba(0,0,0,0.1);}
#mypage-topwrap .top-msg li	a					{width:calc(100% - 100px);padding: 15px 40px 15px 0;font-size: 18px;letter-spacing: -0.5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#222;font-weight:500;}
#mypage-topwrap .top-msg li	a em				{color:#ff9900;font-weight:700;}
#mypage-topwrap .top-msg li:before				{width:40px;height:40px;line-height:40px;margin: 0 15px;content:"\f0a1";font-family:'FontAwesome';font-weight:800;font-size:0.875rem;display:inline-block;text-align:center;border-radius:50%;background:rgba(0,0,0,0.2);color:#fff}
#mypage-topwrap .top-msg li:last-child			{border-bottom:none;}
#mypage-topwrap .top-msg li a:hover				{color:var(--main-color)}
#mypage-topwrap .top-msg li a:hover:before		{background:var(--main-color);color:#fff}
#mypage-topwrap .top-msg .item-updown			{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}
#mypage-topwrap .top-msg .item-updown a:before	{color:#999}

#mypage-topwrap .menu							{border-top:1px solid rgba(0,0,0,0.1);}
#mypage-topwrap .menu .d_width					{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
#mypage-topwrap .menu .cont-l					{width:300px;text-align:left;}
#mypage-topwrap .menu .date						{font-size:0.825rem;color:rgba(255,255,255,0.6);}
#mypage-topwrap .menu .date a					{display:inline-block;margin-left:20px;line-height:30px;background:rgba(0,0,0,0.4);color:#fff;font-size:0.65rem;border-radius:80px;padding:0 15px;}
#mypage-topwrap .menu .name						{color:#fff;font-size:2rem;font-weight:700;font-family:ns-neo;}
#mypage-topwrap.st .menu .name span				{font-size:0.875rem;font-weight:400;margin-right:0.5rem}
#mypage-topwrap.pr .menu .name span				{font-size:0.875rem;font-weight:400;margin-right:0.5rem}
/*#mypage-topwrap.sub	.menu .name	{width:100%;}*/
#mypage-topwrap .nav_h							{width:100%;position:relative;overflow:hidden;padding:0;align-items:center;}
#mypage-topwrap .nav_h	.desc					{color:rgba(255,255,255,0.4);font-size:0.875rem;letter-spacing:-0.5px;}
#mypage-topwrap .nav_h:after					{content:"";clear:both;float:none;display:block;}
#mypage-topwrap .nav_h > div					{float:left; display: block; font-size: 0; white-space: nowrap; position: relative;width:100%;overflow-x: auto;    -ms-overflow-style: -ms-autohiding-scrollbar;}
#mypage-topwrap .nav_h ul						{display:flex;flex-flow:row nowrap;justify-content:space-between;width: calc(100% - 350px);}
#mypage-topwrap .nav_h ul li					{flex:0 0 auto;}
#mypage-topwrap .nav_h ul li a					{color:#fff;display:block;text-align:center;line-height:60px;font-size:1.125rem;padding:0 1rem;font-weight: 700;}
#mypage-topwrap .nav_h ul li a:hover,
#mypage-topwrap .nav_h ul li a.on				{color: #FFFFCC;}
#mypage-topwrap .title							{border-top:1px solid rgba(0,0,0,0.1)}
#mypage-topwrap .title h1						text-align:left;color:#fff;padding:0 0 0 40px;margin:0;line-height:80px;font-weight:600;font-size:30px;background:url(../img/mypage_titbg.png) no-repeat 0 50%;
#mypage-topwrap.st .title h1					{background:url(../img/mypage_titbg_w.png) no-repeat 0 50%;}
#mypage-topwrap.pr .title h1					{background:url(../img/mypage_titbg_w.png) no-repeat 0 50%;}
#mypage-topwrap .alarm							{font-size:0.875rem;color:#fff}
#mypage-topwrap .alarm a						{display:inline-block;}
#mypage-topwrap .alarm a:nth-child(1)			{margin-right:1rem;}
#mypage-topwrap .alarm a:nth-child(1):before	{content:"\f017";font-family:FontAwesome;margin-right:0.5rem}
#mypage-topwrap .alarm a:nth-child(2):before	{content:"\f0f3";font-family:FontAwesome;margin-right:0.5rem}
#mypage-topwrap .alarm em						{display:inline-block;margin-left:0.5rem;color:#ffffcc}
#mypage-topwrap .top-info .alarm				{display:none;position:absolute;right:0;top:1.5rem;}
#mypage-topwrap .menu .alarm					{display:block;}

.mypage-sub										{padding:2rem 0 4rem 0;}
.mypage-main									{padding:4rem 0 0 0;display:flex;flex-flow:row wrap;}
.mypage-main .cont-l							{width:230px;margin-right:60px;margin-top:1rem;position:relative;}
.mypage-main .cont-r							{width:calc(100% - 230px - 60px);padding-bottom:4rem}

#my-active			{}
#my-active:before	{content:"";position:absolute;left:0.5rem;top:0;height:100%;border-left:4px solid rgba(0,0,0,0.1)}
#my-active h3		{margin:0;padding:0.5rem 1rem;background:#65799A;color:#fff;position:relative;font-size:var(--font-sm);border-radius:0.25rem}
#my-active li		{position:relative;}
#my-active li:before{width:0.825rem;height:0.825rem;left:0.25rem;top:1rem;border:2px solid #fff;background:#ffcc00;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,0.1);content:"";position:absolute;}
#my-active li .bx	{margin:1rem 0 1rem 2rem;padding:1rem;background:#fff;border-radius:0.5rem;display:block;line-height:1.4}
#my-active li .bx .date{font-size:var(--font-sm);margin-bottom:0.5rem;color:#999}
#my-active li .bx.on{border:2px solid var(--org)}

@media only screen and (max-width:1440px){
	#mypage-topwrap .menu .d_width {width: calc(1200px - 2rem); padding: 0 40px 0 40px;}
}


@media only screen and (max-width:1240px){
	#mypage-topwrap .top-info		{width:260px;}
	#mypage-topwrap .row			{flex-flow:nowrap;justify-content:flex-start;}
	#mypage-topwrap .top-msg		{width:calc(100% - 490px);}
	#mypage-topwrap .top-person		{width:300px;margin-right:10px;}
	#mypage-topwrap .top-msg li a	{font-size:17px;}
	#mypage-topwrap .menu .cont-l	{width:100px;}
	#mypage-topwrap .nav_h			{width:100%;}	
	.mypage-main .cont-l{margin-right:30px;margin-top:0.5rem;}
	.mypage-main .cont-r{width:calc(100% - 230px - 30px);}
	#mypage-topwrap .menu .d_width {width: calc(960px - 2rem);padding:0;}

}
@media only screen and (max-width:1023px){
	#mypage-topwrap .row			{flex-wrap:wrap;}
	#mypage-topwrap .top-info .name	{font-size:30px;margin:0.5rem 0;}
	#mypage-topwrap .nav_h ul		{width:100%;}
	#mypage-topwrap .nav_h ul li a	{padding:0 0.5rem;font-size:1rem;}
	#mypage-topwrap .top-person		{width:calc(100% - 260px);margin-right:0;}
	#mypage-topwrap .top-msg		{width:100%;margin-top:10px;}
	#mypage-topwrap .top-msg li a	{padding:10px;font-size:1rem;}
	#mypage-topwrap .top-msg li:before {width:30px;height:30px;line-height:30px;font-size:0.7rem;margin:0 5px 0 15px;}
	.mypage-main		{padding-top:1rem;flex-direction:column;}
	.mypage-main .cont-l{width:100%;margin:0;}
	.mypage-main .cont-r{width:auto;margin:0 -0.5rem;}
	#my-active			{margin:0 0 1rem 0;}
	#my-active:before	{top:3rem;width:calc(100% - 0.5rem);height:auto;border-left:none;border-top:2px solid rgba(0,0,0,0.1)}	
	#my-active ul		{display:flex;flex-flow:row nowrap;overflow:hidden;}	
	#my-active li:before{top:0.615rem}
	#my-active li .bx	{margin:2rem 1rem 1rem 0;height:100%;font-size:var(--font-sm)}
	#mypage-topwrap .title h1,
	#mypage-topwrap .menu .d_width {width:calc(720px - 2rem);}

}
@media only screen and (max-width:767px){
	#mypage-topwrap .row					{flex-direction:column;margin:0;padding:1rem 1rem 0 1rem;}
	#mypage-topwrap .top-info				{width:100%;}
	#mypage-topwrap .top-msg				{width:100%;margin:20px 0 40px;}
	#mypage-topwrap .top-info .name			{font-size:26px;}
	#mypage-topwrap .top-info .name strong	{display:inline-block;margin-left:5px;}
	#mypage-topwrap .top-person				{width:100%;display:flex;flex-wrap:wrap;padding:10px 20px;}
	#mypage-topwrap .top-person	p			{width:50%;}
	#mypage-topwrap .menu .alarm			{display:none;}
	#mypage-topwrap .nav_h					{width:100%;overflow-x:auto;padding:0}
	#mypage-topwrap .nav_h ul				{justify-content:left;padding-left:20px;}
	#mypage-topwrap .nav_h ul li a			{padding:0 2rem;}
	#mypage-topwrap .top-msg li a			{font-size:1rem}
	#mypage-topwrap .top-msg li	a			{width:calc(100% - 90px);}
	#mypage-topwrap .top-msg li:before		{width:30px;height:30px;line-height:30px;}
	.mypage-main .cont-r					{width:100%;margin:0;}
	#mypage-topwrap .title h1               {font-size:27px;}
	#mypage-topwrap.sub .nav_h      {width:100%;}	
	#mypage-topwrap .title h1, #mypage-topwrap .menu .d_width {width:100%;}
}
@media only screen and (max-width:576px){
	#mypage-topwrap							{padding-top:80px;}
	#mypage-topwrap .top-info .name			{font-size:24px;margin:0.3rem 0;}
	#mypage-topwrap .nav_h ul li a			{padding:0 1rem;}
	#mypage-topwrap .top-person	p			{width:100%;}
	#mypage-topwrap .top-msg li a			{font-size:15px;padding:10px 5px;}
}
@media only screen and (max-width:415px){
	#mypage-topwrap .top-info .name strong {margin-left:0;}
	#mypage-topwrap .top-msg li:before {width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
	#mypage-topwrap .top-msg   {width: calc(100% - 1rem);}
	#mypage-topwrap .row       {align-items: flex-start;}

}
.my-main-bx1						{position:relative;width:calc(50% - 2rem);margin:1rem;border-radius:0.5rem}
.my-main-bx2						{position:relative;width:calc(100% - 2rem);margin:1rem;border-radius:0.5rem}
.my-main-bx3						{position:relative;width:calc(33.3333% - 2rem);margin:1rem;border-radius:0.5rem}
[class*="my-main-bx"] h3			{padding:1.5rem 2rem;margin:0;font-family:ns-neo;font-size:1.5rem;font-weight:var(--font-exbold);color:#111;letter-spacing:-0.0145rem;line-height:1}
[class*="my-main-bx"] .cont			{}
[class*="my-main-bx"] .more			{position:absolute;right:2rem;top:1.25rem;display:block;width:34px;height:34px;line-height:30px;text-align:center;border-radius:50%;border:2px solid #ccc;color:#ccc;}
[class*="my-main-bx"] .more:before	{content:"\f061";font-family:FontAwesome;font-size:0.875rem;}
[class*="my-main-bx"] .more:hover	{border-color:var(--main-color);color:var(--main-color);}
[class*="my-main-bx"] .nodata		{display:flex;border:1px dashed var(--basic-border);border-radius:0.5rem;margin:0 2rem 2rem 2rem;padding:2rem !important;justify-content:center;align-items:center;}
[class*="my-main-bx"] .badge-ing	{position:absolute;left:1.875rem;top:-0.75rem}
[class*="my-main-bx"] *::-webkit-scrollbar			{width:5px;border-radius:80px;overflow:hidden;}
[class*="my-main-bx"] *::-webkit-scrollbar-thumb	{background-color:var(--dgray1);}
[class*="my-main-bx"] *::-webkit-scrollbar-track	{background-color:transparent;}

.my-main-active						{background:#ffffff}
.my-main-active .cont				{padding:0 2rem 2rem 2rem;}
.my-main-active .process-wrap		{border-top:1px solid var(--basic-border);padding:1rem 1.875rem;display:flex;flex-flow:row wrap;align-items:center;}
.my-main-active .process-wrap em:before		{content:"진행율";display:block;font-size:0.725rem;line-height:1.1;color:#111}
.my-main-active .process-wrap em			{width:60px;font-size:1.125rem;font-weight:var(--font-bold);}
.my-main-active .process-wrap .graph-bar-h	{width:calc(100% - 60px);}
.my-main-active .cont dl				{display:flex;flex-flow:row wrap;align-items:center;}
.my-main-active .cont dt				{width:100px}
.my-main-active .cont dd				{width:calc(100% - 100px)}

.my-notice										{padding:20px 45px;}
.my-notice p									{font-size:17px;font-weight:400;color:#666;line-height:1;margin-left:0;}
.my-notice em									{font-size:17px !important;font-weight:700;}
.my-notice span									{margin-left:15px;font-size:15px;}
.my-notice.bx-caution:after						{top:28px;transform:translateY(-50%);margin-top:-1px;left:20px;}
.my-notice .btn-d								{position:absolute;right:15px;top:7px;background:#F05C50;border-color:#F05C50;color:#FFF !important;height:40px !important;line-height:40px !important;font-size:16px !important;}

/*.my-top*/
.my-top											{border:4px solid #FAAD4D;letter-spacing:-1px;border-radius:4px;}
.my-top.pr										{border:4px solid #255E7E;}
.my-top	.tit									{color:#445566;font-weight:700;font-size:23px;}
.my-top .col-1									{width:410px;position:relative;padding:30px;background:#FAAD4D;max-width:100%;flex:none;}
.my-top.pr .col-1								{background:#255E7E;}
.my-top .col-1:before							{content:"";width:80px;height:80px;background:url(../img/ico-my.png) no-repeat 50% 50% / contain;position:absolute;top:30px;right:30px;}
.my-top .col-1 p								{color:#FFF;line-height:1.3;}
.my-top .col-1 p.tit							{font-size:32px;font-weight:800;}
.my-top .col-1 p.total							{position:absolute;right:30px;bottom:30px;font-size:17px;font-weight:500;letter-spacing:1px}
.my-top .col-1 p.total em						{color:#FFFFCC;font-weight:800;font-size:40px;margin-left:10px;}
.my-top .col-1 a								{display:block;line-height:45px;text-align:center;background:#183375;border-radius:5px;color:#fff;font-size:15px;font-weight:700;}
.my-top .col-1 a:hover							{background:#061436;}
.my-top .col-1 .btn-d.my						{position:absolute;bottom:30px;left:30px;text-align:center;font-weight:500;font-size:16px;border-radius:2px;background:#F38D0B;border-color:#F38D0B;}
.my-top.pr .col-1 .btn-d 						{background:#133142;border-color:#133142;}


.my-top .col-2									{width:calc(100% - 410px);background:#fff;max-width:100%;flex:none;padding:0;}
.my-top .col-2 .info							{display:flex;}
.my-top .col-2 .info li							{width:50%;border-right:1px dashed #ECEFF7;border-bottom:1px solid #ECEFF7;color:var(--sub-color);font-weight:500;line-height:1.5;position:relative;}

.my-top .col-2 .info li a						{padding: 30px;display:block;}
.my-top .col-2 .info li a:hover					{background:#fbfbfb;}
.my-top .col-2 .info li:before					{content:"";width:65px;height:65px;background:url(../img/ico-my01.png)no-repeat 50% 50% / contain;position:absolute;top:30px;right:30px;}

.my-top .col-2 .info li:nth-child(1) .stit span	{font-size:16px;margin-left:10px;}
.my-top .col-2 .info li:nth-child(1) .stit span em {font-size:21px;}
.my-top .col-2 .info li:nth-child(2):before		{background:url(../img/ico-my02.png)no-repeat 50% 50% / contain;}
.my-top .col-2 .info li em						{display:inline-block;font-size:35px;font-weight:700;color:#FF9900;}

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


@media only screen and (max-width:1240px){
	.my-top .col-1	{width:250px;padding:20px;}
	.my-top .col-2	{width:calc(100% - 250px);}
	.my-top .col-2 .info li a {padding:20px;}
	.my-top .col-2 li:last-child {border:none;}
	.my-top .col-1:before {width:60px;height:60px;right:20px;}
	.my-top .col-1 p.total {bottom:80px;}
	.my-top .col-1 .btn-d.my {width:200px !important;bottom:20px;left:22px;}

}
@media only screen and (max-width:1023px){
	.my-top .col-1,
	.my-top .col-2				{width:100%;}
	.my-top .col-1				{height:150px;}
	.my-top .col-1:before		{top:20px;}
	.my-top .col-1 .btn-d.my	{width:auto !important;}
	.my-top .col-1 p.total		{bottom:20px;}
	.my-top .col-1 p.tit		{font-size:30px;}
	.my-top .col-2 .info		{flex-wrap:wrap;}
	.my-top .col-2 .info li		{width:100%;}

}
@media only screen and (max-width:767px){
	.my-top .col-1 p.tit			{font-size:27px;}
	.my-top .col-1 p.total em		{font-size:33px;}
	.my-top .col-2 .info li em		{font-size:27px;}
	.my-notice em					{font-size:16px !important;}
	.my-notice p					{font-size:16px;}
	.my-notice span					{margin-left:0;font-size:15px;display:block;}
}
@media only screen and (max-width:576px){
	.my-top .col-1					{height:auto;}
	.my-top .col-1:before			{top:11px;right:10px;width:50px;height:50px;}
	.my-top .col-1 p.total			{bottom:10px;}
	.my-top .col-1 p.tit			{font-size:21px;}
	.my-top .col-1 .btn-d.my		{display:none;}
	.my-top .tit					{font-size:20px;}
	.my-top .col-2 .info li em		{font-size:23px;}
	.my-top .col-2 .info li:nth-child(1) .stit span		{font-size:15px;}
	.my-top .col-2 .info li:nth-child(1) .stit span em {font-size:18px;}
	.my-top .col-2 .info li:before	{width:45px;height:45px;}
	.my-notice em					{font-size:15px !important;}
	.my-notice p					{font-size:15px;}
}
@media only screen and (max-width:415px){
}

/*상담 table*/
/*table.t3 스타일 조정*/
.tablesorter-default										{font:15px !important;font-family:'pretendard' !important;}
#consult .t3 table.manage thead th							{background:#f2f2f2;}
#consult .t3 table thead th,
#consult .t3 table tbody tr td							{border-left:0;border-right:0;text-align:center;word-break:keep-all;}
#consult .t3 table thead th,
#consult .t3 table thead tr:last-child th				{border-bottom:1px solid #e1e4e8;}

#consult .t3 table.manage thead tr:nth-child(2) th					{border-right:1px solid #e1e4e8;padding:9px 15px;}
#consult .t3 table.manage thead tr:nth-child(3) th					{background:#e0e0e0;padding:6px 15px;}
#consult .t3 table.manage thead tr:nth-child(2) th:nth-child(1)	{border-left:1px solid #e1e4e8;}	
#consult .t3 table.manage thead tr:nth-child(3) th					{border-right:1px solid #d1d1d1;}	
#consult .t3 table.manage thead tr:nth-child(3) th:first-child		{border-left:1px solid #d1d1d1;}
#consult .t3 table thead td									{background:#f4f4f4;border:0;}
#consult .t3 table tbody tr td								{padding:8px 5px;}
#consult .t3 table tbody tr td.division						{text-align:left;}
#consult .t3 table tbody tr td.division em					{color:#222;font-weight:800;font-size:17px;}
#consult select {height:36px;}

.division .must											{color:#FFF;background:#FE4141;border-radius:0;padding:0.3rem 0.6rem 0.3rem;margin-left:15px;}
.division .must:before									{border-right-color:#FE4141;left:-10px;}
#consult .t3 table tbody tr.off .division .must			{color:#fff !important;background:#ccc;}
#consult .t3 table tbody tr.off .division .must:before	{border-right-color:#ccc;}

#consult .t3 table tbody tr td.pr-date input			{padding:5px 2px;min-width:170px;}
#consult .t3 table tbody tr td.pr-date .form-control	{height:36px;padding:0 15px;color:#666;}
#consult .t3 table tbody tr.off							{background:#F9F9F9;}
table tr.off *:not(a):not(i):not(em)					{color:#666 !important;font-weight:400 !important;}
#consult .dday											{font-size:14px;font-weight:700;background:#FF6600;min-width:50px;text-align:center;padding:4px 5px;border-radius:3px;display: inline-block;color:#fff;}

/*table t2 스타일 조정*/
#consult .t2 table thead th									{background:#F6F6F6;border-top:1px solid #E1E4E8;border:1px solid #E1E4E8;color:#666;font-size:16px;}
#consult .t2 table tbody												{border-top:1px solid #E1E4E8;}
#consult .t2 table tbody th									{background:#F6F6F6;}
#consult .t2 table em										{font-weight:700;}
#consult .t2 table											{border-bottom:1px solid #E1E4E8;}	

/*list-nodata*/
#consult .list-nodata										{padding:20px;border:1px dashed #ddd;color:#afb3c1;text-align:center;}
#consult .list-nodata:before								{content:"\f4ad";font-weight:400;font-size:1.5rem;display: block;margin:0;color:#afb3c1;font-family:"FontAwesome";margin-bottom: 10px;}

/*교수*/
#consult .t3 table.pr_list tbody tr td.division em				{font-size:16px;}
#consult .t3 table.pr_list tbody tr td.division .must			{padding:0.2rem 0.4rem 0.2rem;margin-left:10px;}
#consult .t3 table.pr_list td.division .comment-left.must:before	{top:11px;left:-9px;border-width:5px;}
#consult .comment.comment-left:before							{left:-10px;}
#consult .t3 table.pr_list th									{padding:5px 15px;}
#consult #resume.type2 table thead tr									{border-bottom:0;}
#consult #resume.type2 table thead th, #resume.type2 table thead td {padding:15px;}
.al-list												{padding:5px 0;border-bottom:1px solid #E1E4E8;}
#consult .cons-list										{position:relative;}
#consult .cons-list .board-btn							{position:absolute;right:0;top:0;}
#consult #resume.type2 table thead td select,
#consult #resume.type2 table thead td input				{height:33px;}
/*상담내역 process*/
.process	{display:flex;flex-flow:row nowrap;overflow:hidden;}
.process li	{flex:1;}
.process li .tit:before			{content:"";display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:#fff;color:#8993A5;border-radius:50%;margin-right:10px;}
.process li:nth-child(1) .tit:before{content:"1"}
.process li:nth-child(2) .tit:before{content:"2"}
.process li:nth-child(3) .tit:before{content:"3"}
.process li:nth-child(4) .tit:before{content:"4"}
.process li:nth-child(5) .tit:before{content:"5"}
.process li:nth-child(6) .tit:before{content:"6"}
.process li:nth-child(7) .tit:before{content:"7"}
.process li:nth-child(8) .tit:before{content:"8"}
.process li:nth-child(9) .tit:before{content:"9"}
.process li:nth-child(10) .tit:before{content:"10"}
.process .bx								{padding:0 1rem 0 2rem;position:relative;line-height:50px;background:#f6f6f6;}
.process li:nth-child(1) .bx				{border-radius:0.25rem 0 0 0.25rem;}
.process li:last-child .bx					{border-radius:0 0.25rem 0.25rem 0 ;}
.process .bx.active							{background:#8993A5;color:#FFF;}
.process .bx:before,
.process .bx:after							{content:"";border:solid transparent;height:0;width:0;position:absolute;border-width:25px;top:25px;margin-top:-25px;}
.process .bx:before							{border-left-color:#f6f6f6;right:-49px;z-index:2}
.process .bx:after							{border-left-color:rgba(0,0,0,0.1);right:-50px;z-index:1}
.process .bx.active:before					{border-left-color:#8993A5;}
.process .bx.active:after					{border-left-color:rgba(0,0,0,0.1);}
.process ul ul								{padding-top:10px}
.process.process-bx							{position:relative;}
.process.process-bx>ul						{display:flex;flex-flow:row wrap;border-bottom:1px solid #ddd;}
.process.process-bx>ul>li					{flex:1;}
.process.process-bx	ul ul					{border-left:1px dashed #ddd;padding:20px;height:100%}
.process.process-bx>ul>li:first-child>ul	{border-left:1px solid #ddd;}
.process.process-bx>ul>li:last-child>ul		{border-right:1px solid #ddd;}

#consult .step-wrap	.cont							{position:relative;}
#consult .step-wrap	.cont a.btn-d					{position:absolute;top:30px;right:20px;}
#consult .step-wrap	.cont a.step-bx					{background:#FAFAFA;padding:30px 20px;display:flex;flex-wrap:wrap;}
#consult .step-wrap	.cont .col						{width:50%;padding:0;}
#consult .step-wrap	.cont .col.c1 span.state,
#consult .step-wrap	.cont .col.c1 .tit				{float:left;}
#consult .step-wrap	.cont .col.c1 .tit .date		{color:#666;font-weight:500;font-size:18px;}
#consult .step-wrap	.cont .col.c1 .tit .subject		{color:#000;font-weight:800;font-size:21px;}
#consult .step-wrap	.cont .col.c1 span.state		{margin-right:20px;}
#consult .step-wrap	.cont .col.c1 span.dday			{margin-left:7px;}
#consult .step-wrap	.cont .col.c2					{display:flex;flex-wrap:wrap;}
#consult .step-wrap	.cont .col.c2 li				{width:100%;color:#333;font-size:17px;font-weight:500;}
#consult .step-wrap	.cont .col.c2 li:nth-child(1)	{margin-bottom:10px;}
#consult .step-wrap	.cont .col.c2 li em				{color:#999;font-weight:400;margin-right:70px;}

/*신호등 상태*/
#consult .light {}
#consult .light span	{width:13px;height:13px;border-radius:50%;background:#DCDCDC;display:inline-block;margin:0 3px;}
#consult .light span.red {background:#FF3333;}
#consult .light span.yellow {background:#FFBB2F;}
#consult .light span.green {background:#3DB979;}

/*신청 조회*/
#consult .cons-head {border:3px solid #445566;border-radius:8px;padding:30px;display:flex;justify-content: space-between;align-items:center;}
#consult .cons-head h2					{margin:0;color:#445566;font-weight:800;margin-bottom:20px;}
#consult .cons-head ul					{display:flex;}
#consult .cons-head ul li				{margin-right:110px;}
#consult .cons-head ul li .tit			{color:#445566;font-size:21px;font-weight:600;margin-bottom:15px;}
#consult .cons-head ul li em			{font-size:25px;font-weight:800;}

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

@media only screen and (max-width:1240px){
	#consult .cons-head								{flex-wrap:wrap;}
	#consult .cons-head h2,
	#consult .cons-head ul							{width:100%;margin-top:20px;margin-right:0;}
	#consult .cons-head h2							{margin-top:0;}
	#consult .cons-head ul li						{margin-right:0;flex:1;}

}
@media only screen and (max-width:1023px){
	#consult .step-wrap	.cont a.step-bx				{display:block;padding:20px;}
	#consult .step-wrap .cont .col					{width:100%;}
	#consult .step-wrap .cont .col.c2				{margin-top:20px;}
	#consult .step-wrap .cont .col.c1 span.state, 
	#consult .step-wrap .cont .col.c1 .tit			{float:none;}

	#consult .cons-head								{padding:20px;}
	#consult .cons-head ul li .tit					{font-size:19px;margin-bottom:2px;}
}
@media only screen and (max-width:767px){
	#consult .step-wrap .cont .col.c1 .tit .date	{font-size:15px;}
	#consult .step-wrap .cont .col.c1 .tit .subject {font-size:19px;}
	#consult .step-wrap .cont .col.c2 li			{font-size:16px;}
	#consult .step-wrap .cont a.btn-d				{font-size:14px;padding:0 20px;line-height:33px;top:20px;}
	.process										{flex-wrap:wrap;}
	.process li										{width:50%;flex:none;}
	.process li .tit								{font-size:15px;}
	.process .bx									{line-height:40px;}
	.process .bx:before, 
	.process .bx:after								{border-width:20px;}
	.process .bx:before								{right:-40px;}
	.process .bx:after								{right:-41px;}
	.process li:nth-child(1) .bx					{padding:0 1rem 0 1rem;}
	.process li .tit:before							{width:15px;height:15px;line-height:15px;font-size:13px;}
}
@media only screen and (max-width:576px){
	#consult .step-wrap .cont .col.c2 li			{font-size:15px;}
	#consult .step-wrap .cont a.btn-d				{font-size:13px;padding:0 13px;line-height:27px;top:auto;bottom:20px;}
	#consult .t3 table tbody tr td.division em		{font-size:15px;}
	#consult .t3 table thead th, 
	#consult .t3 table tbody tr td					{font-size:14px;}
	#consult .cons-head ul li .tit					{font-size:16px;word-break:keep-all;}
	#consult .cons-head ul li em					{font-size:20px;}
}
@media only screen and (max-width:415px){
}

/*상담카드관리*/
/*개별*/
#consult #resume .resume-bx					{position:relative;}
#consult #resume .resume-bx .setting		{position:absolute;width:35px;height:35px;border-radius:50%;background:#999;text-align:center;line-height:35px;bottom:-17.5px;right:17.5px;z-index:2;}
#consult #resume .resume-bx .setting i						{color:#FFF;}
#consult #resume.type2 h3									{color:#333;}
#consult #resume.type2 .r-cont								{position:relative;padding:0 0 0 30px;}	
#consult #resume.type2 .r-cont h2							{padding:20px 0 10px;}
#consult #resume.type2 .r-cont .btn-d.cons-bef				{position:absolute;top:20px;right:0}
#consult #resume.type2 .thumb								{border-radius:0;border:0;width:170px;height:170px;}

#consult #resume .info									{position:relative;}
#consult #resume .info.each .btn-area								{position:absolute;top:-5px;right:0;}
#consult #resume .info.each .btn-area a							{display:block;}
#consult #resume .info.each .btn-area a:nth-child(2)				{margin-top:2px;}
#consult #resume .info:not(.each) .btn-d								{position:absolute;top:0;right:0;}

#consult #resume .info .btn-pro								{top:5px !important;right:5px !important;}
#consult #resume .info i					{color:#5A6378;font-size:14px;line-height:1;width:auto;display:block;text-align:left;max-width:calc(100% - 100px);}
#consult #resume .info .name								{display:flex;align-items:center;padding-right:80px;}
#consult #resume .info .name em								{color:#333;font-size:21px;font-weight:800;margin-right:5px;}
#consult #resume .info .name i								{margin-right:8px;}
#consult #resume .info .info-bx								{border:1px solid #5A6378;background:#FFF;border-radius:4px;}
#consult #resume .info .info-bx h4							{color:#FFF;padding:10px 15px;background:#768395;font-size:16px;font-weight:400;}
#consult #resume .info .info-bx	ul							{padding:20px;margin:0;}
#consult #resume .info .info-bx	ul.privacy					{border-top:1px dashed #ccc;}
#consult #resume .info .info-bx	ul.privacy li				{display:flex;align-items:baseline;}
#consult #resume .info .info-bx	ul.privacy li i				{margin-right:15px;}
#consult #resume .info .info-bx	ul span.cate				{width:75px;color:#5A6378;}
#consult #resume .info .info-bx	ul span						{color:#656565;font-weight:500;width:auto;display:inline-block;}
#consult #resume .info .info-bx	ul li:not(#member li):first-child			{display:flex;}
#consult #resume .info .info-bx	ul #dept_name				{width:calc(100% - 75px);word-break:keep-all;line-height:1.5;}

#consult #resume .info.nodata .info-bx						{padding:30px;text-align:center;}
#consult #resume .info.nodata .info-bx p					{color:#afb3c1;font-size:15px;word-break:keep-all;line-height:1.3;}
#consult #resume .info.nodata .info-bx p:before				{content:"\f4ad";font-weight: 400;font-size:1.5rem;display:block;margin:0;color:#afb3c1;font-family:"FontAwesome";margin-bottom:10px;}

#consult .card-check .tv-checkbox label,
#consult .card-check .tv-radio label
{width:auto;color:#555;font-size:15px;line-height:1.9;min-width:165px;vertical-align:middle;}
#consult .card-check .tv-checkbox label.etc					{width:auto;}
#consult .card-check .tv-radio label.etc input,
#consult .card-check .tv-checkbox label.etc input {border:1px solid #ccc;border-radius:3px;margin-left:7px;}
#consult .card-check .tv-checkbox label.etc_text_2 input {border:1px solid #ccc;border-radius:3px;}

#consult .card-check .tv-checkbox input[type="checkbox"] + label::before {margin-right:5px;}
#consult .card-check .point-sub					{font-size:15px;margin-bottom:10px;}
#consult #resume textarea.form-control			{border:1px solid #E1E4E8;font-size:15px;}
#consult #resume .t2 td {font-size:16px;color:#555;}
#consult #resume.type2 table thead th, 
#consult #resume.type2 table thead td {color:#5A6378;font-size:15px;padding:10px 15px;}

#consult #resume.type2 table thead td.sel		{padding:5px 15px;}
#consult #resume.type2 .btn-d[class*="btn-b-"] {color:#768395;}

#consult .select input[type=radio]{display:none;}
#consult .select input[type=radio]+label{display:inline-block;cursor:pointer;height:33px;width:calc((100% - 10px) / 3);border:1px solid #efefef;
line-height:33px;text-align:center;font-size:14px;background-color:#efefef;color:#666;}
#consult .select.each-cel input[type=radio]+label {width:calc((100% - 10px) / 4);}
#consult .select input[type=radio]:checked+label{background-color:#60CA94;border:1px solid #60CA94;color:#fff;}
#consult .select #select2[type=radio]:checked+label,
#consult .select #select5[type=radio]:checked+label,
#consult .select #select8[type=radio]:checked+label{background-color:#FEC565;border:1px solid #FEC565;}
#consult .select #select3[type=radio]:checked+label,
#consult .select #select6[type=radio]:checked+label,
#consult .select #select9[type=radio]:checked+label{background-color:#FD5757;border:1px solid #FD5757;}

#consult .select #select10[type=radio]:checked+label, 
#consult .select #select11[type=radio]:checked+label, 
#consult .select #select12[type=radio]:checked+label {background-color:#8E001C; border: 1px solid #8E001C;}
#consult table th.each	{position:relative;}
#consult table th span.st-state			{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#consult .tv-radio input[type="radio"] + label::before,
#consult .tv-radio input[type="radio"]:checked + label::before {width:16px;height:16px;top:50%;transform:translateY(-50%);}
#consult .tv-radio input[type="radio"]:checked + label::after {left:5px;transform:translateY(-50%);margin-top:0;}
#consult .card-check .tv-radio input[type=radio] {vertical-align:middle;margin-right:7px;border:1px solid #ccc;}

/*집단*/
#consult #resume .info.group .info-bx				{min-height:500px;}
#consult #resume .info.group .info-bx ul			{padding:0;}
#consult #resume .info.group .info-bx ul li:not(#member li)			{display:flex;flex-wrap:wrap;}
#consult #resume .info.group .info-bx li a			{display:block;}
#consult #resume .info.group i						{display:inline-block;margin-right:8px;}
#consult #resume .info.group .info-bx li a em		{font-size:13px;color:#999;margin-left:15px;font-weight:500;}
#consult #resume .info.group .gr-top				{border-bottom:1px dashed #ccc;display:block;padding:10px 15px;width:100%;}
#consult #resume .info.group #member				{width:100%;}
#consult #resume .info.group .gr-top.last           {border-bottom:0;}
#consult #resume .info.group #member li a		    {padding:5px 10px 5px 17px;display:flex;border-bottom:1px solid #D5D5D5;background:#f4f4f4;font-size:15px;word-break:keep-all;}
#consult #resume .info.group #member li p.name			{min-width:70px;}
#consult #resume .info.group #member li p.name:before	{content:"\f007";font-size:13px;color:#9f9f9f;    font-family:'FontAwesome';font-weight:700;margin-right:8px;}

#consult #resume .info.group.nodata .info-bx		{min-height:auto;}

#consult #resume .btn-xsm							{font-size:12px;}
#consult #resume .result							{position:relative;}

/*학적 상담시도*/
#consult .t3.try									{position:relative;padding-top:33px;}
#consult .t3.try table thead th						{padding:5px 15px !important;}
#consult .t3.try table thead th, 
#consult .t3.try table tbody tr td					{border-left:1px solid #E1E4E8;background:none;}
#consult .t3.try table tbody tr td:last-child		{border-right:1px solid #E1E4E8;}
#consult .t3.try table tbody tr td.pr-date			{padding:5px !important;}
#consult .t3.try select								{width:100%;}
#consult .t3.try .btn-d.btn-xsm						{top:0 !important;font-size:13px !important;}

/*상담관리*/
#pro-manage .manage-top input{border:1px solid #ddd;line-height:35px;width:700px;margin-right:3px;padding:0 10px;font-size:15px;}
#pro-manage .notice p			{font-size:16px;white-space:pre-wrap;}
#pro-manage .notice .btn-d.del	{margin-top:2px;}

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

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

}
@media only screen and (max-width:1023px){
	#resume.type2			{flex-wrap:wrap;}
	#consult #resume.type2 .l-cont {width:100%;display:flex;padding:30px 20px;}
	#consult #resume.type2 .r-cont			{width:100%;padding:0;margin-top:20px;}
	#consult #resume .info			{width:calc(100% - 220px);margin-left:50px;}
	#consult #resume .info.group	{width:100%;margin-left:0;}
	#consult #resume .info.group .info-bx		{margin-top:0 !important;}
	#consult #resume .resume-bx .setting		{right:-17px;top:150px;bottom:auto;}
	#consult #resume .info .info-bx ul span		{font-size:15px;}
}
@media only screen and (max-width:767px){
	#consult #resume .info .name em		{font-size:19px;}
	#consult #resume.type2 .l-cont		{flex-wrap:wrap;justify-content:center;}
	#consult #resume .info				{width:100%;margin-left:0}
	#consult #resume.type2 .thumb		{margin:0 auto 20px;}
	#consult #resume .info.nodata .info-bx {padding:20px;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}



/*레이어팝업 오류 수정_20240411장현지*/
.poplayer-wrap {height:auto !important;}
#popup_layer	{height:auto !important;}


@media only screen and (max-width:768px){/*mobile-l*/
	.poplayer-wrap,
	#popup_layer{top:0 !important;left:0 !important;width:100% !important;height:auto !important;}
	.poplayer-wrap img,
	#popup_layer img {max-width:100% !important;width:auto !important;}
}

/*input disabled 속성 스타일 추가_20240415장현지 */
input:disabled + label {color:#c1c1c1 !important;}

/*incom-pop 미완료상담 팝업_20240822*/
.incom-pop					{width:600px;position:absolute;left:50%;transform:translateX(-50%);z-index:9999;padding:80px 0;}
.incom-pop .cont:before		{content:"";width:55px;height:55px;display:block;background:url(../img/ico-agree03.png) no-repeat 50% 50% / contain;margin:0 auto 20px;}
.incom-pop .cont .tit		{color:#445566;font-size:26px;margin:0 0 20px;letter-spacing:-1px;}
.incom-pop .cont .txt		{font-size:18px;margin-top:15px;line-height:1.6;}
.incom-pop .cont .btn-d		{font-size:17px;line-height:48px;padding: 0 30px;}
.incom-pop .close			{position:absolute;top:20px;right:25px;font-size:25px;}

/*교수_집단상담 모달창*/
#counsel_group_add_modal h3			{font-size:23px !important;}
.ui-dialog .ui-dialog-buttonpane button	{border-radius:3px;}

/*상담실적관리*/

@media only screen and (max-width:767px){
	#srch_form{margin-bottom:15px}
}
@media only screen and (max-width:576px){
	#srch_form{font-size:14px;}
	#srch_form select{width:100%;margin:10px 0;}
	#srch_form input{width:100%;margin:5px 0;height:34px;}
	#srch_form .card-check{display:flex;width:100%;flex-flow:wrap;}
	#srch_form .tv-checkbox{width:100%;}
	#srch_form .btn-d{width:100%;margin-left:0 !important;margin:5px 0 15px;}
	#srch_form label{width:100% !important;min-width:100%;}
}
@media only screen and (max-width:415px){
}