@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */

/* ******************** 공용 ******************** */

body {font-family:'S-CoreDream' !important; font-size:16px; font-weight:300; line-height:1.6; color:#666; word-break:keep-all; letter-spacing:-.4px; position:relative;}
body * {box-sizing:border-box;}
body label.hidden {position:absolute; left:-99999999999px;}

a {color:inherit; transition:all .2s;}
.ebi {display:inline-block;}
.ebi a {letter-spacing:0; font-weight:bold;}

select {
	padding-right:40px !important;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
     background: url(../images/common/select_arrow.png) no-repeat right 10px center; /* 화살표 모양의 이미지 */
}
select::-ms-expand { display: none; } /* IE 10, 11의 네이티브 화살표 숨기기 */
select::focus {border:1px solid #3572c6; outline:none}

input[type='text'] {padding:6px 12px; border:1px solid #e5e5e5; -webkit-appearance: none;}

textarea {resize:none; border:1px solid #ddd;}

/* 22-07-20::웹접근성을 위해 추가 */
.hidden {position:absolute; 
		left:-10000px; 
		top:auto; 
		width:1px; 
		height:1px; 
		overflow:hidden;}

.txt_hidden {text-indent:-9999px;}
	

/* lnb */
.lnb {height:260px; position:relative;}
.lnb-wrap {display:table; width:100%; height:100%; position:relative;}
.lnb-text {padding-left:30px; display:table-cell; width:100%; vertical-align:middle; color:#000; letter-spacing:-1px;}
.lnb-text h2 {padding-right:55px; position:relative; font-size:42px; font-weight:500; display:inline-block; line-height:45px;}
.lnb-text h2:after {content:''; display:block; width:45px; height:45px; border-radius:50%; background:url(../images/common/icon-lnb.svg)center /24px no-repeat; position:absolute; right:0; top:0;}
.lnb-text p {font-size:18px; font-weight:300; padding-top:24px;}

.lnb.news {background:#ffe7d1 url(../images/bg/news.png)75.3% center no-repeat}
.lnb.business {background:#e2d4ff url(../images/bg/business.png)72.5% center no-repeat}
.lnb.edu {background:#ffd78e url(../images/bg/edu.png)72.7% center no-repeat}
.lnb.counseling {background:#ffd6d5 url(../images/bg/counseling.png)73% center no-repeat}
.lnb.job {background:#a7dfff url(../images/bg/job.png)73% center no-repeat}
.lnb.intro {background:#b8e8c6 url(../images/bg/intro.png)73% center no-repeat}
.lnb.member {background:#b8e8c6 url(../images/bg/intro.png)73% center no-repeat}

.lnb.news .lnb-text h2:after {background-color:#b6875e;}
.lnb.business .lnb-text h2:after {background-color:#8c75bb;}
.lnb.edu .lnb-text h2:after {background-color:#ffb015;}
.lnb.counseling .lnb-text h2:after {background-color:#ff6b6b;}
.lnb.job .lnb-text h2:after {background-color:#39a9df;}
.lnb.intro .lnb-text h2:after {background-color:#81d59b;}
.lnb.member .lnb-text h2:after {background-color:#81d59b;}




/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px) {

	.mobile {display:none !important}

	header {position:absolute; left:0; top:0; width:100%; background:#fff; z-index:999999}
	header .head-wrap {position:relative; height:90px;}
	header .head-wrap .logo {float:left;}
	header .head-wrap .logo a {display:flex; justify-content:center; align-items:center; height:90px;}
	header .head-wrap .logo a img {height:58px;}



	header .head-wrap aside {display:table; position:absolute; right:0; top:0; height:100%;}
	header .head-wrap aside ul {display:table-cell; vertical-align:middle;}
	header .head-wrap aside ul li {position:relative; float:left; padding-left:30px;}
	header .head-wrap aside ul li a {padding-left:30px; display:block; font-size:14px; color:#000; line-height:25px; position:relative;}
	header .head-wrap aside ul li a:before {content:''; display:inline-block; width:25px; height:25px; background:#ccc center no-repeat; border-radius:50%; position:absolute; left:0; top:0;}
	header .head-wrap aside ul li.log a:before {background-image:url(../images/common/i-login.png);}
	header .head-wrap aside ul li.join a:before {background-image:url(../images/common/i-join.png);}
	header .head-wrap aside ul li.mypage a:before {background-image:url(../images/common/i-mypage.png);}
	header .head-wrap aside ul li.online a:before {background-image:url(../images/common/i-online.png); background-color:#ff5f5f;}

	/*dep2 라인*/
	nav.pc .gnb>ul>li>ul {position:relative;}
	nav.pc .gnb>ul>li>ul:after {position:absolute; top:0; left:-1px; background:#eee; width:1px; height:100vh; display:block; content:"";}
	nav.pc .gnb>ul>li:nth-child(6)>ul:before {position:absolute; top:0; right:0; background:#eee; width:1px; height:100vh; display:block; content:"";}
	
	nav.pc {position:relative; height:60px; overflow:hidden; border-top:1px solid #eee;}
	nav.pc .gnb {position:relative;}
	nav.pc .gnb>ul {text-align:center;}
	nav.pc .gnb>ul:before {position:relative;}
	nav.pc .gnb>ul>li:first-child {border-left:1px solid #eee;}
	nav.pc .gnb>ul>li {position:relative; float:left; width:calc(100%/6); border-right:1px solid #eee;}
	nav.pc .gnb>ul>li>a {position:relative; display:block; height:100%; font-size:18px; font-weight:300; line-height:60px; color:#000;}
	nav.pc .gnb>ul>li>a:before {content:''; display:block; width:100%; height:4px; background:transparent ;position:absolute; left:0; bottom:0; transition:all .3s;}
	nav.pc .gnb>ul>li:hover>a:before,
	nav.pc .gnb>ul>li.on>a:before {background:#32be5d;}
	nav.pc .gnb>ul>li>ul {position:absolute; left:0; top:60px; padding-top:26px;}
	nav.pc .gnb>ul>li>ul>li {margin-bottom:5px;}
	nav.pc .gnb>ul>li>ul>li:last-child {margin-bottom:0}
	nav.pc .gnb>ul>li>ul>li a {position:relative; display:block; font-weight:300;}
	nav.pc .gnb>ul>li>ul>li a:hover,
	nav.pc .gnb>ul>li>ul>li.on a {color:#32be5d;}
	nav.pc .gnb>ul>li.mobile {display:none;}

	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:60px;}
	nav.pc .navbg .dep2 {background:#fff;border-top:1px solid #eee;}
	
	nav.pc .dep3 {display: none !important;}
	.headerH.pc {height:150px;;}


	.lnb-menu {z-index:999; width:100%; position:absolute; left:0; top:100%;background:#fff; border-bottom:1px solid #eee;}
	.lnb-menu>ul {width:1200px; max-width:100%; margin:0 auto;}
	.lnb-menu>ul>li {float:left; border-left:1px solid #eee;}
	.lnb-menu>ul>li>a {}
	.lnb-menu>ul>li.menu {position:relative;}
	.lnb-menu>ul>li.menu>a {width:340px; padding:0 50px; display:block; line-height:60px; background:url(../images/common/lnb-plus.png)calc(100% - 30px) center no-repeat;color:#000; font-weight:400; font-size:18px; letter-spacing:-1px;}
	.lnb-menu>ul>li.menu ul {display:none; width:100%; position:absolute; left:0; top:60px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.2);}
	.lnb-menu>ul>li.menu ul li {}
	.lnb-menu>ul>li.menu ul li+li {border-top:1px solid #eee;}
	.lnb-menu>ul>li.menu ul li a {display:block; padding-left:50px; line-height:44px;}
	.lnb-menu>ul>li.menu ul li a:hover {background:#f7f7f7;}
	.lnb-menu>ul>li.menu ul li.on a {color:#fff;background:#32be5d ;}
	.lnb-menu>ul>li.menu:hover ul {display:block;}
	.lnb-menu>ul>li.dep-1 {}
	.lnb-menu>ul>li.dep-2 {border-right:1px solid #eee;}
	.lnb-menu>ul>li.dep-3 {border-right:1px solid #eee; margin-left: -1px;}
	
	.lnb-menu>ul>li.home {float:right; border:0;}
	.lnb-menu>ul>li.home a {display:block; width:60px; height:60px;background:#32be5d url(../images/common/i-home.svg)center /20px no-repeat;}
	.lnb-menu>ul>li.gotop {float:right; }
	.lnb-menu>ul>li.gotop a {display:block; width:60px; height:60px; background:url(../images/common/i-gotop.png)center no-repeat;}
	.lnb-menu.fixOn {position:fixed; top:0; box-shadow:0 0 10px rgba(0,0,0,.2);}

	.subTitle {padding-top:90px;}
	.subTitle-text {float:left;}
	.subTitle-text>* {float:left;}
	.subTitle-text h3 {font-size:36px; font-weight:900; color:#000; padding-right:20px;}
	.subTitle-text p {position:relative; padding-top:15px;}
	.subTitle-text p:before {content:''; display:block; width:20px; height:3px; position:absolute; left:0; top:0; background:#8dcdaa;}
	.subTitle-navi {float:right;}
	.subTitle-navi li {float:left; font-size:14px; color:#999; padding-left:27px; position:relative; line-height:35px;}
	.subTitle-navi li+li {background:url(../images/common/tit-arrow.png)10px center no-repeat;}
	.subTitle-navi li:first-child { padding-left:45px;}
	.subTitle-navi li:first-child:before {content:''; display:block; width:35px; height:35px; background:#dddddd url(../images/common/i-titHome.svg)center /16px no-repeat; position:absolute; left:0; top:0; border-radius:50%;}


	
	[class*="-wrap"] {max-width:1200px; margin:0 auto;}
	.contents {padding:160px 0 100px;}
	.contents-wrap {}

	/* ***** footer ***** */
	footer {background:#f5f5f5; padding:40px 0;}
	footer .footer-wrap {position:relative;}
	footer .footer-btn {overflow:hidden;}
	footer .footer-btn a {float:left; font-size:15px; padding:0 20px; line-height:33px; background:#fff; border:1px solid #e5e5e5; border-radius:100px; font-weight:400; margin:3px;}
	footer .footer-btn a+a {margin-left:10px;}
	footer .footer-btn a:hover {color:#000; border-color:#32be5d;}
	footer .footer-btn a.acc {border-color:#32be5d; background:#32be5d; color:#fff;}
	footer .footer-info {}
	footer .footer-info address {overflow:hidden; padding:17px 0;}
	footer .footer-info p {float:left; padding-right:40px; line-height:1.25;}
	footer .footer-info p {font-weight:200; color:#555;}
	footer .footer-sns {position:absolute; right:0; top:0;}
	footer .footer-sns a {float:left; border:1px solid #ccc; border-radius:50%; background:#fff;}


	/* 이메일무단수집거부 */
	#layerPop {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:10000000}
	#layerPop .wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%; text-align:center;}
	#layerPop .wrap .inner {display:table-cell; vertical-align:middle;}
	#layerPop .wrap .inner div {position:relative; display:inline-block; border-radius:10px; overflow:hidden; background:#fff}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 30px; line-height:55px; font-size:22px; font-weight:500; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}
	#layerPop .wrap .inner div a {position:absolute; right:0; top:0; width:55px; height:55px; border-left:1px solid #ddd; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/i-close.png) no-repeat center;}
	#layerPop .wrap .inner div p {padding:50px 30px; color:#000;}
	
	
	




}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

	.contents-wrap img {max-width:100%;}

	.pc {display:none !important;}
	.mobile {display:block;}
	nav.mobile {visibility:visibility;}
	body {font-size:15px;}

	header {width:100%; height:55px;}
	header .head-wrap {z-index:100; position:absolute; left:0; top:0; width:100%; height:55px; padding:0 20px; overflow:hidden; line-height:1; background-color:#fff; box-shadow:0 5px 5px rgba(0,0,0,.1);}
	body.mainType header .head {top:50px;}
	header .head-wrap a.mobile {position:absolute; top:0; background-size:17px; width:55px; height:55px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
	header .head-wrap a.gnbLogin {
		border-left:1px solid #efefef;
		background:url(../images/common/i-login.png) no-repeat center;
		right:55px;
		background-size:17px;
	}

	header .head-wrap a.gnbLogout {
		border-left:1px solid #efefef;
		background:url(../images/common/i-loginout.png) no-repeat center;
		right:55px;
		background-size:17px;
	}

	header .head-wrap a.left {
		border-left:1px solid #efefef;
		right:0;
		background:url(../images/common/i-menu.png) no-repeat center;
		background-size:17px;
	}

	header .head-wrap .gnbView {background-image:url(../images/common/icon_allmenu.png);}
	header .head-wrap .gnbView img {height:15px;}
	header .head-wrap .search {background-image:url(../images/common/i_search_total.png); right:45px !important;}
	header .head-wrap .login {background-image:url(../images/common/icon_login.png);}
	header .head-wrap .logout {background-image:url(../images/common/icon_login.png);}
	header .head-wrap h1 {display:block;}
	header .head-wrap h1 a {display:inline-block; padding-top:8px;}
	header .head-wrap h1 a img {height:38px;}


	/*gnb*/
	nav.pc {display:none;}
	nav.mobile {z-index:9999; position:fixed; top:0; width:85%; height:100%; overflow:hidden; box-shadow:0 !important; background-color:#fff;}
	nav.mobile .closeWrap {position:relative; height:60px; background-color:#fff; color:#666; border-bottom:1px solid #efefef; padding-bottom:5px;}
	nav.mobile .closeWrap:after {content:''; display:block; width:100%; height:5px; background:#efefef; position:absolute; left:0; bottom:0; }
	nav.mobile .closeWrap .gnbClose {display:block; width:55px; height:55px; background:url(../images/common/i-close.png) no-repeat center; background-size:17px; border-left:1px solid #efefef; float:right; text-indent:100%; white-space:nowrap; overflow:hidden;}
	nav.mobile .closeWrap aside a {position:relative; float:left; display:inline-block; margin:0 15px; color:#666; font-size:12px; letter-spacing:0; height:55px; line-height:55px; font-weight:400;}
	nav.mobile .closeWrap aside a.second {margin-left:0;}
	nav.mobile .closeWrap aside a.on {color:#00a950;}
	nav.mobile .closeWrap aside a.second:after {content:''; display:none; width:100%; height:1px; background:#00a950; position:absolute; left:0; bottom:18px;}
	nav.mobile .closeWrap aside a.on:after {display:block;}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}

	nav.mobile .gnb {position:relative; width:100%; height:100%; padding:0; overflow-y:auto; text-align:left !important;}
	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:13px 20px; font-size:16px; font-weight:400; color:#000; border-bottom:1px solid #e4e4e4; background:#fff;}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {
		display:block; padding:12px 20px 12px 40px; font-size:16px; color:#000; border-bottom:1px solid #e5e5e5;
		position:relative; background:rgba(0,148,118,.03);
	}
	nav.mobile .gnb>ul>li>ul>li a:before {
		position:absolute; top:23px; left:25px;
		display:block; content:""; border-radius:50%;
		width:4px; height:4px; background:transparent;
	}

	nav.mobile .gnb>ul>li>a:hover {}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background: #32be5d;}
	nav.mobile .gnb>ul>li>ul>li a:hover:before,
	nav.mobile .gnb>ul>li>ul>li.on a:before {background:#009476;}
	nav.mobile .gnb>ul>li>ul>li a:hover,
	nav.mobile .gnb>ul>li>ul>li.on a {color:#009476;}

	nav.mobile .gnb .dep3 li.on a:before {background:#009476;}
	nav.mobile .gnb .dep3 li.on a:hover,
	nav.mobile .gnb .dep3 li.on a {color:#009476;}

	.edu_sub {display: block;}
	.edu_sub>ul>li>a {padding: 50px 0}
	.gnb .dep3>li>a {display:block; padding: 6px 40px; background-color: #f0f0f0 !important;}
	.gnb .dep3>li+li>a {border-top:1px dotted #ddd}
	
	/*22-04-20 수정*/
	/* .gnbOnline { */
		/* right:55px; width: auto !important; */
		/* line-height: 55px;padding: 0 20px 0 35px; position:relative; font */
	/* } */
	/* .gnbOnline:before { */
		/* content:''; display:inline-block; width:30px; height:30px; border-radius:50%; position:absolute; left:0; top:12px; */
		/* background:no-repeat center url(../images/common/i-online.png) #ff5f5f; font-weight:400; font-size:14px; color:#000; */
	/* } */
	/* nav.mobile aside a {} */
	/* header .head-wrap aside ul li {position:relative; float:left; padding-left:30px;} */
	/* nav.mobile aside a.second {width:30px; height:30px; display:block; position:relative; text-indent:-999999999999999999px;} */
	/* nav.mobile aside a.second:before { */
		/* content:''; display:inline-block; width:30px; height:30px; background:#ccc center no-repeat; border-radius:50%; position:absolute; left:0; top:0; */
		/* transform:translate(0, 40%); */
	/* } */
	/* nav.mobile aside a.log:before {background-image:url(../images/common/i-login.png);} */
	/* nav.mobile aside a.logout:before {background-image:url(../images/common/i-logout.png); background-color:#fff; border:3px solid #ff5f5f} */
	/* nav.mobile aside a.join:before {background-image:url(../images/common/i-join.png);} */
	/* nav.mobile aside a.mypage:before {background-image:url(../images/common/i-mypage.png);} */
	/* nav.mobile aside a.online:before {background-image:url(../images/common/i-online.png); background-color:#ff5f5f;} */
		

	/* lnb */
	.lnb {height:250px; position:relative;}
	.lnb {background-position:right -100px bottom !important; background-size:auto 230px !important;}
	.lnb .cover {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.15);}
	.lnb-wrap {display:table; width:100%; height:100%; position:relative;}
	.lnb-text {display:table-cell; width:100%; vertical-align:middle; color:#000;}
	.lnb-text h2 {font-size:32px; font-weight:500;}
	.lnb-text p {font-size:17px; font-weight:500;}

	.subTitle {}
	.subTitle-wrap {position:relative; background:#fff; border-bottom:1px solid #32be5d;}
	.subTitle-text {}
	.subTitle-text h3 {padding:18px 0; font-size:27px; font-weight:700; color:#32be5d; text-align:center;}



	.contents {padding:70px 0 85px;}
	[class*="-wrap"] {padding:0 20px;}


	/* ***** footer ***** */
	footer {background:#f5f5f5; padding:30px 0;}
	footer .footer-wrap {position:relative;}
	footer .footer-btn {overflow:hidden;}
	footer .footer-btn a {float:left; font-size:15px; padding:0 20px; line-height:33px; background:#fff; border:1px solid #e5e5e5; border-radius:100px; font-weight:400;}
	footer .footer-btn a+a {margin-left:10px;}
	footer .footer-btn a:hover {color:#000; border-color:#32be5d;}
	footer .footer-btn a.acc {border-color:#32be5d; background:#32be5d; color:#fff;}
	footer .footer-info {}
	footer .footer-info address {overflow:hidden; padding:15px 0 12px;}
	footer .footer-info p {float:left; padding-right:40px; line-height:1.6;}
	footer .footer-info p {font-weight:200; color:#555;}
	footer .footer-sns {position:absolute; right:20px; top:0;}
	footer .footer-sns a {float:left; border:1px solid #ccc; border-radius:50%; background:#fff;}
	




	/* 이메일무단수집거부 */
	#layerPop {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .5); z-index:10000000}
	#layerPop .wrap {position:absolute; left:0; top:0; display:table; width:100%; height:100%; text-align:center;}
	#layerPop .wrap .inner {display:table-cell; vertical-align:middle;}
	#layerPop .wrap .inner div {position:relative; display:inline-block; border-radius:10px; overflow:hidden; background:#fff}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 30px; line-height:55px; font-size:22px; font-weight:500; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}
	#layerPop .wrap .inner div a {position:absolute; right:0; top:0; width:55px; height:55px; border-left:1px solid #ddd; text-indent:100%; white-space:nowrap; overflow:hidden; background:url(../images/common/i-close.png) no-repeat center;}
	#layerPop .wrap .inner div p {padding:50px 30px; color:#000;}






}





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width:767px) {

	/* lnb */
	.lnb {background-position:right -100px bottom !important; background-size:auto 160px !important;}

	.lnb {height:180px;}
	.lnb-text {padding-left:10px;}
	.lnb-text h2 {font-size:24px; padding-right:38px; line-height:28px;}
	.lnb-text h2:after {width:28px; height:28px; background-size:60%;}
	.lnb-text h2 span {padding:12px 0 8px; font-size:32px;}
	.lnb-text p {font-size:14px; padding-top:10px;}
	
	
	.subTitle-wrap {}
	.subTitle-text h3 {padding:14px 0; font-size:22px;}

	.contents {padding:40px 0 55px;}
	
	
	
	

	/* ***** footer ***** */
	footer { text-align:center;}
	footer .footer-btn {font-size:0; text-align:center;}
	footer .footer-btn a {float:none; display:inline-block; padding:0 10px; font-size:13px; line-height:30px; margin:3px;}
	footer .footer-btn a+a {margin-left:auto;}
	footer .footer-info address {padding:12px 0 8px;}
	footer .footer-info p {float:none; padding-right:0; font-size:13px;}
	footer .footer-sns {position:static;font-size:0;padding-top:12px;}
	footer .footer-sns a {font-size:16px; display:inline-block; float:none;}
	
	




	/* 이메일무단수집거부 */
	#layerPop .wrap .inner {padding:0 20px;}
	#layerPop .wrap .inner div h2 {display:block; width:100%; height:55px; padding:0 20px; line-height:55px; font-size:18px;}
	#layerPop .wrap .inner div p {padding:30px; color:#000;}
	#layerPop .wrap .inner div p br {display:none;}







}