@charset "utf-8";
/* reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video {margin:0;padding:0;border:0;font:inherit;color:inherit;vertical-align:baseline;background:transparent; -webkit-text-size-adjust:none;}
input, select, textarea, button { font:inherit; color:inherit;}
input { line-height:1; }
body {font-family: 'Nanum Gothic', sans-serif;font-size: 14px;color: #000;line-height:1;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote { display:block;}
ul, ol, li{ list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
ins { text-decoration:underline;}
del { text-decoration:line-through;}
mark { background:none;}
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help;}
table { border-spacing:0; border-collapse:collapse;}
hr { display:none;}
img { border:0 none;}
input, button, select, a, img { vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; background:transparent;}
input::-ms-clear {display: none;}
button { position:relative; background:none; border:0 none; cursor:pointer; font-family:inherit; margin:0; padding:0;outline:0;}
button * { margin:0; padding:0;}
button::-moz-focus-inner { padding:0; border:0;}
a,a:active,a:hover{text-decoration:none; outline:none;}

/* common */

#skipToContent a {position:absolute; top:0px; left:0px; z-index:9999; width:100%; height:1px;	margin-top:-1px; display:block;	background-color:white; font-size:14px; font-weight:bold; color:#111; line-height:1; text-align:center; overflow:hidden;}
#skipToContent a:focus,
#skipToContent a:active {margin-top:0px; height:auto; padding:10px 0px;}

