@charset "UTF-8";

#container {display:flex; flex-wrap:wrap; max-width:140rem; margin:27rem auto 0; padding-bottom:5rem; width:calc(100% - 4rem)}

#visual {position:absolute; top:14rem; left:0; height:23rem; text-align:center; overflow:hidden; width:100%}
#visual .title {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:4.4rem; font-weight:500; font-family:'gmk'; color:#fff; width:100%}
#visual .img {width:100%; height:inherit; position:absolute; top:0; left:0; z-index:-1}
#visual .img img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:inherit}

#snb {width:26rem}
#snb .title {background-color:#96c036; border-radius:0 5rem 0 0; color:#fff; display:block; font-size:3.6rem; font-weight:500; font-family:'gmk'; height:15rem; width:100%; padding-top:5rem; text-align:center}
#snb .list {margin-top:2rem}
#snb .list > ul > li {margin-bottom:-1px}
#snb .list > ul > li > a {border:1px solid #dfdfdf; color:#000; display:block; font-size:1.8rem; font-weight:500; height:6rem; line-height:3.2; padding:0.3rem 2rem; position:relative; z-index:1; transition:all .3s}
#snb .list > ul > li > a:before {content:''; border:2px solid transparent; width:calc(100% + 2px); height:calc(100% + 1px); position:absolute; left:-1px; top:-1px; z-index:1; transition:all .3s}
#snb .list > ul > li > a:after {content:''; color:#bbb; font-size:1.6rem; font-family:'xeicon'; position:absolute; top:0.3rem; right:2rem; transition:all .3s}
#snb .list > ul > li > a.linkWindow:after {content:''}
#snb .list > ul ul {background-color:#f7f9f3; padding:1rem 2.5rem}
#snb .list > ul ul li {margin:0.8rem 0}
#snb .list > ul ul a {color:#888; display:block; font-size:1.5rem; padding-left:1.2rem; position:relative; line-height:1.4; word-break:keep-all; transition:all .3s}
#snb .list > ul ul a:before {content:''; background-color:#999; border-radius:100%; width:0.5rem; height:0.5rem; position:absolute; left:0; top:0.6rem}

#snb .list > ul > li.active > a {color:#96c036}
#snb .list > ul > li.active > a:before {border-color:#96c036}
#snb .list > ul > li.active > a:after {content:''; color:#96c036}
#snb .list > ul ul li.active a {color:#000}
@media screen and (min-width:1024px){
	#snb .list > ul > li:hover > a {color:#96c036}
	#snb .list > ul > li:hover > a:before {border-color:#96c036}
	#snb .list > ul > li:hover > a:after {color:#96c036}
	#snb .list > ul ul li:hover a {color:#000}
}

