@import url("../fonts/nanumsquare.css");
html,body { height:100%; }
*	{ font-family:'Nanum Square'; }
h1, h2, h3, h4, h5, h6 { font-family:'Nanum Square' !important; }
body { background:#fff !important; }
input[type="password"] { font-family:'inherit'; }
a:hover { text-decoration:none; }
.wrapper { width:1200px; margin:0 auto; }
header			{ background:#fff; border-bottom:1px #ddd solid; }
header .logo	{ padding-top:20px; padding-bottom:30px; }
header .logo img { height:48px; }
header .gnb>ul	{ list-style-type:none; padding:0; margin:0; height:100%; }
header .gnb>ul>ul:after { clear:both; display:block; content:''; transition-duration:.2s; transition-timing-function:ease-out; }
header .gnb>ul>li { height:100%; float:left; position:relative; width:150px; z-index:9; }
header .gnb>ul>li:last-child	{ width:auto; }
header .gnb>ul>li .menu-wrapper { padding:50px 0 0 15px; overflow:hidden; border-left:1px #eee solid;  }
header .gnb>ul>li a.link		{ display:block; color:#333; font-size:16px; font-weight:600; letter-spacing:-1px; text-indent:-9999px; background:url('../img/menu-img.png') no-repeat; background-size:auto 16px; height:16px; transition-duration:.2s; }
header .gnb>ul>li:before		{ transition-delay:.2s; height:100%; top:0; content:''; width:1px; left:0; background:#72a24c; position:absolute; transform:translateY(-100%); transition-duration:.2s; transition-timing-function:ease-out; }
header .gnb>ul>li:hover:before	{ transform:translateY(0%); transition-duration:.2s; transition-timing-function:ease-out;  }
header .gnb>ul>li a:hover		{ opacity:0.7; transition-duration:.2s; }

header .gnb>ul>li a.link.intro		{ background-position:0px 0px; width:72px; }
header .gnb>ul>li a.link.business	{ background-position:-81px 0px; width:55px; }
header .gnb>ul>li a.link.activity	{ background-position:-146px 0px; width:55px; }
header .gnb>ul>li a.link.notice		{ background-position:-212px 0px; width:56px; }

header .gnb li>div.submenu			{ background:#fff; z-index:1; position:absolute; left:0; width:100%; padding-left:20px; padding-top:20px; top:100%; border-bottom:1px #eee solid; border-left:1px #72a24c solid; transform:translateY(-100%); opacity:0; transition-duration:.2s; transition-timing-function:cubic-bezier(0, 0, 0.63,-0.15); }
header .gnb li:hover div.submenu	{ transform:translateY(0%); transition-duration:.3s; transition-delay:.2s; opacity:1; transition-timing-function:cubic-bezier(0, 0, 0.08, 0.87); }
header .gnb li>div.submenu ul { list-style-type:none; padding:0; margin:0; }
header .gnb li>div.submenu li { margin-bottom:10px; }
header .gnb li>div.submenu a { font-size:13px; color:#888; }
header .gnb li>div.submenu a:hover { color:#72a24c; }

section.visual-area { height:530px; background:#000; position:relative; background:url('/img/main-visual.png') repeat-x center bottom;}
.copy { position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition-duration:.2s; text-align:center; width: 80%; animation-name:visual-copy;opacity:1; animation-duration:.8s; animation-timing-function:cubic-bezier(0.35, 0.92, 1, 1); }
@keyframes visual-copy {
	from {
		transform:translateX(-50%) translateY(0%);
		opacity:0;
	}
	to {
		transform:translateX(-50%) translateY(-50%);
		opacity:1;
	}
}
.copy .barricade { width:40px; height:2px; background:#222; margin:30px auto; }
.copy h4 { font-size:40px; font-weight:bold; letter-spacing:-2px; }
.copy p { font-size:18px; color:#555; line-height:23px; letter-spacing:-1px; }

footer			{ margin-top:40px; background:#fcfcfc; border-top:2px #61a20d solid; padding:40px 0; text-align:center; font-family:'Noto Sans KR';  }
footer p		{ margin:20px auto 0; color:#333; font-size:14px; letter-spacing:-1px; }
footer p span	{ padding-left:10px; padding-right:8px; font-size:14px; }
footer span		{ color:#777; font-size:12px; }

section.column			{ padding:50px 0; background:#fff; }
section.column.gray		{ background:#fafafa; border-bottom:1px #eee solid; }
section.column p		{ font-size:13px; color:#888; margin:10px 3px 0 0; }

.notice-basic-style .title-area						{ padding-bottom:10px; border-bottom:1px #333 solid; padding-left:3px; padding-right:3px; }
.notice-basic-style .title-area h5					{ font-size:18px; font-weight:600; color:#333; margin:0; height:24px; }
.notice-basic-style .content-area					{ height:191px; border-bottom:1px #eee solid; overflow:hidden; }
.notice-basic-style .content-area .row				{ border-bottom:1px #eee solid; padding:13px 0; margin:0; }
.notice-basic-style .content-area .row:nth-child(4)	{ border-bottom-width:0; }
.notice-basic-style .content-area .tit				{ margin:0; font-size:14px; padding:0 3px; letter-spacing:-1px; }
.notice-basic-style .content-area .date				{ color:#888; font-size:13px; padding:0 3px;  }

.notice-basic-style .content-area.img				{ border-bottom:0; position:relative; }
.notice-basic-style .content-area.img.business		{ height:191px; overflow:hidden; background:url('/custom/img/plan-bg.png') no-repeat center center; background-size:cover; }
.notice-basic-style .content-area.img.business img	{ width:250px; margin:20px 10px; }
.notice-basic-style .content-area.img.contact		{ height:215px; overflow:hidden; background:url('/custom/img/map-bg.png') no-repeat center center; background-size:cover; }
.notice-basic-style .content-area.img.contact img	{ position:absolute; width:103px; margin:20px 10px; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); transition-duration:.2s; }

.notice-basic-style .history-area				{ border:1px #eee solid; border-width:0 1px; border-top-width:0; border-bottom-color:#333; }
.notice-basic-style .history-area .row			{ border-bottom:1px #eee solid; margin:0; }
.notice-basic-style .history-area .block		{ position:relative; padding:20px 25px; height:107px; }
.notice-basic-style .history-area .block:before { content:''; position:absolute; width:10px; height:1px; background:#eee; left:0; top:31px; }
.notice-basic-style .history-area .block:nth-child(even) { border-left:1px #eee solid; }
.notice-basic-style .history-area .block .date-pick:before { content:''; width:8px; height:8px; background:#61a20d; position:absolute; left:10px; top:28px; border-radius:50%; }
.notice-basic-style .history-area .block .date-pick { font-size:14px; font-weight:bolder; color:#61a20d; font-family:'Tahoma'; letter-spacing:-1px;}

.content-container .history-area				{ border-bottom-color:#333; }
.content-container .history-area .row			{ margin:0; }
.content-container .history-area .block			{ position:relative; padding:20px 25px; border-bottom:1px #eee solid;  }
.content-container .history-area .block .date-pick:before { content:''; width:8px; height:8px; background:#61a20d; position:absolute; left:10px; top:28px; border-radius:50%; }
.content-container .history-area .block .date-pick { font-size:14px; font-weight:bolder; color:#61a20d; font-family:'Tahoma'; letter-spacing:-1px;}
.content-container .history-area .block p	{ color:#aaa; font-size:20px; font-weight:600; letter-spacing:-1px; margin:5px 0 0; }
.content-container .history-area .check	{ width:30px; height:30px; background-color:#ddd; background-image:url('../img/check-img.png'); border-radius:50%; overflow:hidden; position:absolute; bottom:10px; right:10px; }

.history-area .block p	{ color:#aaa; font-size:20px; font-weight:600; letter-spacing:-1px; margin:5px 0 0; }
.history-area .check	{ width:30px; height:30px; background-color:#ddd; background-image:url('../img/check-img.png'); border-radius:50%; overflow:hidden; position:absolute; bottom:10px; right:10px; }	
.history-area .block.active p	{ color:#333; }
.history-area .block.active .check { background-color:#61a20d; }

.elipse-link				{ font-size:14px; font-weight:600; padding-right:40px; line-height:40px; height:40px; position:absolute; right:15px; bottom:15px; color:#333; background:url('../img/btn-arr.png') no-repeat right center; background-size:30px; }
.elipse-link:hover			{ color:#777; opacity:0.7; transition-duration:.2s; }

.aside		{ width:270px; padding-top:44px; }
.aside .title	{ font-size:24px; font-weight:600; color:#333; margin-bottom:20px; height:24px; padding-left:3px; }
.aside .submenu-list		{ list-style-type:none; padding:0; margin:0; border-top:1px #a5db61 solid; }
.aside .submenu-list li		{ border-bottom:1px #eee solid; background:url('../img/menu-arr.png') no-repeat center right; }
.aside .submenu-list li a	{ display:block; padding:17px 3px; color:#666; font-size:14px; font-weight:bold; }
.aside .submenu-list li.active a { color:#61a20d; }

.content		{ padding-top:44px; }
.content .content-title		{ border-bottom:1px #888 solid; padding-bottom:20px; }
.content .content-title	.row { margin:0; }
.content .content-title	.row>* { padding:0 3px 0; }
.content .content-title h2	{ font-size:24px; height:24px; font-weight:bold; color:#333; padding-left:10px; margin:0; }
.content .content-title .location { list-style-type:none; padding:0; margin:0; }
.content .content-title .location li	{ float:left; margin-left:40px; position:relative; font-size:14px; height:16px; padding-top:8px; line-height:24px; color:#666; }
.content .content-title .location li.here	{ color:#333; }
.content .content-title .location li.here:before { content:url('../img/maptree-arr.png'); position:absolute; left:-30px; top:8px; }
.content .content-container	{ padding:10px 3px 40px; }
.content .content-container p { font-size:16px; color:#888; line-height:26px; margin:20px 0; }
.content .content-container .profile .copyright { text-align:right; border-bottom:1px #ddd solid; margin-top:60px; font-size:16px; color:#888; }
.content .content-container .profile .copyright b { font-size:32px; color:#333; font-weight:bolder; vertical-align:initial; margin-left:10px; }

.sub-visual { height:300px; background:url('/img/sub-visual.png') repeat-x center center; border-bottom:1px #ddd solid; position:relative; transition-duration:.2s; }
.sub-visual .copy .barricade { width:40px; height:2px; background:#222; margin:20px auto; }
.sub-visual .copy h4 { font-size:40px; font-weight:bold; letter-spacing:-2px; }
.sub-visual .copy p { font-size:18px; color:#555; line-height:23px; letter-spacing:-1px; }

.inc-logo { text-align:center; margin:30px 0; }
.inc-logo img { width:50%; }

.content .content-container .page-title						{ text-align:center; margin:30px 0; }
.content .content-container .page-title h3					{ font-size:24px; font-weight:600; color:#333; text-align:center; padding-bottom:10px; border-bottom:1px #ddd solid; display:inline-block; }

.content .content-container .extra-numbering				{ list-style-type:none; padding:0; margin:0; }
.content .content-container .extra-numbering li				{ padding-left:20px; position:relative; }
.content .content-container .extra-numbering li span		{ font-size:18px; font-weight:600; color:#333; position:absolute; top:0; left:0px; line-height:22px; }
.content .content-container .extra-numbering li h4			{ font-size:18px; font-weight:600; margin:0 0 20px; }

.content .content-container .large-numbering li				{ margin-bottom:30px; }
.content .content-container .large-numbering li span		{ font-size:16px; font-weight:600; color:#333; position:absolute; top:2px; left:0px; }
.content .content-container .large-numbering li p			{ font-size:16px; font-weight:600; margin:0 0 10px; color:#555; }

.content .content-container .sm-numbering li		{ font-size:14px; margin-bottom:10px; }
.content .content-container .sm-numbering li span	{ top:0px; }
.content .content-container .sm-numbering li label	{ margin:0 15px 0 0; font-weight:bold; font-size:14px; }

.basic-table-style { width:100%; }
.basic-table-style th { border-bottom:1px #333 solid; padding:13px; font-size:14px; }
.basic-table-style td { border-bottom:1px #ddd solid; padding:13px; font-size:14px; }

.basic-table-style.border	 { border-top:1px #ddd solid;  border-left:1px #ddd solid; }
.basic-table-style.border th { font-size:12px; border-right:1px #ddd solid; background:#f9f9f9; }
.basic-table-style.border td { font-size:12px; border-right:1px #ddd solid; }


.content .content-container .sm-numbering p.desc { font-size:14px; margin:5px 0; color:#666; font-weight:400; }

.img-plan-area { border:1px #ddd solid; }

.content .content-container .process-img { border:1px #ddd solid; padding:1px; margin-bottom:30px; }
.content .content-container .process-img img { display:block; width:100%; }
.content .content-container .process-img p { font-size:13px; color:#888; margin:0px 0px 5px 0; padding-top:5px; text-align:center; border-top:1px #ddd solid; }
.content .content-container .process-img p a { font-size:13px; color:#61a20d; margin-left:10px;}

@media screen and (max-width: 1199px)	{
	.wrapper { width:100%; padding:0 15px; }
	.content .content-container .profile .profile-thumb { display:none; }
}

@media screen and (max-width: 992px)	{
header .logo	{ text-align:center; border-bottom:1px #f0f0f0 solid; }
header .logo img { height:48px; }
header .gnb		{ padding:0; }
header .gnb>ul>li { width:25%; }
header .gnb>ul>li+li { border-left:1px #eee solid; }
header .gnb>ul>li:last-child { width:25%; }
header .gnb>ul>li:before { display:none; }
header .gnb>ul>li .menu-wrapper { border-left:0; width:100%; padding:20px 0 0; }
header .gnb>ul>li .menu-wrapper a { margin:0 auto 15px; }
header .gnb li>div.submenu { display:none; }
.inc-logo img { width:100%; }
section.column		{ padding-bottom:0; }
.notice-basic-style { margin-bottom:40px; }

.aside { width:100%; padding:0; }
.aside .title { display:none; }
.aside .submenu-list	{ border-top:0; border-bottom:1px #eee solid; background:#f9f9f9; text-align:left;  }
.aside .submenu-list li a	{ padding:0; }
.aside .submenu-list li		{ width:auto; display:inline-block; background:none; border-bottom:0; padding:0px 15px; margin:13px 0; }
.aside .submenu-list li+li { border-left:1px #eee solid; }
.content					{ padding-top:10px; }
.content .content-title		{ display:none; }
.content .content-container	{ padding-top:20px; }
.content .content-container .profile .profile-copy { margin-bottom:20px; }
.content .content-container .profile .profile-copy img { max-width:442px; width:90%; }
.content .content-container .profile p br { display:none; }

section.visual-area { height:300px; }
section.visual-area h4,
.sub-visual .copy h4	{ font-size:30px; }
section.visual-area .barricade,
.sub-visual .copy .barricade { margin:20px auto; }
section.visual-area p,
.sub-visual .copy p		{ font-size:16px; }

.img-plan-area { margin:20px 0 0; }

}

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

.copy h4	{ font-size:22px; }
.copy .barricade { margin:20px auto; }
.copy p		{ font-size:14px; }
.notice-basic-style .history-area .block { border-bottom:1px #eee solid; }
.notice-basic-style .history-area .block:nth-child(even) { border-left:0; }
.notice-basic-style .history-area .row { border-bottom:0; }

}

@media screen and (max-width: 576px)	{
header .logo { padding-top:10px; padding-bottom:20px; }
header .logo img { height:30px; }
.content .content-container .profile .copyright		{ margin-top:20px; font-size:14px; border-bottom:0; }
.content .content-container .profile .copyright b { display:block; font-size:20px; }
.content .content-container .profile p { font-size:14px; line-height:22px; }
.notice-basic-style .history-area .block p { font-size:16px; }

section.visual-area h4,
.sub-visual .copy h4	{ font-size:18px; }
section.visual-area .barricade,
.sub-visual .copy .barricade { margin:20px auto; }
section.visual-area p,
.sub-visual .copy p		{ font-size:14px; }
section.visual-area p br,
.sub-visual .copy p	br	{ display:none; }

}