/* 공통 : btn_more */
.tit_wrap {display:flex; flex-direction:column; width:16.2rem; text-align:center; padding-right:4rem; padding-bottom:1rem; letter-spacing:-1px;}
h2 {font-size:1.4rem; font-weight:800; color:#111;}
h2 strong {color:#052f60; font-weight:800;}
.tit_wrap h2 span {display:block; color:#111; margin:1rem 0 2.5rem; font-size:0.8rem; font-weight:400;}
.btn_more { display:inline-block; position:relative; letter-spacing:-2px; padding: 0 0.75rem 0 1rem; line-height:1.7rem; background:#fff;  margin:0 auto; border-radius:0.85rem; text-align:center; -ms-transition:all 0.15s; transition:all 0.15s; }
.btn_more i {font-size:1.1rem; margin-left:0.25rem; vertical-align:middle; margin-top:-0.2rem;}
/** 더보기 :active **/
.btn_more:hover,
.btn_more:focus { background:#052f60; color:#fff; }

/* 메인비주얼 */
.MVisual0002 {position:relative; overflow:hidden; height:100%; background: #eee; border-bottom-right-radius:3rem; font-size:0; }
.MVisual0002 img{position:relative; width:auto; height:100%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); }
.MVisual0002 .txt {color:#111; position:absolute; left:50%; margin-left:-35rem; top:50%; transform:translateY(-80%); -webkit-transform:translateY(-80%);}
.MVisual0002 .txt strong {font-size:2.5rem; font-family:'GmarketSans'; font-weight:400;}
.MVisual0002 .txt strong em {font-weight:600; margin-left:0.5rem;}
.MVisual0002 .txt strong .color1 {color:#ff4326; margin-left:0;}
.MVisual0002 .txt strong .color2 {color:#002b60;}
.MVisual0002 .txt strong .color3 {color:#00947e;}
.MVisual0002 .txt strong .color4 {color:#0063ae;} 
.MVisual0002 .txt span {display:block; font-size:1.1rem; letter-spacing:-1px; margin-top:0.25rem;}
.MVisual0002 .txt br {display:none;}

/* 바로가기1 */
.M_vision0002 { position:relative; height:100%; text-align:center; padding-top:3.15rem; color:#111; z-index:1;}
.M_vision0002:before {content:''; position:absolute; left:50%; margin-left:-7.25rem; top:4.25rem; width:35px; height:72px; background:url('/images/pen/template/T0002/main/vision_deco_03.png') no-repeat 0 0 / contain;  z-index:-1;}
.M_vision0002:after {content:''; position:absolute; right:50%; margin-right:-8rem; bottom:1.65rem; width:47px; height:97px; background:url('/images/pen/template/T0002/main/vision_deco_04.png') no-repeat 0 0 / contain;  z-index:-1;}
.M_vision0002 span {display:inline-block; font-size:1rem;}
.M_vision0002 span em {font-weight:700;}
.M_vision0002 h2 { margin:0.8rem 0 1.4rem; display:block;}

/* 바로가기2 */
.M_link0002 { position:relative; height:100%; }
.M_link0002 ul{display:flex; flex-wrap:wrap; width:100%;}
.M_link0002 li { width:24.2%; }
.M_link0002 li:last-child {width:27.4%;}
.M_link0002 li a { display:flex; align-items:center; position:relative; width:100%; padding: 0 0.5rem; word-break:keep-all; text-align:center; -ms-transition:all 0.15s; transition:all 0.15s; }
.M_link0002 li a .img { display:inline-block; width:3.5rem; height:3.5rem; background:#f4f4f4; line-height: 4.95rem; border-radius: 50%; text-align: center; }
.M_link0002 li a p { position:relative; flex:1; width:calc(100% - 4.5rem); margin-left:1rem; text-align:left;}
.M_link0002 li a p:before {content:''; position:absolute; top:-0.3rem; left:0.1rem; width:8px; height:8px; border-radius:50%; background:#ffaa00; opacity:0;}
.M_link0002 li a span { display:inline-block; max-height:2.25rem; overflow:hidden; color:#111; word-break:keep-all; letter-spacing:-1px;}
.M_link0002 li a span:after {content:'\e90b'; font-family:'xeicon'; margin-left:0.5rem; opacity:0;}
/** 바로가기1 :active **/
.M_link0002 li a,
.M_link0002 li a .img,
.M_link0002 li a p,
.M_link0002 li a p:before,
.M_link0002 li a span,
.M_link0002 li a span:after { -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.M_link0002 li a:hover p:before,
.M_link0002 li a:focus p:before {top:-0.65rem; opacity:1;}
.M_link0002 li a:hover span,
.M_link0002 li a:focus span {font-weight:700;}
.M_link0002 li a:hover span:after,
.M_link0002 li a:focus span:after {opacity:1;}
.M_link0002 li a:hover .img,
.M_link0002 li a:focus .img{ background:#fff1da; }

/* 정책방향과 과제 */
.policy0002 {display:flex; align-items:center;}
.policy0002 ul {display:flex; flex-wrap:wrap; width:calc(100% - 14.5rem); margin: -1.6rem -1.7rem;}
.policy0002 ul li {width:33.3%; padding:1.6rem 0 0 1.7rem;}
.policy0002 ul li a {position:relative; display:block; border-radius:1.5rem; border:3px solid transparent; padding:1.45rem 1.3rem; color:#111; overflow:hidden;}
.policy0002 ul li:nth-child(1) a {border-color:#ff593f;}
.policy0002 ul li:nth-child(2) a {border-color:#ff7f00;}
.policy0002 ul li:nth-child(3) a {border-color:#afd021;}
.policy0002 ul li:nth-child(4) a {border-color:#73bd4a ;}
.policy0002 ul li:nth-child(5) a {border-color:#00a88e;}
.policy0002 ul li:nth-child(6) a {border-color:#01adc3;}
.policy0002 ul li a:before {content:''; position:absolute; right:-13rem; bottom:-13rem; width:13rem; height:13rem; border-radius:50%; opacity:0.1;}
.policy0002 ul li:nth-child(1) a:before {background:#ff593f;}
.policy0002 ul li:nth-child(2) a:before {background:#ff7f00;}
.policy0002 ul li:nth-child(3) a:before {background:#afd021;}
.policy0002 ul li:nth-child(4) a:before {background:#73bd4a;}
.policy0002 ul li:nth-child(5) a:before {background:#00a88e;}
.policy0002 ul li:nth-child(6) a:before {background:#01adc3;}
.policy0002 ul li a .num {font-size:1.4rem; font-family:'GmarketSans'; font-weight:700;}
.policy0002 ul li a .index {position:relative; font-size:1rem; margin-left:1.75rem; font-weight:700;}
.policy0002 ul li a .index:before {content:''; position:absolute; left:-1.1rem; top:calc(50% - 4px); width:8px; height:8px; border-radius:50%; z-index:-1;}
.policy0002 ul li:nth-child(1) a .index:before {background:#ff593f;}
.policy0002 ul li:nth-child(2) a .index:before {background:#fd8103;}
.policy0002 ul li:nth-child(3) a .index:before {background:#aece21;}
.policy0002 ul li:nth-child(4) a .index:before {background:#74be4b;}
.policy0002 ul li:nth-child(5) a .index:before {background:#01a88c;}
.policy0002 ul li:nth-child(6) a .index:before {background:#00acc2;}
.policy0002 ul li a p {padding:0.5rem 0 0 1rem;} 
.policy0002 ul li a .img {position:absolute; right:1rem; bottom:0.9rem;}
.policy0002 .tit_wrap .btn_more {background:#052f60; color:#fff;}
/** 정책방향과 과제 :active **/
.policy0002 ul li a,
.policy0002 ul li a:before,
.policy0002 ul li a .index,
.policy0002 ul li a .index:before { -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.policy0002 ul li a:hover:before,
.policy0002 ul li a:focus:before {right:-6rem; bottom:-8.65rem;}
.policy0002 ul li a:hover .index,
.policy0002 ul li a:focus .index {color:#fff;}
.policy0002 ul li a:hover .index:before,
.policy0002 ul li a:focus .index:before {top:calc(50% - 17px); width:5.9rem; height:34px; border-radius:17px;}
.policy0002 .btn_more:hover,
.policy0002 .btn_more:focus { background:#f6a80a; color:#111; }

/* 갤러리 */
.gallery0002 { position:relative; display:flex; align-items:center;}
.gallery0002:before {content:''; position:absolute; top:-8.7rem; left:0.25rem; width:228px; height:153px; background:url('/images/pen/template/T0002/main/wrap3_deco_01.png') no-repeat 0 0 / contain;}
.gallery0002 .list_box{ width:calc(100% - 16.2rem);}
.gallery0002 .list_box:after {content:''; display:block; clear:both;}
.gallery0002 .list_box li{width:29%; float:left; }
.gallery0002 .list_box li:nth-child(n+4) { display:none; }
.gallery0002 .list_box li + li{margin-left:6.5%;}
.gallery0002 .list_box li.no_data{ text-align:center; width:100%; line-height: 12rem; background: #eee; border-radius: 1rem;}
.gallery0002 .list_box a { position:relative; display:block; border-radius:1.5rem; background:#fff; padding-bottom:1rem;}
.gallery0002 .list_box a:after { position: absolute; top:0; left:0; bottom:0; right:0; border: 3px solid #cdd5e0; border-radius:1.5rem; display: block; content: ''; opacity: 0 }
.gallery0002 .list_box a .img{ position:relative; height:9.4rem; overflow:hidden; background:#fafafa; border-radius:1.5rem 1.5rem 0 1.5rem; box-shadow: 0 0 1rem rgba(0,0,0,0.15); -webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s; }
.gallery0002 .list_box a .img img { position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:auto; height:100%; }
.gallery0002 .list_box a span{ display: -webkit-box; -webkit-box-orient: vertical; height: 2.5rem; line-height: 1.3rem; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; margin-top: 1.25rem; padding:0 1rem; font-size: 0.85rem; color: #111; font-weight:600;}
.gallery0002 .list_box a.new span:before {content:'\e9a8'; font-family:'xeicon'; font-size:0.9rem; color:#052f60; margin-right:0.25rem;}
.gallery0002 .list_box a .data {display:block; padding:0 1rem; margin-top:0.75rem; font-size:0.75rem; color:#666;}
.gallery0002 .list_box a .data i {margin-right:0.5rem;}
/** 갤러리 :active **/
.gallery0002 .list_box a,
.gallery0002 .list_box a .img,
.gallery0002 .list_box a:after {-webkit-transition:all 0.15s; -ms-transition:all 0.15s; transition:all 0.15s;}
.gallery0002 .list_box a:hover,
.gallery0002 .list_box a:focus{ box-shadow: 0 0 0.75rem rgba(0,0,0,0.15); }
.gallery0002 .list_box a:hover:after,
.gallery0002 .list_box a:focus:after{ opacity: 1; box-shadow: 0 0 0.5rem rgba(0,0,0,0.075); }
.gallery0002 .list_box a:hover .img{ border-radius:1.5rem 1.5rem 0 0;}
.gallery0002 .list_box a:hover span,
.gallery0002 .list_box a:focus span{ font-weight: 700; color: #2e62a8; }

/* 배너존 */
.banner_zone {line-height:1; border-top:1px solid #d1d8e4;}
.banner_zone .container {position:relative; height:3.75rem; overflow:hidden;}
.banner_zone h2 {float:left; margin-top:1.5rem; width:4rem; font-size:0.8rem; font-weight:600; color:#191919;}
.banner_zone .btn {float:left; margin-top:1.2rem; overflow:hidden; border-left:1px solid #ccc;}
.banner_zone .btn a {float:left; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; overflow:hidden; border:1px solid #ccc; border-left:0;}
.banner_zone .btn a.play{display:none;}
.banner_zone .bnWrap { position:relative; width:calc(100% - 10rem); float:left; padding-top:0.75rem; padding-left:1.5rem; overflow:hidden;}
.banner_zone .bnWrap:after {content:"";display:block;position:absolute;right:0;top:0;width:4rem;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.5) 75%,#fff 100%)}
.banner_zone .slick-track {margin-bottom:1px;}
.banner_zone .bnWrap a {position:relative; display:block; font-size:0.75rem; height:2.25rem; line-height:2.05rem; text-align:center; margin:0 5px; padding:0 1.75rem 0 1.25rem; border:1px solid #c8d1db; overflow:hidden;}
.banner_zone .bnWrap a:after {content:'\e980'; font-family:'xeicon'; position:absolute; right:0.75rem; top: 0; font-size:0.7rem; color:#b5b5b5;}
.banner_zone .bnWrap a img {max-width:100%; max-height:100%; vertical-align:middle;}

@media screen and (max-width: 1760px) {
	/* 메인비주얼 */
	.MVisual0002 img{width:100%; height:auto;}
	
	/* 바로가기2 */
	.M_link0002 li { width:25%; }
	.M_link0002 li:last-child {width:25%;}
    
}

@media (max-width:1600px) { 
	.MVisual0002 .txt {left:4rem; margin-left:0;}
	.MVisual0002 .txt strong {font-size:2.2rem;} 
	.MVisual0002 .txt span {font-size:1rem;}
}

@media (max-width:1440px) { 
	
	/* 바로가기2 */
	.M_link0002 li { width:50%; }
	.M_link0002 li:last-child {width:50%;}
	.M_link0002 li:nth-child(n+3) {margin-top:0.75rem;}
}

@media (max-width:1280px) {
	/* 공통 : btn_more */
	.tit_wrap {flex-direction:initial; align-items:center; justify-content:space-between; width:100%; padding-right:0; padding-bottom:1rem;}
	h2 {display:flex; align-items:center;}
	.tit_wrap h2 span {margin:0 0 0 1rem;}
	.btn_more { margin:0; }
	
	.MVisual0002 img{left:55%; width:110%;}

	/* 정책방향과 과제 */
	.policy0002 {flex-direction:column; align-items:start;}
	.policy0002 ul {width:calc(100% + 1.6rem);}
	
	/* 갤러리 */
	.gallery0002 { flex-direction:column; align-items:start;}
	.gallery0002:before {display:none;}
	.gallery0002 .list_box{width:100%;}
	.gallery0002 .list_box li{width:31%; }
	.gallery0002 .list_box li + li{margin-left:3.5%;}
}

@media (max-width:1024px) {
    /* 메인비주얼 */
	.MVisual0002 img{width:140%; left:58%}
	.MVisual0002 .txt {left:2rem;}
	
	/* 정책방향과 과제 */
	.policy0002 ul {width:calc(100% + 1.1rem); margin: -1rem -1.1rem;}
	.policy0002 ul li {padding:1rem 0 0 1.1rem;}
	
	/* 갤러리 */
	.gallery0002 .list_box li{width:31.5%; }
	.gallery0002 .list_box li + li{margin-left:2.6%;}
}

@media (max-width:860px) {
	.MVisual0002 .txt strong {font-size:1.9rem;} 
	.MVisual0002 .txt span {font-size:0.85rem;}
	
	/* 바로가기1 */
	.M_vision0002:before {margin-left:-6.5rem;}
	.M_vision0002:after {margin-right:-7rem;}

	/* 정책방향과 과제 */
	.policy0002 ul li a p {padding-left:0;}
	.policy0002 ul li a .img {right:0.5rem; bottom:0.7rem;}
	.policy0002 ul li a .img img {max-width:80%;}
	
    /* 배너존 */
	.banner_zone h2{display:none;}
	.banner_zone .bnWrap{width:calc(100% - 6rem); padding-left:0.75rem;}
}

@media (max-width:768px) {
	h2 {font-size:1.2rem;}
	
	/* 메인비주얼 */
	.MVisual0002 {border-bottom-right-radius: 2.5rem;}
	
	/* 정책방향과 과제 */
	.policy0002 ul li {width:50%;}
	.policy0002 ul li a {padding:1rem 1.2rem;}
	
	/* 갤러리 */
	.gallery0002 .list_box li{width:48.5%; }
	.gallery0002 .list_box li:nth-child(n+3) { display:none; }
}

@media (max-width:650px) {
	.MVisual0002 img {width:160%; left:60%;}
	.MVisual0002 .txt {transform:translateY(-55%); -webkit-transform:translateY(-55%);}
	.MVisual0002 .txt strong {font-size:2rem;}
	.MVisual0002 .txt strong .color3 {margin-left:0;}
	.MVisual0002 .txt span {line-height:1.5;}
	.MVisual0002 .txt br {display:block;}
	
    /* 바로가기1 */
    .M_vision0002 {padding:1.25rem 0;}
    .M_vision0002:before {left:1.5rem; margin-left:0;}
    .M_vision0002:after {right:1.5rem; margin-right:0;}
    .M_vision0002 h2 {margin:0.4rem 0 0.65rem;}
    
    /* 정책방향과 과제 */
    .policy0002 ul li a {border-radius:1rem;}
    
    /* 갤러리 */
    .gallery0002 .list_box a,
    .gallery0002 .list_box a:after {border-radius:1rem;} 
    .gallery0002 .list_box a .img {border-radius:1rem 1rem 0 1rem;}
    .gallery0002 .list_box a:hover .img{ border-radius:1rem 1rem 0 0;}
}

@media (max-width:560px) { 
	.tit_wrap h2 span {display:none;}
}

@media (max-width:480px) {
	.MVisual0002 img {width:180%;}
	.MVisual0002 .txt strong {font-size:1.6rem;}
	
	/* 바로가기2 */
	.M_link0002 li a .img {width:2.75rem; height:2.75rem; line-height:4rem;}
	.M_link0002 li a .img img {max-width:70%;}
	.M_link0002 li a p {width:calc(100% - 3.25rem); margin-left:0.5rem;}
	.M_link0002 li a span {word-break:break-all;}
	
    /* 정책방향과 과제 */
    .policy0002 ul {margin:-0.65rem -0.75rem;}
    .policy0002 ul li {padding: 0.65rem 0 0 0.75rem;}
    .policy0002 ul li a {display:flex; flex-direction:column; padding:0.5rem 0.75rem; border-width:2px;}
    .policy0002 ul li a .num {font-size:0.95rem;}
    .policy0002 ul li a .index {font-size:0.9rem; margin-left:0.75rem;}
    .policy0002 ul li a .index:before {width:6px; height:6px; left:-0.75rem;}
    .policy0002 ul li a p {display:none;}
    .policy0002 ul li a .img {right:-0.75rem; bottom:50%; transform:translateY(50%);}
    .policy0002 ul li a .img img {max-width:60%;}
    .policy0002 ul li a:hover:before,
	.policy0002 ul li a:focus:before {right:-7.5rem; bottom:-9.65rem;}
    .policy0002 ul li a:hover .index:before,
	.policy0002 ul li a:focus .index:before {top:calc(50% - 15px); width:5rem; height:30px;}
}

@media (max-width:380px) {
	.MVisual0002 img {width:200%;}
	.MVisual0002 .txt {left:1rem;}
	.MVisual0002 .txt strong {font-size:1.4rem; line-height:1.2;}
	.MVisual0002 .txt span {font-size:0.75rem; line-height:1.4;}
	
	/* 바로가기2 */
	.M_link0002 li a .img {width:2.5rem; height:2.5rem; line-height:3.5rem;}
	.M_link0002 li a p {width:calc(100% - 3rem);}
	
	/* 갤러리 */
	.gallery0002 .list_box li{width:100%; }
	.gallery0002 .list_box li:nth-child(n+2) { display:none; }
}

@media (max-width:350px) {
	.policy0002 .btn_more,
	.gallery0002 .btn_more { padding: 0 0.45rem 0 0.35rem; border-radius:0.85rem; font-size:0; }
	.policy0002 .btn_more i,
	.gallery0002 .btn_more i {font-size:1.1rem; margin-left:0; margin-top:0; margin-bottom:-2px;}

	/* 바로가기1 */
	.M_vision0002:after {right:0.75rem;}
	
	/* 바로가기2 */
	.M_link0002 li { width:100%;}
	.M_link0002 li:last-child {width:100%;}
	.M_link0002 li:nth-child(n+2) {margin-top:0.5rem;}
	
	/* 정책방향과 과제 */
    .policy0002 ul li a .img {display:none;}
}