#contents {width:calc(100% - 26rem); padding-left:6.5rem; position:relative; outline:0}
.contents_util {border-bottom:2px solid #e1e1e1; height:15rem; margin-bottom:5rem; padding-top:4.5rem; position:relative; z-index:2}
.contents_util:after {content:''; display:block; width:100%; overflow:hidden}
#contents_title {color:#000; display:block; font-size:3.2rem; font-weight:500; font-family:'gmk'; line-height:1.2; word-break:keep-all}
#contents_body:after {content:''; display:block; width:100%; overflow:hidden}
.util-group {position:absolute; top:.5rem; width:100%; text-align:right; z-index:3}
.contents_util > .location {margin-top:1.5rem; z-index:2}
.location .path {line-height:1.4; overflow:hidden}
.location .path li { display:inline; vertical-align: top; color:#666; word-break:keep-all}
.location .path li + li::before {display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: baseline; font-size: 1.6rem; margin-right: 0.60rem; content: '';}
.location .path li.icon a {display: inline-block; overflow: hidden; width: 1.5rem; text-align: center; margin-top:1px}
.location .path li.icon a::before {display: block; font-family: "xeicon"; text-align: center; content: ''; }

/*로케이션 부분 삭제*/
.nav-depth {display:none}

.contents_util .util {position:absolute; right:0; bottom:2rem}
.contents_util .util .btn {display:inline-block; overflow:hidden; width:4rem; height:4rem; border-radius:100%; border:1px solid #ddd; color:#666; text-align:center; line-height:4rem; vertical-align:top; -webkit-transition:all 0.2s; transition:all 0.2s}
.contents_util .util .print {display:inline-block}
.contents_util .util .btn::before {display:block; width:100%; height:100%; font-family:"xeicon"; text-align:center; line-height:inherit; font-size:2rem; font-weight:normal}
.contents_util .util .btn.print::before {content:""}
.contents_util .util .btn.up::before {content:""}
.contents_util .util .btn.down::before {content:""}
.contents_util .util .btn.open::before {content:""}

/*공유*/
.contents_util .util .share {position:relative; display: inline-block; vertical-align: top; }
.contents_util .util .share .item { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; right:0; overflow: hidden; top: 100%; width:100%; margin-top: 1rem; padding:0 1rem; border: 1px solid #ddd; background-color: #fff; white-space: nowrap; z-index:1}
.contents_util .util .share .item::before { position: absolute; top: auto; right:1rem; top: -0.3rem; width: 1rem; height: 1rem; background-color: #fff; border-top: 1px solid #ddd; border-left: 1px solid #ddd; content: ''; -webkit-transform: rotate(45deg) translateX(-50%); transform: rotate(45deg) translateX(-50%); }
.contents_util .util .share .item .list { display: block !important; }
.contents_util .util .share .item .list li {display:inline-block; padding:0.5rem 0.5rem 0 0.5rem; vertical-align:middle}
.contents_util .util .share .item a {display: block; overflow: hidden; width: 3rem; height:3.6rem; text-align: center}
.contents_util .util .share .item a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: 1.7; font-size: 2rem; -webkit-transition: all 0.2s; transition: all 0.3}
.contents_util .util .share .item a:hover::before, .contents_util .util .share .item a:focus::before { -webkit-transform: scale(1.5); transform: scale(1.5); }
.contents_util .util .share .item .facebook a::before { color: #29487d; content: ""; }
.contents_util .util .share .item .twitter a::before {content:""; background:url("/edu/gokmg/img/layout/sns_x.svg") no-repeat center 9px; background-size:16px;}
.contents_util .util .share .item .kakaostory a::before { color: #ffc20f; content: ""; }
.contents_util .util .share .item .kakaotalk a::before { color: #381e1f; content: ""; }
.contents_util .util .share .item .band a::before { font-size: 2rem; font-family:'Roboto'; font-weight:500; color: #21c531; content: 'b'; }
.contents_util .util .share .item .qrcode span {cursor:pointer; display:inline-block; font-family:'Roboto'; font-weight:500; font-size:1.4rem; width:2rem; height:3rem; line-height: 2.4; margin:0 0.5rem; overflow:hidden}
.contents_util .util .share .item .qrcode:hover span {color:#ff7043}
.contents_util .util .share .item .qrcode .qr {display:none; background-color:#fff; border:1px solid #ddd; padding:1rem; position:absolute; right:-0.1rem; top:4.1rem; margin-left:-1px; width:100.5%; text-align:center}
.contents_util .util .share .item .qrcode:hover .qr {display:block }
.contents_util .util .share .item .urlShare a {display:inline-block; font-family:'Roboto'; font-weight:500; font-size:1.4rem; width:2.3rem; height:3rem; line-height: 2.4; overflow:hidden}
.contents_util .util .share .item .urlShare a:hover {color:#ff7043}
.contents_util .util .share.active .btn { border-color: #000; background-color: #000; color: #fff; }
.contents_util .util .share.active .item { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; margin-top: 1.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
@media screen and (max-width:768px){
	.contents_util .util .share .item::before {right:1rem}
	.contents_util .util .share .item .qrcode {display:none !important}
}

#depth3_menu_div {display:none; margin-bottom:5rem;}
#depth3_menu_div button {display:none}
#depth3_menu_ul {display:table; table-layout:fixed; width:100%}
#depth3_menu_ul li {display:table-cell; text-align:center; vertical-align:middle}
#depth3_menu_ul li + li a {border-left:0;}
#depth3_menu_ul li a {display:block; height:6rem; line-height:3.2; font-size:1.8rem; color:#666; background-color:#f4f4f4; border:1px solid #ddd; position:relative; transition:all .2s}
#depth3_menu_ul li a:after {content:''; width:calc(100% + 2px); height:calc(100% + 2px); border:2px solid transparent; position:absolute; left:-1px; top:-1px; z-index:1; transition:all .2s}
#depth3_menu_ul li.active a {color:#8ab620; background-color:#fff}
#depth3_menu_ul li.active a:after {border-color:#8ab620}
@media screen and (min-width:1024px){
	#depth3_menu_ul li:hover a {color:#8ab620; background-color:#fff}
	#depth3_menu_ul li:hover a:after {border-color:#8ab620}
}

#depth5_menu_ul { overflow: hidden; overflow-x: auto; margin: -3rem 0 5rem; padding-left: 1rem; border-bottom: 1px solid #ddd; white-space: nowrap; }
#depth5_menu_ul li { display: inline; margin-right: 1rem; }
#depth5_menu_ul li.active a { font-weight: 400; color: #484c58; }
#depth5_menu_ul li.active a::before { width: 100%; }
#depth5_menu_ul a { display: inline-block; overflow: hidden; position: relative; padding: 0 1rem 1.5rem; vertical-align: top; }
#depth5_menu_ul a::before { position: absolute; left: 0; bottom: 0; width: 0; height: 0.3rem; background-color: #484c58; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
#depth5_menu_ul a:hover::before, #depth5_menu_ul a:focus::before { width: 100%; }

/*사이트맵*/
#contents .sitemap {overflow:hidden; border-top:2px solid #555; border-bottom:1px solid #aaa}
#contents .sitemap dl + dl {border-top:1px solid #ddd}
#contents .sitemap dl {display:table; width:calc(100% + 0px); table-layout:fixed}
#contents .sitemap dl > * {display:table-cell; padding-right:0px; vertical-align:top}
#contents .sitemap dt {background-color:#f7f7f7; font-size:2rem; width:25rem; padding:2rem; border-right:1px solid #ddd; font-weight:500; color:#000}
#contents .sitemap dd {padding:2rem 2rem 1.5rem}

#contents .sitemap .depth2 {margin-top:-1rem; display:flex; flex-wrap:wrap; width:calc(100% + 1rem)}
#contents .sitemap .depth2 > * {width:calc(33.333% - 1rem); margin-right:1rem}
#contents .sitemap .depth2 > *:nth-child(n+4) {margin-top:3rem}

#contents .sitemap .depth3 li {color:#666; position:relative; padding-left:1.5rem}
#contents .sitemap .depth3 li:before {content:''; background-color:#999; position:absolute; left:0; top:1.2rem; width:8px; height:1px}

#contents .sitemap .group .depth2 > li > a {font-size:1.8rem; display:block; margin-bottom:0.5rem; font-weight:400; color:#000}

@media (max-width:1024px) 
{
    #contents .sitemap dl > * {display:block}
    #contents .sitemap dt {width:100%; padding:1rem 2rem; border:0 none; background-color:#f8f8f8} 
}
@media (max-width:580px) 
{
    #contents .sitemap .depth2 > * {width:calc(50% - 1rem)}
    #contents .sitemap .depth2 > *:nth-child(3) {margin-top:3rem}
}

/**************/


/*글씨 크기*/
.h1{display:block; font-size:2.8rem}
.h2{display:block; font-size:2.6rem}
.h3{display:block; font-size:2.4rem}
.h4{display:block; font-size:2.2rem}
.h5{display:block; font-size:2rem}
.h6{display:block; font-size:1.8rem}
.small {color:#999; font-size:1.4rem}


/* 1depth */
h2.dep01 {color:#000; display:inline-block; font-size:2.8rem; font-weight:500; position:relative; margin:6rem 0 2rem 0}
h2.dep01:before {content:""; position:absolute; top:0; right:-1.5rem; width:0.8rem; height:0.8rem; background-color:#95c02d; border-radius:50%;}
h2.dep01 span {color:#333; display:block; font-size:1.6rem; line-height:1.5}
h2.dep01:first-of-type{border-top:0; margin-top:0; padding-top:0}

/* 2depth */
h3.dep02 {color:#333; font-size:2rem; font-weight:500; margin:2rem 0 1rem; position:relative}
h3.dep02:before {content:''; background-color: #95c02d; width:0.4rem; height:1.7rem; display:inline-block; vertical-align:-1px; margin-right:1rem}
ul.dep02 > li {color:#333; font-size:2rem; font-weight:500; margin:3rem 0 1rem}
ul.dep02 > li:before {content:''; background-color: #95c02d; width:0.4rem; height:1.7rem; display:inline-block; vertical-align:-1px; margin-right:1rem}
ul.dep02 > li:first-child {margin-top:0}
h3.dep02 span {display:block}

/* 3depth */
h4.dep03, ul.dep03 > li {display:block; font-weight:normal; font-size:1.6rem; position:relative; padding:0 0 0 1.3rem}
h4.dep03:before, ul.dep03 > li:before, span.dep03:before {content:'';  background-color:#999; border-radius:100%; position:absolute; left:0; top:0.8rem; width:0.5rem; height:0.5rem}
h4.dep03, ul.dep03 {margin-left:1.5rem}

/* 4depth */
ul.dep04 {margin:5px 0 1rem 0}
h5.dep04, ul.dep04 > li, span.dep04 {color:#666; display:block; font-size:1.5rem; font-weight:normal; position:relative; padding:0 0 0 1.4rem; line-height:1.8}
h5.dep04:before, ul.dep04 > li:before, span.dep04:before {content:''; background-color:#323b66; position:absolute; left:0; top:1.1rem; width:5px; height:1px}
h5.dep04, ul.dep04, span.dep04 {margin-left:1.5rem}

/* 5depth */
ul.dep05 li > ul {padding:15px 0}
h6.dep05, ul.dep05 > li {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1.3rem; line-height:1.6}
h6.dep05:before, ul.dep05 > li:before {content:''; background-color:#999; position:absolute; left:0.2rem; top:1.2rem; width:2px; height:2px}
h6.dep05, ul.dep05 {margin-left:1.5rem}

/* 2depth 로 시작*/
ul.dep02 ul {padding:0 0 0.7rem}
ul.dep02 > li > ul > li{color:#242424; display:block; font-weight:normal; font-size:1.6rem; position:relative; padding:0 0 0 1.4rem; line-height:1.8}
ul.dep02 > li > ul > li:before {content:'';  background-color:#999; border-radius:100%; position:absolute; left:0; top:1rem; width:0.5rem; height:0.5rem}
ul.dep02 > li > ul > li > ul > li {color:#666; display:block; font-size:1.5rem; font-weight:normal; position:relative; padding:0 0 0 1.4rem; line-height:1.8}
ul.dep02 > li > ul > li > ul > li:before {content:''; background-color:#323b66; position:absolute; left:0; top:1.1rem; width:5px; height:1px}
ul.dep02 > li > ul > li > ul > li > ul > li{color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1.3rem; line-height:1.6}
ul.dep02 > li > ul > li > ul > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0.2rem; top:1.2rem; width:2px; height:2px}

/* 3epth 로 시작*/
ul.dep03 > li > ul > li{color:#666; display:block; font-size:1.5rem; font-weight:normal; position:relative; padding:0 0 0 1.4rem; line-height:1.8}
ul.dep03 > li > ul > li:before {content:''; background-color:#323b66; position:absolute; left:0; top:1.1rem; width:5px; height:1px}
ul.dep03 > li > ul > li > ul > li {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1.3rem; line-height:1.6}
ul.dep03 > li > ul > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0.2rem; top:1.2rem; width:2px; height:2px}

/* 4epth 로 시작*/
ul.dep04 > li > ul > li {color:#666; display:block; font-size:1.6rem; font-weight:normal; position:relative; padding:0 0 0 1.3rem; line-height:1.6}
ul.dep04 > li > ul > li:before {content:''; background-color:#999; position:absolute; left:0.2rem; top:1.2rem; width:2px; height:2px}

/* 테이블 공통 */
.tbl-top {color:#999; font-size:1.4rem; margin-bottom:5px; clear:both; overflow:hidden}
.tbl-top .tbl-info1, .tbl-top .item1 {float:left}
.tbl-top .tbl-info2, .tbl-top .item2 {float:right}
.table {margin-bottom:5rem}
.table table {background-color:#fff; border:1px solid #e5e5e5; border-top:0; border-collapse:collapse; width:100%; text-align:center; position:relative; word-break:keep-all}
.table table:before {content:''; background-color:#000; width:100%; height:2px; position:absolute; left:0; top:0}
.table table td ul {padding-bottom:0; text-align:left}
.table table thead th,
.table table tbody th,
.table table tfoot th,
.table table tfoot td {background-color:#f7f7f7; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-weight:500; padding:1.5rem 1.5rem 1rem}
.table table tbody td {border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; font-size:1.5rem; padding:1.5rem 1.5rem 1rem}
.table table tbody td ul {padding:0}
@media screen and (max-width:1000px) {
	/* 테이블 공통 */
	.table {background:#fff; overflow-x:scroll; position:relative}
	.table > table  {min-width:120rem}
	.table table:before  {width:100%}
	
	.table::-webkit-scrollbar {position:relative; height:3px;}
	.table::-webkit-scrollbar-thumb {background-color:#333; border:3px solid #333; border-radius:6px}
	.table::-webkit-scrollbar-track {background-color:#e5e5e5}
}

/*가운데 타이틀*/
.tt-center {color:#333; display:block; font-size:3rem; font-weight:400; position:relative; text-align:center}


/*참고*/
.i-refer {color:#666; display:block; font-size:1.4rem; padding-left:2rem; position:relative; margin-right:20px}
.i-refer i{position:absolute; left:0; top:1px}
.i-refer i:before {content:''; color:#f19c01; font-family:"xeicon"}
@media screen and (max-width:1000px){
	.i-refer i{top:0}
}

/*알림*/
.i-info {color:#95c02d; display:block; font-size:1.4rem; position:relative; padding-left:2.2rem}
.i-info:before {content:""; font-size:1.8rem; color:#95c02d; font-family:'xeicon'; position:absolute; left:0; top:-0.5rem}

/*경고알림*/
.i-warning  {color:#d24423; display:block; font-size:1.4rem; padding-left:2rem; position:relative}
.i-warning i{position:absolute; left:0; top:1px}
.i-warning i:before {content:''; color:#d24423; font-family:"xeicon"}

/*텍스트효과*/
mark {background:#edf9cf}/*마커 (형광펜)*/
mark.type2 {background:inherit; font-weight:500; position:relative; z-index:1}/*마커 (형광펜)*/
mark.type2:after {content:''; background-color:#eaf2d6; height:2rem; width:100%; position:absolute; left:0; bottom:-2px; z-index:-1}

/*밑줄*/
.underline {position:relative}
.underline:after{content:''; background-color:#000; width:100%; height:1px; display:block; position:absolute; left:0; bottom:0}

/*동그라미 숫자*/
ol.c-num {counter-reset:my-counter}
ol.c-num > li {color:#000; padding-left:33px; position:relative; line-height:1.8}
ol.c-num > li:before {background-color:#444b66; border-radius:100%;content:counter(my-counter); counter-increment:my-counter;  color:#fff; display:block; font-size:10px; position:absolute; left:4px; top:3px; line-height:2.1; text-align:center; height:22px; width:22px}
ol.c-num li > ol{color:#666; counter-increment:unset; padding:5px 0 0 19px}
ol.c-num li > ol > li:before {content:unset}

/*동그라미 숫자 개별*/
span.num {display:inline-block; position:relative; padding-left:33px; vertical-align:top}
span.num i {background-color:#444b66; border-radius:100%; color:#fff; display:block; font-size:11px;  position:absolute; left:5px; top:2px;  height:22px; width:22px; text-align:center; line-height:2}

/*다단*/
.col2 {columns:2; -moz-column-count:2; -webkit-column-count:2; column-count:2}
.col3 {columns:3; -moz-column-count:3; -webkit-column-count:3; column-count:3}
.col4 {columns:4; -moz-column-count:4; -webkit-column-count:4; column-count:4}
@media screen and (max-width:1000px){
	/*다단 2*/
	.col2, .col3, 
	.col4{-moz-column-count:1; -webkit-column-count:1; column-count:1}
}

/*2단*/
.multi2 {display:table; table-layout:fixed; width:100%}
.multi2 > div{border:1px solid #d1d1d1; border-right:0; display:table-cell; padding:2rem}
.multi2 > div:last-child{border-right:1px solid #d1d1d1}
 @media screen and (max-width:1000px) {
	.multi2 > div{display:block}
	.multi2 > div:last-child {border-right:1px solid #d1d1d1; border-bottom:0}
}

/*박스*/
.box {border:1px solid #d1d1d1; padding:3rem; margin-bottom:5rem; position:relative} /*라인박스*/
/*박스 색깔*/
.box.bg-gray {border:1px solid #d1d1d1; background-color:#f7f7f7}
/*박스 색깔*/
.box.face {border:none; background-color:#eaedf4}

/*박스 안의 타이틀*/
.box-tt {border:1px dashed #ccc; background-color:#fff; display:inline-block; padding:0.5rem 1rem; margin-bottom:0.5rem}

/*인포박스*/
.info-box {background-color:#f1f2f7; padding:3rem; margin-bottom:3rem; word-break:keep-all}
.info-box > i {background-color:#fff; border-radius:100%; display:inline-block; width:9rem; height:9rem; margin-right:5rem; vertical-align:middle; text-align:center; padding-top:1rem}
.info-box .txt {display:inline-block; width:calc(100% - 17rem); margin-left:-4px; vertical-align:middle}
.info-box .txt .tt {color:#2a45a7; display:block; font-size:2.2rem; font-weight:500; margin-bottom:1rem}
.info-box .txt .con {position:relative}
.info-box .txt .con strong {display:block; margin:1rem 0}
@media screen and (max-width:1000px) {
	.info-box {padding:3rem}
	.info-box > i {display:none}
	.info-box .txt {width:100%}
}

/*인포박스-좌측 라인*/
.info-box-bl {background-color:#f7f7f7; padding:5rem 5.5rem; position:relative; margin-bottom:5rem}
.info-box-bl:before {content:''; background-color:#444b66; width:3px; height:100%; position:absolute; left:0; top:0}
.info-box-bl .tt {color:#333; display:inline-block; font-size:2.6rem; font-weight:400; position:relative; z-index:1}
.info-box-bl .tt:before {content:''; background-color:#cef1f0; width:100%; height:1.7rem; position:absolute; left:0; bottom:0; z-index:-1}
.info-box-bl .con {color:#666; display:block; margin-top:1.5rem; padding-left:2px}
@media screen and (max-width:1000px) {
	.info-box-bl {padding:3rem}
}

/*인포박스-테두리 패턴*/
.info-wrap {position:relative; padding:8px; background:url('../../gokmg/img/sub/border-bg.gif') repeat left top; margin-bottom:5rem}
.info-box-p {background-color:#fff; padding:3rem 4rem}
.info-box-p > i {background-color:#f2f2f2; border-radius:100%; display:inline-block; width:10rem; height:10rem; line-height:10rem; margin-right:4rem; vertical-align:middle; text-align:center}
.info-box-p .desc {color:#666; display:inline-block; width:calc(100% - 14rem); margin-left:-4px; vertical-align:middle; word-break:keep-all; line-height:1.7}
.info-box-p .desc strong{color:#000; display:block; font-size:2rem; font-weight:500; margin-bottom:5px}
@media screen and (max-width:640px) {
	.info-box-p {text-align:center}
	.info-box-p i {margin:0 0 10px 0}
	.info-box-p .desc {width:100%; margin:0}
}

/*가로 행 박스*/
.row-box {margin:-2rem -2rem 3rem}
.row-box .row {border-spacing:2rem/*20px 기준시*/; clear:both; display:table; overflow:hidden; table-layout:fixed; width:100%}
.row-box .row > div,
.row-box .row > li {border:1px solid #d1d1d1; display:table-cell; padding:3rem}
.row-box .row.pa-no > div {padding:0}
.row-box .row.line-no > div {border:none}
.row-box .row + .row {margin-top:-2rem}
@media screen and (max-width:1000px) {
	.row-box {margin:0 0 5rem}
	.row-box .row {display:block}
	.row-box .row .img img{width:100%}
	.row-box .row li, .row-box .row > div  {display:block; margin:2rem 0 0}
	.row-box .row + * {margin:1rem 0}
	.row-box .row + .row {margin-top:0}
	.row-box .row .num {display:block; min-height:3rem; margin-top:1rem}
	.row-box .row .num i {top:0}
}

/*가로 행 박스에 아이콘 추가*/
.icon-row.row-box  li {padding:4.5rem 1rem 6rem; text-align:center}
.icon-row.row-box  li > i {display:block; width:7rem; height:6rem; margin:0 auto}
.icon-row.row-box  li strong {color:#242424; display:block; font-size:2rem; font-weight:400; margin:2.5rem 0 1.5rem}
.icon-row.row-box  li span {color:#242424}
.icon-row.row-box  li span span {color:#666; display:block; font-size:1.4rem; margin-top:0.5rem}
.icon-row.row-box  li ul li {padding:0.5rem 0}

/*콘텐츠 첨부파일(관련서류) 버튼*/
ul + .file-box {margin:1rem 0}
.file-box .list {border:1px solid #ccc; border-radius:0.2rem; color:#666; display:table; table-layout:fixed; font-size:1.4rem; position:relative; width:100%; padding:0}
.file-box .list > i {border-right:1px solid #eee; color:#333; display:table-cell; font-weight:500; font-size:1.5rem; width:13%; text-align:center; vertical-align:middle; position:relative; height:100%}
.file-box .list > i:before {content:''; font-family:'xeicon'; margin-right:0.5rem}
.file-box dl {border-top:1px dashed #e2e2e2; clear:both; display:inline-block; width:49.7%; overflow:hidden; padding:1rem; vertical-align:top; height:100%; margin:0}
.file-box dl:only-of-type {display:block; width:100%}
.file-box dl:nth-of-type(1), .file-box dl:nth-of-type(2){border-top:none}
.file-box dt {float:left; width:60%}
.file-box dd {float:right; width:40%; text-align:right}
.file-box .btn {display:inline-block; vertical-align:middle}
.file-box .btn a {border:1px solid #ccc; font-size:1.3rem; display:inline-block; padding:.5rem 1rem; margin-left:.5rem; transition:all .2s}
@media screen and (min-width:1025px){
	.file-box .btn a:hover {background-color:#333; border:1px solid #333; color:#fff}
}
@media screen and (max-width:1280px){

	.file-box dl {width:100%}
	.file-box dl:nth-of-type(2){border-top:1px dashed #e2e2e2}
	.file-box .list > i {border:0; display:block; padding:1rem 1rem 0 2rem; width:100%; text-align:left}
}
@media screen and (max-width:767px){

	.file-box dt,
	.file-box dd {float:none; width:100%; text-align:left}
	.file-box .btn {display:block; margin:0.5rem 0 0 0}
	.file-box .btn a:first-child {margin:0}
}

/*절차*/
.step-box {margin:-2rem -2rem 3rem}
.step-box .step {border-spacing:2rem; display:table; table-layout:fixed; width:100%}
.step-box .step > li {border:1px solid #d1d1d1; color:#525252; display:table-cell; text-align:center; padding:2rem; position:relative; vertical-align:middle}
.step-box .step > li:after {content:''; color:#999; font-size:2rem; font-family:'xeicon'; position:absolute; right:-2.1rem; top:50%; transform:translateY(-50%)}
.step-box .step > li:first-child {background-color:#95c02d; color:#fff; border:0}
.step-box .step > li:first-child ul li {color:#fff}
.step-box .step > li:first-child ul li:before {background-color:#fff}
.step-box .step > li:last-child {background-color:#243e5a; color:#fff; border:0}
.step-box .step > li:last-child ul li {color:#fff}
.step-box .step > li:last-child ul li:before {background-color:#fff}
.step-box .step > li:last-child:after {display:none}
.step-box .step > li:first-child > span.tt, .step-box .step > li:last-child > span.tt {border-color:rgba(255,255,255,0.2)}
.step-box .step > li .tt {border-bottom:1px solid #dadbe0; display:block; line-height:1.2; text-align:left; height:5rem; margin-bottom:1rem; padding-bottom:1rem; word-break:keep-all}
.step-box .step > li .con {display:block; text-align:left; word-break:keep-all; font-size:1.4rem}
@media screen and (max-width:1000px) {
	.step-box {margin:0 0 5rem}
	.step-box .step {display:block}
	.step-box .step > li  {display:block; margin:2rem 0 0}
	.step-box .step > li:after {content:''; left:50%; top:auto; bottom:-2.5rem; transform:translate(-50%, 0)}
	.step-box .step > li > .tt {height:auto}
}

.step-box2 {margin:-3rem -3rem}
.step-box2 .step {border-spacing:3rem; display:table; table-layout:fixed; width:100%}
.step-box2 .step > li {border:1px solid #d1d1d1; color:#525252; display:table-cell; text-align:center; position:relative; vertical-align:middle}
.step-box2 .step > li:after {content:''; background-color:#10355e; border-radius:100%; color:#fff; font-size:1.8rem; font-family:'xeicon'; position:absolute; right:-2.8rem; top:50%; transform:translateY(-50%); width:2.4rem; height:2.4rem; line-height:2.4rem}
.step-box2 .step > li:last-child:after {display:none}
.step-box2 .step > li .tt {border-bottom:1px solid #d1d1d1; color:#10355e; display:flex; align-items:center; justify-content:center; font-size:1.8rem; font-weight:700; height:6rem; word-break:keep-all}
.step-box2 .step > li .con {display:block; padding:1.5rem; text-align:left; word-break:keep-all; font-size:1.4rem}
.step-box2 .step > li .con .stt {display:block; font-size:1.6rem; font-weight:500; color:#333; text-align:center; margin-bottom:1rem}
.step-box2 .step > li .con ul {background-color:#f3f3f3; padding:1rem; margin-left:0}
.step-box2 .step > li .con ul li {font-size:1.4rem}
.step-box2 .step > li .con ul li:before {top:0.8rem}
@media screen and (max-width:1000px) {
	.step-box2 {margin:-3rem 0 5rem}
	.step-box2 .step {display:block}
	.step-box2 .step > li  {display:block; margin:3rem 0 0}
	.step-box2 .step > li:after {content:''; left:50%; top:auto; bottom:-2.8rem; transform:translate(-50%, 0)}
}

/*절차-세로*/
.step-row .step > li {display:table; table-layout:fixed; width:100%; position:relative; padding-bottom:5rem}
.step-row .step > li .tt {border:1px solid #d1d1d1; background-color:#e9edf4; color:#2f71d2; display:table-cell; width:30%; padding:3rem 2rem; vertical-align:middle}
.step-row .step > li .tt .num i{background-color:#2f71d2} 
.step-row .step > li .con {border:1px solid #d1d1d1; border-left:0; display:table-cell; width:70%; padding:3rem 2rem}
.step-row .step > li .con ul {padding-bottom:0}
.step-row .step > li:after {content:''; color:#999; font-size:2rem; font-family:'xeicon'; position:absolute; right:50%; bottom:1rem; transform:translate(-50%)}
.step-row .step > li:last-child {padding-bottom:0}
.step-row .step > li:last-child:after {content:none}   
@media screen and (max-width:1000px) {
	.step-row .step > li .tt {border-bottom:0; display:block; width:100%} 
	.step-row .step > li .con {border-left:1px solid #d1d1d1; display:block; width:100%}  
	.step-row .step > li:after{left:50%; right:auto}
}

/*간단한 절차*/
.simple-step {border-top:2px solid #333; border-bottom:1px solid #d1d1d1; padding:2rem; margin:1rem 0}
.simple-step strong {display:inline-block; border-right:1px solid #ccc; margin-right:2rem}
.simple-step ul {display:inline-block}
.simple-step ul li {display:inline-block}
.simple-step ul li:after {content:''; color:#fff; font-family:'xeicon'; background-color:#444b66; border-radius:100%; width:2rem; height:2rem; display:inline-block; margin:0 1rem; text-align:center; line-height:1.3; vertical-align:-1px}
.simple-step ul li:last-child:after {content:none}
.simple-step + .simple-step {margin-top:-1rem; border-top:0}
@media screen and (max-width:680px) {
	.simple-step strong {font-size:1.8rem; margin-bottom:1rem; display:block}
	.simple-step strong:after {content:none}
}

/* faqType */
.faqType {border-bottom:1px solid #d6d8e0}
.faqType .group {border:1px solid #d6d8e0; border-bottom:0; word-break:keep-all}
.faqType .group.active .label::before {background-color:#116eb4}
.faqType .group.active .label::after {-webkit-transform:rotate(180deg); transform:rotate(180deg)}
.faqType .group.active .item {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1; padding-top:5rem; padding-bottom:5rem; -webkit-transition:all 0.2s; transition:all 0.2s}
.faqType .item {border-top:1px dashed #e9e9e9; background-color:#f9f9f9; visibility:hidden; overflow:hidden; width:0; height:0; opacity:0; position:relative; padding:0 5rem}
.faqType .label {color:#333; font-size:2rem; font-weight:500; display:block; position:relative; padding:4rem 5rem}
.faqType .label::after {font-size:2.2rem; position:absolute; right:3rem; bottom:3.5rem; font-family:'xeicon'; font-weight:400; color:#999; content:''; -webkit-transition:all 0.2s; transition:all 0.2s}
.faqType  ul li span {display:block}
.faqType .item h3:first-child {margin-top:0}
.faqType .item > div {color:#666; margin-top:1rem}
.faqType .item > div > p {margin-left:2rem; margin-bottom:0.5rem}

/*사업안내*/
.biz-info {display:flex; flex-wrap:wrap; width:calc(100% + 2rem); margin-bottom:5rem}
.biz-info .item {border-radius:1rem; flex:1 1; margin-right:2rem; width:calc(50% - 2rem); overflow:hidden; padding:2rem; text-align:center}
.biz-info .item:nth-child(1) {background-color:#fdf7dc}
.biz-info .item:nth-child(2) {background-color:#e6f1cf}
.biz-info .item:nth-child(3) {background-color:#dcf5fd}
.biz-info .item i {background-color:#fff; border-radius:100%; display:block; width:7rem; height:7rem; margin:0 auto 1rem}
.biz-info .item strong {color:#000; display:block; font-size:1.6rem; font-weight:500}
.biz-info .item span {color:#666; display:block; font-size:1.6rem}
.biz-list {border:1px solid #ddd; border-radius:0.5rem; padding:0 2rem; margin-bottom:5rem}
.biz-list > ul {display:flex; flex-wrap:wrap; width:calc(100% + 1rem)}
.biz-list > ul > li {border-bottom:1px dashed #ddd; color:#333; width:calc(50% - 1rem); padding:1.8rem 12rem 1.2rem 2.3rem; position:relative; margin-right:1rem; margin-bottom:-1px}
.biz-list > ul > li:before {content:''; background-color:#999; border-radius:100%; position:absolute; left:1rem; top:2.5rem; width:0.5rem; height:0.5rem}
.biz-list > ul > li > a {border:1px solid #10355e; border-radius:100rem; color:#10355e; display:inline-block; font-size:1.4rem; padding:0.7rem 1rem 0.2rem; position:absolute; right:1rem; top:1rem; transition:all .3s}
.biz-list > ul > li > a i {vertical-align:-1px}

.overview {display:flex; flex-wrap:wrap; margin-bottom:6rem; min-height:35.5rem; position:relative}
.overview .img {background-color:#fff; background-size:cover; border-radius:0.5rem; overflow:hidden; position:relative; max-width:51rem; width:47.443%; min-height:37rem;}
.overview .img img {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); min-height:100%; object-fit:cover}
.overview .desc {background:url('../../gokmg/img/sub/icon-logo.png') no-repeat right bottom 3.5rem; padding:7.5rem 3.5rem 6.5rem; position:relative; word-break:keep-all; width:calc(100% - 47.443%)}
.overview .desc:before {content:''; background:url('../../gokmg/img/sub/border-bg.gif') repeat left top; transform:scaleX(-1); width:100%; height:1rem; position:absolute; left:0; top:0; z-index:-1}
.overview .desc:after {content:''; background:url('../../gokmg/img/sub/border-bg.gif') repeat left top; transform:scaleX(-1); width:100%; height:1rem; position:absolute; left:0; bottom:0; z-index:-1}
.overview .desc .title {color:#333; display:block; font-size:2.8rem; font-weight:500; font-family:'gmk'; line-height:1.4}
.overview .desc .txt {color:#666; display:block; font-size:1.6rem; line-height:1.4; margin-top:1rem; margin-bottom:2rem}
.overview .desc .dep03 {margin-left:0}
.overview .desc .dep03 > li {margin:1rem 0; display:flex}
.overview .desc .dep03 > li:before {background-color:#96c036}
.overview .desc .dep03 > li > strong {color:#333; font-weight:500; width:8rem}
.overview .desc .dep03 > li > strong + * {color:#666; width:calc(100% - 8rem)}
.overview .desc .dep03 > li.flex-w {flex-wrap:wrap}
.overview .desc .dep03 > li.flex-w > strong + * {width:100%}
.overview .desc .btnbox {margin-top:3rem}
.overview .desc .btnbox a {padding:0.6rem 1.5rem; border-radius:100rem}
.photo-slide {margin-top:6rem}
.photo-slide .list {clear:both}
.photo-slide .item {background-color:#000; float:left; height:30.5rem; width:30.5rem !important; position:relative; margin-right:2rem}
.photo-slide .item:after {content:''; border:7px solid transparent; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; transition:all .3s}
.photo-slide .item img {display:block; min-height:100%; opacity:0.5; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s}
.photo-slide .slick-active .item {width:42.5rem !important; transition:all .3s}
.photo-slide .slick-active .item:after {border-color:#00b1ec}
.photo-slide .slick-active .item img {opacity:1}
.photo-slide .slick-arrow {background-color:#fff; box-shadow:0 0 28px rgba(47,47,47,0.15); border-radius:100%; color:#999; font-size:3rem; width:4.5rem; height:4.5rem; line-height:4.5rem; text-align:center; overflow:hidden; position:absolute; top:40%; transform:translateY(-50%); transition:all .3s; z-index:1}
.photo-slide .slick-arrow:before {display:block; font-family:'xeicon'; width:100%; height:100%; line-height:inherit}
.photo-slide .slick-arrow.prev {left:-2rem}
.photo-slide .slick-arrow.prev:before {content:''}
.photo-slide .slick-arrow.next {right:-2rem}
.photo-slide .slick-arrow.next:before {content:''}
.photo-slide .slick-arrow:hover {background-color:#00b1ec; color:#fff}
.photo-slide .slick-dots {margin-top:4.5rem; text-align:center}
.photo-slide .slick-dots li button {border:0; background-color:#c2c2c2; transition:all .3s}
.photo-slide .slick-dots li.slick-active button {background-color:#00b1ec; width:4rem}

@media screen and (min-width:1025px) {
	.biz-list > ul > li > a:hover {background-color:#10355e; color:#fff}
}
@media screen and (max-width:1024px) {
	.overview {flex-direction:column; gap:3rem;}
	.overview .img {width:100%; max-width:100%; height:inherit; min-height:0; display:flex; justify-content:center;}
	.overview .img img {position:static; transform:translate(0, 0);}
	.overview .desc {width:100%; padding:5rem 2rem}
	.overview .desc .dep03 {margin-left:0.5rem}
}
@media screen and (max-width:767px) {
	.biz-list > ul > li {width:calc(100% + 1rem)}
	
}

@media screen and (max-width:640px) {
	.biz-info .item {flex:auto; width:calc(100% + 2rem)}
	.biz-info .item + .item {margin-top:2rem}
}

/*지도*/
.map-box {border:1px solid #ddd; border-radius:0.5rem; overflow:hidden}
.map-box .map_border {display:none}
.map-box .wrap_controllers {display:none}
.map-box .map-info {background-color:#fff; padding:2rem 3rem; position:relative}
.map-box .map-info .title {border-bottom:1px solid #f2f2f2; color:#333; display:block; font-size:2.4rem; margin-bottom:2rem; padding-bottom:1.5rem}
.map-box .map-info .desc .item + .item {margin-left:5rem}
.map-box .map-info .desc .label {background-color:#10355e; border-radius:100%; color:#fff; display:inline-block; font-size:1.8rem; width:3.5rem; height:3.5rem; line-height:3.5rem; margin-right:0.5rem; text-align:center; overflow:hidden; vertical-align:middle}
.map-box .map-info .desc .label i {display:block; width:100%; height:100%; line-height:inherit}
.map-box .map-info .desc .con {display:inline-block; vertical-align:middle}
.map-box .map-info .sns {border-radius:100%; color:#fff; width:3.5rem; height:3.5rem; line-height:3.5rem; overflow:hidden; text-align:center; position:absolute; right:3rem; bottom:2rem}
.map-box .map-info .sns i {display:block; font-size:2rem; width:100%; height:100%; line-height:inherit}
.map-box .map-info .insta {background:radial-gradient(circle farthest-corner at 32% 106%,#ffe17d 0%,#ffcd69 10%,#fa9137 28%,#eb4141 42%,transparent 82%) , linear-gradient(135deg,#234bd7 12%,#c33cbe 58%)}
.map-box .map-info .link {position:absolute; right:3rem; top:1.5rem}
.map-box .map-info .link .item {border:1px solid #10355e; border-radius:0.3rem; color:#10355e; font-size:1.5rem; display:inline-block; margin-left:0.5rem; vertical-align:top}
.map-box .map-info .link .item a {display:block; padding:0.8rem 1rem 0.5rem; width:100%; height:100%}
.map-box .map-info .link .item i {margin-left:0.5rem; transition:all .3s}

@media screen and (min-width:1024px) {
	.map-box .map-info .link .item:hover i {transform:translateX(3px)}
}

@media screen and (max-width:640px) {
	.map-box .map-info .desc .item + .item {display:block; margin-left:0; margin-top:1rem}
	.map-box .map-info .desc .con {width:calc(100% - 4.5rem)}
}

/*사진*/
.photo-list > * {display:flex; flex-wrap:wrap; width:calc(100% + 2rem)}
.photo-list > * > * {width:calc(25% - 2rem); margin-right:2rem; position:relative}
.photo-list > * > *:nth-child(n+5) {margin-top:2rem}
.photo-list > * > * > span {background-color:rgba(0,0,0,0.6); color:#fff; display:block; font-size:1.4rem; position:absolute; left:0; bottom:0; padding:0.7rem 1rem; text-align:center; width:100%}

@media screen and (max-width:640px) {
	.photo-list > * > * {width:calc(50% - 2rem)}
	.photo-list > * > *:nth-child(n+3) {margin-top:2rem}
}