.wrap {position:relative;}
.inner {position: relative;max-width: 1200px;margin: 0 auto;overflow: hidden;}
.ns {font-family: 'NanumSquare', sans-serif;}
.osf {font-family: 'Open Sans', sans-serif;}
.DisplayNone {display: none !important;}
/* 텍스트 컨트롤 영역 */
.txt-control {height: 30px;background-color: #f1f1f1;}
.txt-control .inner {text-align: right;}
.txt-control .inner button {border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.txt-control .inner button, .txt-control .inner span {display: inline-block;width: 35px;height: 30px;overflow: hidden;vertical-align: middle;text-indent:  -9999px;}
.txt-control .inner .control {background: url('../images_2019/controlBtn.png') no-repeat center;}
.txt-control .inner .control-plus {background: url('../images_2019/controlBtnPlus.png') no-repeat center;}
.txt-control .inner .control-minus {background: url('../images_2019/controlBtnMinus.png') no-repeat center;}

/* 헤더 영역 */
header {position: absolute;width: 100%;z-index: 999;top: 30px;left: 0;overflow:  hidden;height: 75px;background: #fff;transition:all 0.5s;}
header.active {height:270px;}
header .header-container {max-width: 1200px;margin: 0 auto;height: 75px;line-height: 75px;position:  relative;}

header .header-container button.mo-menu {position:absolute;top: 25px;transition: all 0.3s;text-indent:-9999px;width: 25px;height: 20px;display: none;}
header .header-container button.mo-search {position:absolute;top: 25px;transition: all 0.3s;text-indent:-9999px;width: 25px;height: 25px;display: none;}

header .header-container h1 {width: 260px;float:left;text-align:center;height: 42px;}
header .header-container h1 a {display:block;}
header .header-container h1 img {width: auto;height: 100%;}

header .header-container nav h2 {display:none;}
header .header-container nav#gnb {float: right;width: 880px;background: #fff;}
header .header-container nav#gnb ul.gnb {overflow: hidden;}
header .header-container nav#gnb ul.gnb > li {width: 20%;float: left;}
header .header-container nav#gnb ul.gnb > li > a {display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;position: relative;font-family: 'Nanum Gothic', sans-serif;font-weight: 600;}
header .header-container nav#gnb ul.gnb li ul {padding-top: 5px;}
header .header-container nav#gnb ul.gnb li ul li {text-align:center;}
header .header-container nav#gnb ul.gnb li ul li a {font-size: 13px;font-weight: 600;display:block;line-height: 2;padding: 5px 0;}

/* 서브 페이지 상단 검색바 */
.gnb-search-wrap {position:absolute;top: 12px;right: 5px;}
.gnb-search-wrap > div.search-box {position:relative;width: 240px;height: 45px;margin:0 auto;border:3px solid #9fb610;border-radius:50px;line-height: 43px;background:  #fff;}
.gnb-search-wrap > div.search-box input {width: 180px;height:100%;border:0;outline:0;text-indent: 10px;height: 40px;line-height: 40px;}
.gnb-search-wrap > div.search-box button.btnSrch {position: absolute;text-indent:-9999px;background: url(../images_2019/icon_search.png) no-repeat center;background-size:25px;width: 50px;height: 50px;right: 10px;}
.btnSrchClose {display:none;}

/* 푸터 영역 */
footer {position: relative;background-color:#eeeeee;}
footer .footer-logo {background-color:#fff;height: auto;text-align:right; padding:20px 0;}
footer .footer-logo dl {overflow:hidden; font-size:0;display:flex;align-items:center}
footer .footer-logo dt {font-size:12px;line-height:1.2;font-weight: bold;text-align: left;display: inline-flex;align-items:center;min-width:190px}
footer .footer-logo dd {display: inline-flex;width:calc(100% - 195px);overflow:hidden}
footer .related_site {overflow:hidden}
footer .related_site > .inner::after {content:'';display:block;clear:both;}
/* footer .related_site .related_site_all {background:#fff;width:100%;font-size:0.93333em;border:1px solid #636a8a;overflow:hidden;padding:20px;margin-bottom:20px;display:none;}
footer .related_site .related_site_all ul {display:block;float:left;padding:0 38px;position:relative;}
footer .related_site .related_site_all ul .list_title {font-size:1.1em;font-weight:bold;color:#202020;margin-bottom:10px;} */
/*관련사이트 추가_20250729 S*/

footer .related_site .related_site_title {color:#505670;font-weight:bold;width:170px;float:left;line-height:40px;}
footer .related_site .related_site_title::before {content:'';display:inline-block;width:25px;height:24px;background:url(/images/homepage/www/kocca/common/related_site_title.png);margin-right:10px;vertical-align:middle;}
footer .related_site .list_slide_wrap {width:calc(100% - 95px);float:left;}
footer .related_site .list_slide_wrap .list_slide div {position:relative;color:#686868;padding:1px 25px;line-height:40px;}
footer .related_site .list_slide_wrap .list_slide div a {display:block;}
footer .related_site .list_slide_wrap .list_slide .slick-track div::after {content:'';position:absolute;right:0;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px;height:4px;background:#ced2e5;border-radius:100%;vertical-align:middle;}
footer .related_site .pager_wrap {float:right;margin-top:8px;}
footer .related_site .pager_wrap .prev,
footer .related_site .pager_wrap .next,
footer .related_site .more,
footer .related_site .pager_wrap .play_wrap {border:1px solid #dedede;width:25px;height:25px;float:left;border-radius:8px;margin:0 1px;}
footer .related_site .pager_wrap .prev a,
footer .related_site .pager_wrap .next a,
footer .related_site .pager_wrap .more > a,
footer .related_site .pager_wrap .play_wrap button {display:block;width:100%;height:100%;position:relative;}
footer .related_site .pager_wrap > div > div > a::after,
footer .related_site .pager_wrap button::after {content:'';position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:15px;height:15px;}
footer .related_site .pager_wrap .prev a::after {background:url(../images_2019/prev.png)}
footer .related_site .pager_wrap .next a::after {background:url(../images_2019/next.png)}
footer .related_site .pager_wrap button.slick_play::after {background:url(../images_2019/play.png)}
footer .related_site .pager_wrap button.slick_stop::after {background:url(../images_2019/stop.png)}
/*관련사이트 추가_20250729 E*/
footer .footer-info {padding: 30px 0;}
footer .footer-info .inner {padding-bottom: 0px;}
footer .footer-info .footer-link {float:right;}
footer .footer-info .footer-link ul {font-size:0;}
footer .footer-info .footer-link ul li {display:inline-block;}
footer .footer-info .footer-link ul li a {font-size: 12px;}
footer .footer-info .footer-link ul li a span {display: inline-block;vertical-align: middle;width: 1px;height: 10px;background:#aaa;margin:0 5px;}

footer .footer-info .footer-addr {float: left;}
footer .footer-info .footer-addr address {font-size: 12px;line-height: 1.4;font-weight: normal;}
footer .footer-info .footer-addr p.call {margin-top:5px;font-size:12px;line-height:1.4;}
footer .footer-info .footer-addr p.copyright {font-size: 10px;margin-top: 30px;}

footer .footer-wa {position:absolute;top:40px;;right:0;}
footer .footer-wa a {display: block;width:90px;height:65px;}
footer .footer-wa a img {width:100%;}

@media screen and (max-width: 1200px)  {
	header {height: 150px;}
	header.active {height: 350px;}
	header .header-container {height: auto;}
	header .header-container h1 {float: none;margin: 0 auto;height: auto;}
	header .header-container nav#gnb {float: none;margin: 0 auto;width: 100%;overflow: hidden;}
	footer .footer-logo {padding:5px 0;}
	footer .footer-logo dl{flex-direction:column}
	footer .footer-logo dt {text-align: center;display: block;width: 100%;border-bottom: 1px solid #ddd;padding: 5px 0 10px;}
	footer .footer-logo dd {display: block;width: 100%;padding: 5px 0;}
	footer .footer-logo ul {font-size:0;}
	footer .footer-logo ul li {display: inline-block;vertical-align: middle;width: auto;}
	footer .footer-logo ul li {padding: 0 10px;}
	footer .footer-info {padding: 30px 30px;}
}

@media only screen and (min-width: 1024px) {
header .header-container nav#gnb ul.gnb > li:hover > a span.bar,
header .header-container nav#gnb ul.gnb > li > a:focus span.bar{position: absolute;display: block;width:100%;height:2px;background:#41970d;bottom: 5px;}
header .header-container nav#gnb ul.gnb > li.on > a,
header .header-container nav#gnb ul.gnb > li > a:hover,
header .header-container nav#gnb ul.gnb > li > a:focus {color:#41970d;font-weight: bold;}
header .header-container nav#gnb ul.gnb li ul li a:hover,
header .header-container nav#gnb ul.gnb li ul li a:focus {color:#41970d;}
a:focus, button:focus {outline:#aaa dotted thin;}
}

@media screen and (max-width: 992px)  {
	.txt-control {display:none;}
	.inner {max-width: none;}

	header {height: 70px;overflow:visible;top: 0;}
	header.active {height:inherit;}
	header .header-container h1 {height: 70px;line-height:  70px;}
	header .header-container h1 a {margin:0 auto;}

	header .header-container {line-height:inherit;}
	header .header-container button.mo-menu {left: 15px;display: block;}
	header .header-container button.mo-search {right: 15px;background: url(../images_2019/icon_search_black.png) no-repeat center;background-size: 25px;display: block;}

	.mo-menu,
	.mo-menu span {display: inline-block;transition: all .4s;box-sizing: border-box;}
	.mo-menu {position: relative;width: 50px;height: 44px;}
	.mo-menu span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #000;border-radius: 4px;}
	.mo-menu span:nth-of-type(1) {top: 0;}
	.mo-menu span:nth-of-type(2) {top: 9px;}
	.mo-menu span:nth-of-type(3) {bottom: 0;}
	.mo-menu.mo-ver span:nth-of-type(1) {-webkit-transform: translateY(20px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
	.mo-menu.mo-ver span:nth-of-type(2) {opacity: 0;}
	.mo-menu.mo-ver span:nth-of-type(3) {-webkit-transform: translateY(-20px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}

	header .header-container nav#gnb {overflow:hidden;transition: all .7s;max-height:0;}
	header .header-container nav#gnb.mo-ver {max-height:470px;}
	header .header-container nav#gnb ul.gnb > li {width: 100%;border-top: 1px solid #eee;float: none; max-height:55px;overflow:hidden;transition: all 0.5s;}
	header .header-container nav#gnb ul.gnb > li.mo-ver {max-height:246px;}
	header .header-container nav#gnb ul.gnb > li > a {padding: 20px 0;font-size: 15px;}
	header .header-container nav#gnb ul.gnb > li.mo-ver > a {color:#41970d;}
	header .header-container nav#gnb ul.gnb li ul {padding:0 0 10px 0;}
	header .header-container nav#gnb ul.gnb li ul li a {font-weight: normal;}

	.gnb-search-wrap {width: 100%;top: -70px;right:0;transition:all 0.5s; /* background: #fff; */}
	.gnb-search-wrap.active {top: 0;z-index:1;}
	.gnb-search-wrap > div.search-box {width: 100%;border:0;/* background: #eee; */border-radius:0;height: 70px;line-height: 68px;z-index:10;text-align:  center;}
	.gnb-search-wrap > div.search-box input {width: calc(100% - 95px);background: #fff;border-bottom: 1px solid #999;border-radius:  0;}
	.gnb-search-wrap > div.search-box button.btnSrch {top: 0;right: 39px;width: 50px;text-indent: inherit;background: inherit;display: none;}
	.btnSrchClose {position:absolute;display:inline-block;top: 0px;right: 39px;width: 50px;}

	.gnb-search-wrap .bg {display: block;position: fixed;top: 0; right: 0; left: 0; bottom: 0; z-index: 5; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);visibility: hidden;opacity: 0; -webkit-transition: all 0.3s;transition: all 0.3s;}
	.gnb-search-wrap.active .bg {visibility: visible;opacity: 1;}

	footer .footer-logo ul li.txt {display:block;width: 100%;padding: 10px 0;border-bottom: 1px solid #eee;}
	footer .footer-logo ul li.txt span {text-align: center;line-height: 1.5;}
	footer .footer-info .footer-link {float:none;margin-bottom: 20px;}
	footer .footer-info .footer-addr {float: none;}
	footer .footer-info .footer-addr {font-size: 11px;}

	footer .footer-info {text-align: center;}
}

@media screen and (max-width: 720px) {
	header .header-container h1 img {width: 230px;}
	footer .footer-info .footer-addr address, footer .footer-info .footer-addr p.call {font-size: 11px;}
	footer .footer-info {padding: 30px 15px 0;}
}

@media screen and (max-width: 480px) {
	header .header-container h1 img {width: 180px;}
	.gnb-search-wrap > div input {width: 80%;background: #fff;}
	.gnb-search-wrap > div button.btnSrch {top: 14px;right: 23%;width: 45px;height: 45px;}

	footer .footer-logo ul li a img {width:80%;}
	footer .footer-logo ul li {padding: 5px;}
	footer .footer-logo ul li.txt span {font-size: 11px;font-weight:normal;}
	footer .footer-info .footer-addr address,
	footer .footer-info .footer-link ul li a,
	footer .footer-info .footer-addr p.call {font-size: 10px;}
}