@charset "utf-8";

.common_like {
    display: inline-block;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 20px;
    background: url(https://www.foresttrip.go.kr/portal/images/main/like.png?t_=201908161800) no-repeat 0 50%;
}

.common_coment {
    display: inline-block;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    padding-left: 20px;
    background: url(https://www.foresttrip.go.kr/portal/images/main/coment.png?t_=201908161800) no-repeat 0 50%;
}

/*봄*/
/*.section_1{height:390px;padding-top:115px;margin-top:-88px;background:url(https://www.foresttrip.go.kr/portal/images/main/s_2_bg.jpg?t_=201912241622) no-repeat 50% 100%;background-size:cover}*/

/*여름*/
/* .section_1{height:390px;padding-top:115px;margin-top:-88px;background:url(https://www.foresttrip.go.kr/portal/images/main/s_3_bg.jpg?t_=201912241622) no-repeat 50% 100%;background-size:cover} */

/*가을*/
.section_1 {
    height: 550px;
    padding-top: 100px;
    position: relative;
    z-index: 1;
}

/*겨울*/
/* .section_1{height:390px;padding-top:115px;margin-top:-88px;background:url(https://www.foresttrip.go.kr/portal/images/main/s_1_bg.jpg?t_=201912241622) no-repeat 50% 100%;background-size:cover} */

.section_1 .s_1_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}

.section_1 .s_1_img img {
	width: auto;
	height: 100%;
	animation: visualZoomIn 2s ease-in-out forwards;
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	max-width: none;
}

@keyframes visualZoomIn {
	from {
		transform: translate(-50%, -50%) scale(1);
	}
	
	to {
		transform: translate(-50%, -50%) scale(1.15);
	}
}

.section_1 h2 {
    text-align: center;
    font-size: 36px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5), 0 0 2px rgba(0, 0, 0, 0.5);
    background: url(/portal/images/main/eco_visual_txt.png) no-repeat;
    width: 525px;
    height: 75px;
    margin: 0 auto;
}

.section_1 p {
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.5);
}

.section_1 p br {
    display: none
}

.section_1 .s_1_shortcut {
    margin: 60px auto 0;
    text-align: center;
}

.section_1 .s_1_shortcut:after {
    content: '';
    display: block;
    clear: both
}

.section_1 .s_1_shortcut div {
    width: 135px;
    height: 149px;
    text-align: center;
    margin: 0 10px;
    display: inline-block;
}

.section_1 .s_1_shortcut div a {
    display: block;
    height: 100%;
    padding-top: 40px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
    background: url(/portal/images/main/eco_shortcut.png) no-repeat;
    background-size: 100%;
    font-family: 'SCDream', sans-serif;
}

.section_1 .s_1_shortcut div a:focus {
	outline: 3px dashed #fff !important;
}

.section_1 .s_1_shortcut div a:hover span,
.section_1 .s_1_shortcut div a:focus span {
	top: -5px;
}

.section_1 .s_1_shortcut div a span {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    position: relative;
    top: 0;
    transition: all .2s;
}

.section_1 .s_1_shortcut div a span img {}

.section_1 .s_1_shortcut .shct_1 {
    background: url(/portal/images/main/eco_shortcut_em.png) no-repeat;
    background-size: 100%;
}

.section_1 .s_1_location {
	color: #fff;
	font-family: 'SCDream', sans-serif;
	background: url(/portal/images/main/eco_location.png) no-repeat;
	position: absolute;
	right: 40px;
	top: 30px;
	padding-left: 25px;
	background-size: 19px;
}

.section_1 .s_1_location strong {
	font-weight: 500;
	color: #fff;
	font-family: 'SCDream', sans-serif;
}

@media (max-width:825px) {

    .section_1 .s_1_shortcut div {
    	margin: 0 2px;
    }

    .section_1 .s_1_shortcut .shct_1 img {
        width: 25px
    }

    .section_1 .s_1_shortcut .shct_2 img {
        width: 25px;
    }

    .section_1 .s_1_shortcut .shct_3 img {
        width: 25px
    }

    .section_1 .s_1_shortcut .shct_4 img {
        width: 25px
    }

    .section_1 .s_1_shortcut .shct_5 img {
        width: 25px
    }

    .section_1 .s_1_shortcut .shct_6 img {
        width: 25px
    }
    
    .section_1 .s_1_location {
    	font-size: 13px;
    	right: 20px;
    	top: 20px;
    	padding-left: 20px;
    	background-size: 14px;
    	background-position: top 3px left 0;
    }
    
    .section_1 .s_1_location strong {
    	font-size: 13px;
    }
}

@media (max-width:610px) {

    .section_1 .s_1_shortcut div {
        width: 50% !important;
        height: auto !important;
        text-align: left;
        border: 1px solid transparent;
        margin: 0;
        float: left;
        display: block;
    }

    .section_1 .s_1_shortcut div a span {
        display: inline-block;
        width: 20px;
        margin-right: 5px;
        vertical-align: 1px;
        text-align: left;
        margin-bottom: 0;
    }

    .section_1 .s_1_shortcut .shct_1 {
        background: rgb(255,208,1);
		background: linear-gradient(90deg, rgba(255,208,1,1) 0%, rgba(255,160,0,1) 35%);
    }

    .section_1 .s_1_shortcut .shct_3,
    .section_1 .s_1_shortcut .shct_4 {
        border-left-width: 0
    }

    .section_1 .s_1_shortcut .shct_1 {
        border-radius: 10px 0 0 0
    }

    .section_1 .s_1_shortcut .shct_2 {
        border-radius: 0 10px 0 0
    }

    .section_1 .s_1_shortcut .shct_5 {
        border-radius: 0 0 0 10px;
        border: 0
    }

    .section_1 .s_1_shortcut .shct_6 {
        border-radius: 0 0 10px 0;
        border: 0
    }

    .section_1 .s_1_shortcut .shct_1 img {
        height: 20px;
    }

    .section_1 .s_1_shortcut .shct_2 img {
        height: 20px
    }

    .section_1 .s_1_shortcut .shct_3 img {
        height: 20px
    }

    .section_1 .s_1_shortcut .shct_4 img {
        height: 20px
    }

    .section_1 .s_1_shortcut .shct_5 img {
        height: 20px
    }

    .section_1 .s_1_shortcut .shct_6 img {
        height: 20px
    }
}

.section_2 {
	position: relative;
	z-index: 2;	
}

.section_2 .layout {
    position: relative;
    padding: 30px 345px 30px 30px;
    background: #22aa86;
    border-radius: 100px;
    margin-top: -60px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.section_2 .layout::after {
	content: '';
	display: block;
	clear: both;	
}

.section_2 .preview_wrap {
    float: left;
    height: 50px;
    position: relative;
    margin-right: 1%;
}

.section_2 .preview_wrap .label {
    height: 100%;
}

.section_2 .preview_wrap .label a {
    outline-width: 0;
    display: block;
    height: 100%;
    background-color: #fff;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    padding: 15px 0 0 23px;
    font-size: 16px;
    color: #444;
    font-weight: 500;
    /* border: 1px solid #ddd; */
    font-family: 'SCDream', sans-serif !important;
}

.section_2 .preview_wrap .label a img {
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px
}

.section_2 .preview_wrap .label a:focus {
    outline:3px dashed #333;
}

.section_2 .preview_wrap .ov .label a {
    -webkit-border-radius: 28px 28px 0 0;
    border-radius: 28px 28px 0 0
}

.section_2 .s_2_locate,
.section_2 .s_2_name,
.section_2 .s_2_calendar,
.section_2 .s_2_people {
    float: left;
    height: 50px;
    margin-right: 1%;
}


.section_2 .input {
    position: relative
}

.section_2 .input label,
.section_2 .s_2_people .label {
    position: absolute;
    top: 16px;
    left: 25px;
    font-weight: 500;
    font-size: 16px;
    color: #444;
    font-family: 'SCDream', sans-serif !important;
}

.section_2 .input label img,
.section_2 .s_2_people .label img {
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.section_2 .input input {
    width: 100%;
    height: 100%;
    padding: 0 25px;
    text-indent: 0;
    border-width: 0
}

.section_2 .input input:focus {
    outline:3px dashed #333;
}

.section_2 .s_2_locate {
    width: 150px;
    margin-right: 0;
}

.section_2 .s_2_name {
    width: 400px;
    margin-right: 0;
}

.section_2 .s_2_name label {}

.section_2 .s_2_name input,
.section_2 .s_2_calendar input,
.section_2 .s_2_people {
    border-radius: 28px;
    -webkit-border-radius: 28px;
    background-color: #fff
}

.section_2 .s_2_name.ov {}

.section_2 .s_2_name.ov input {
    border-radius: 25px 25px 0 0;
    -webkit-border-radius: 25px 25px 0 0;
    border: solid #ddd;
    border-width: 1px 1px 0
}

.section_2 .s_2_calendar {
    width: 285px;
}

.section_2 .s_2_calendar label {}

.section_2 .s_2_calendar input {
    text-align: center;
    padding: 0;
    font-weight: 500;
    text-indent: 0;
    letter-spacing: -1px;
}

.section_2 .preview_locate {
    top: 50px;
    left: 0
}

.section_2 .preview_locate .horizen {}

.section_2 .preview_locate .horizen:after {
    content: '';
    display: block;
    clear: both
}

.section_2 .s_2_people {
	position: absolute;
    top: 30px;
    right: 90px;
    width: 255px;
    padding-left: 115px;
    margin-right: 0;
}

.section_2 .s_2_people .label {}

.section_2 .s_2_people .cost_wrap {
    position: relative;
    z-index: 10;
    height: 100%;
}

.section_2 .s_2_people .cost_wrap:after {
    content: '';
    display: block;
    clear: both
}

.section_2 .s_2_people .cost_wrap a {
    float: left;
    margin-top: 8px;
    display: block;
    width: 34px;
    height: 34px;
    background: no-repeat 0 0
}

.section_2 .s_2_people .cost_wrap .minus {
    background-image: url(https://www.foresttrip.go.kr/portal/images/layout/fs_cost_minus.png?t_=201908161800)
}

.section_2 .s_2_people .cost_wrap .minus:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/layout/fs_cost_minus_ov.png?t_=201908161800)
}

.section_2 .s_2_people .cost_wrap .plus {
    background-image: url(https://www.foresttrip.go.kr/portal/images/layout/fs_cost_plus.png?t_=201908161800)
}

.section_2 .s_2_people .cost_wrap .plus:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/layout/fs_cost_plus_ov.png?t_=201908161800)
}

.section_2 .s_2_people .cost_wrap .cost {
    float: left;
    display: block;
    width: 50px;
    height: 100%;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 23px
}

.section_2 .s_2_btn {
	position: absolute;
	right: 30px;
}

.section_2 .s_2_btn button {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color: #164592;
    color: #fff;
    margin-left: 5px;
}


.section_2 .locate {
    width: 20%;
}

.section_2 .locate .input {
    width: 100%
}

.section_2 .name {
    width: 50%;
}

.section_2 .name .input {
    width: 100%;
}

.section_2 .s_2_calendar {
    width: 27%;
}

.section_2 .locate .label a,
.section_2 .name .label a {
    border: solid #fff;
    border-width: 1px 1px 0
}

.section_2 .locate .ov .label a,
.section_2 .name .ov .label a {
    border-color: #ddd
}

@media (max-width:1100px) {
	
	.section_2 .layout {
		border-radius: 0;
		padding: 20px 305px 20px 10px;
		box-shadow: none;
	}
	
	.section_2 .preview_wrap .label a {
		padding: 15px 0 0 18px;
	}
	
    .section_2 .locate {
        width: 25%;
    }

    .section_2 .name {
        width: 43%;
    }

    .section_2 .s_2_calendar {
        width: 29%;
    }
	
	.section_2 .s_2_people {
		top: 20px;
		right: 70px;
		width: 235px;
		padding-left: 100px;
	}
	
	.section_2 .s_2_btn {
		right: 10px;
	}
}

@media (max-width:950px) {
	
    .section_2 {
        height: auto;
        padding: 20px 10px;
        background: #22aa86;
    }

    .section_2 .layout {
        padding: 0 80px 0 0;
        margin-top: 0;
        box-shadow: none;
    }

    .section_2 .layout:after {
        content: '';
        display: block;
        clear: both
    }
	
	.section_2 .preview_wrap .label a {
		padding: 15px 0 0 23px;
	}
	
    .section_2 .locate {
        width: 49.5%;
        margin: 0 0 0 0
    }

    .section_2 .name {
        width: 49.5%;
        margin: 0 0 0 1%
    }

    .section_2 .s_2_calendar {
        width: 49.5%;
        margin: 1% 0 0 0
    }

    .section_2 .s_2_people {
        position: relative;
        top: 0;
        right: 0;
        width: 49.5%;
        margin: 1% 0 0 1%
    }

    .section_2 .s_2_btn {
        top: 0;
        height: 100%;
        right: 0;
    }

    .section_2 .s_2_btn button {
        width: 70px;
        height: 100%;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    .section_2 .locate .label a,
    .section_2 .locate .ov .label a {
        -webkit-border-radius: 10px 0 0 0;
        border-radius: 10px 0 0 0
    }

    .section_2 .name .label a,
    .section_2 .name .ov .label a {
        -webkit-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0
    }

    .section_2 .s_2_calendar input {
        -webkit-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px;
    }

    .section_2 .s_2_people {
        -webkit-border-radius: 0 0 10px 0;
        border-radius: 0 0 10px 0
    }
}

@media (max-width:767px) {
    .section_2 {
        padding: 20px
    }

    .section_2 .locate,
    .section_2 .name,
    .section_2 .s_2_calendar,
    .section_2 .s_2_people {
        width: 100%;
        margin: 7px 0 0 0
    }

    .section_2 .locate {
        margin-top: 0
    }

    .section_2 .locate .label a,
    .section_2 .name .label a,
    .section_2 .s_2_calendar input,
    .section_2 .s_2_people {
        -webkit-border-radius: 5px;
        border-radius: 5px
    }

    .section_2 .locate .ov .label a,
    .section_2 .name .ov .label a {
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

    .section_2 label img,
    .section_2 .label img {
        width: 20px
    }

    .section_2 .preview_wrap .label a {
        padding-left: 10px
    }

    .section_2 .input label,
    .section_2 .s_2_people .label {
        left: 10px
    }

    .section_2 .s_2_people {
        padding-left: 100px;
    }

    .section_2 .s_2_people .cost_wrap .minus,
    .section_2 .s_2_people .cost_wrap .plus {
        width: 20px;
        height: 20px;
        margin: 16px 0 0 0;
        background-size: cover;
    }

    .section_2 .preview_wrap .label a,
    .section_2 .input label,
    .section_2 .s_2_people .label {
        font-size: 15px
    }

    .section_2 .input label,
    .section_2 .s_2_people .label {
        top: 15px
    }

}


/* 2019-07-22 이전
.section_3{padding:25px 0 40px}
.section_3 .s_3_ti{background:url(https://www.foresttrip.go.kr/portal/images/main/s_3_ti_bg.png?t_=201908161800) repeat-x 0 25px}
.section_3 .s_3_ti h2{width:420px;height:45px;margin:0 auto;background:#fff url(https://www.foresttrip.go.kr/portal/images/main/s_3_ti.png?t_=201908161800) no-repeat 50% 0;background-size:auto 100%}

.section_3 .s_3_box{height:423px;margin-top:43px}
.section_3 .s_3_box .ti{line-height:125%;font-weight:400;font-size:23px;color:#000}
.section_3 .s_3_box .info, .section_3 .s_3_box .tag{margin-top:12px}
.section_3 .s_3_box .info span{margin-left:10px}
.section_3 .s_3_box .info span:first-child{margin-left:0}
.section_3 .s_3_box .tag span{display:inline-block;margin:0 3px 7px 0;line-height:110%;font-size:13px;color:#444}
.section_3 .s_3_box:after{content:'';display:block;clear:both}
.section_3 .s_3_box>div{float:left;margin-left:13px}
.section_3 .s_3_box>div:first-child{margin-left:0}
.section_3 .s_3_box img.bg{display:none}

.section_3 .s_3_box .box_a{width:395px;height:100%}
.section_3 .s_3_box .box_a:after{content:'';display:block;clear:both}
.section_3 .s_3_box .box_a .s_3_a_a{height:236px;margin-bottom:3%;background:url(https://www.foresttrip.go.kr/portal/images/main/s_3_a_a.png?t_=201908161800) no-repeat 50% 50%;background-size:cover}
.section_3 .s_3_box .box_a .s_3_a_a .tag{padding-right:50px}
.section_3 .s_3_box .box_a .s_3_a_b{float:left;width:191px;height:174px;background-color:#a6dfd4}
.section_3 .s_3_box .box_a .s_3_a_c{float:left;width:191px;height:174px;margin-left:13px;background-color:#c3e2af}

.section_3 .s_3_box .box_b{height:100%;width:379px;background:url(https://www.foresttrip.go.kr/portal/images/main/s_3_b.png?t_=201908161800) no-repeat 100% 0;background-size:cover}
.section_3 .s_3_box .box_b .info{margin-right:15px}

.section_3 .s_3_box .box_c{width:400px;height:100%}
.section_3 .s_3_box .box_c .s_3_c_a{height:162px;background:#c9e1f6 url(https://www.foresttrip.go.kr/portal/images/main/s_3_c_a.png?t_=201908161800) no-repeat 100% 100%}
.section_3 .s_3_box .box_c .s_3_c_a .info{margin-top:20px}

.section_3 .s_3_box .box_c .s_3_c_b{height:248px;margin-top:13px;background:#c9e1f6 url(https://www.foresttrip.go.kr/portal/images/main/s_3_c_b.png?t_=201908161800) no-repeat 0 100%;background-size:cover}
.section_3 .s_3_box .box_c .s_3_c_b .ti,
.section_3 .s_3_box .box_c .s_3_c_b .info .common_like,
.section_3 .s_3_box .box_c .s_3_c_b .info .common_coment,
.section_3 .s_3_box .box_c .s_3_c_b .tag span{color:#fff;}
.section_3 .s_3_box .box_c .s_3_c_b .tag span{font-weight:300;border-color:rgba(255, 255, 255, 0.4)}
.section_3 .s_3_box .box_c .s_3_c_b .info .common_like{background-image:url(https://www.foresttrip.go.kr/portal/images/main/like_black.png?t_=201908161800)}
.section_3 .s_3_box .box_c .s_3_c_b .info .common_coment{background-image:url(https://www.foresttrip.go.kr/portal/images/main/coment_black.png?t_=201908161800)}

.section_3 .s_3_box .box_a .s_3_a_a,
.section_3 .s_3_box .box_a .s_3_a_b a,
.section_3 .s_3_box .box_a .s_3_a_c a,
.section_3 .s_3_box .box_b,
.section_3 .s_3_box .box_c .s_3_c_a a,
.section_3 .s_3_box .box_c .s_3_c_b{display:block;padding:25px 35px}

.section_3 .s_3_box .box_a .s_3_a_b a,
.section_3 .s_3_box .box_a .s_3_a_c a{height:100%}
*/

/* 2019-07-22 한 눈에 보는 자연휴양림 */
.section_3 {
	position: relative;	
}

.section_3::after {
	content: '';
	display: block;
	width: 250px;
	height: 227px;
	background: url(/portal/images/main/eco_s_3_bg.png) no-repeat;
	position: absolute;
	top: -60px;
	left: 0;
	background-size: 100%;
}

.section_3 .layout {
    position: relative;
    padding: 80px 0;
    max-width: 1400px;
}

.section_3 .layout::after {
    content: '';
    display: block;
    width: 163px;
    height: 186px;
    background: url(/portal/images/main/eco_s_3_groo.png) no-repeat 0 0;
    position: absolute;
    left: -40px;
    bottom: 40px;
    animation: upDown 1s infinite alternate;
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

.section_3 .s_3_a {
    position: relative;
    float: left;
    width: calc(100% - 855px);
    margin-right: 40px;
    position: relative;
}

.section_3 .s_3_a::after {
	content: '';
	display: block;
	width: 1000px;
	height: 1000px;
	background: #f9f9f9;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: -1;
}

.section_3 .s_3_a .s_3_a_ti {
    width: 250px;
    position: relative;
    z-index: 1;
}

.section_3 .s_3_a .s_3_a_ti h2 {
    letter-spacing: -1px;
    line-height: 120%;
    font-weight: 500;
    font-size: 32px;
    font-family: 'SCDream', sans-serif;
    color: #000
}

.section_3 .s_3_a .s_3_a_ti h2 span {
    display: block;
    font-weight: 600;
    color: #1e9575;
}

.section_3 .s_3_a .s_3_a_ti p {
    margin: 20px 0 15px;
    line-height: 130%;
    text-align: left;
    font-size: 18px;
    color: #555;
    font-family: 'SCDream', sans-serif;
}

.section_3 .s_3_a .s_3_a_ti .s3ati_btn img {
    margin-left: 2px;
    vertical-align: -1px
}

.section_3 .s_3_a .s_3_a_map {
    position: absolute;
    top: 20px;
    right: 60px;
    width: 230px;
    height: 341px;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_3_a_map.png?t_=201908161800) no-repeat 0 0;
    font-family: 'SCDream', sans-serif;
}

.section_3 .s_3_a .s_3_a_map a {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 45px;
    height: 45px;
    padding-top: 7px;
    line-height: 120%;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
}

.section_3 .s_3_a .s_3_a_map a span {
    display: block;
    font-size: 12px
}

/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_1{top: 45px;left: 65px;background-color:rgba(37,108,195,0.7);width:55px;height:55px;} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_2{top: 95px;left: 95px;background-color:rgba(91,148,16,0.7);} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_3{top: 115px;left: 45px;background-color:rgba(24,172,100,0.7);width:55px;height:55px;} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_4{top: 170px;left: 60px;background-color:rgba(65,93,214,0.7);} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_5{top: 220px;left: 20px;background-color:rgba(211,123,18,0.7);} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_6{top: 35px;left: 125px;background-color:rgba(201,57,152,0.7);} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_7{top: 130px;left: 150px;background-color:rgba(137,65,199,0.7);width:55px;height:55px;} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_8{top: 197px;left: 120px;background-color:rgba(12,128,188,0.7);width:55px;height:55px;} */
/* .section_3 .s_3_a .s_3_a_map .s_3_a_map_9{top: 295px;left: 15px;background-color:rgba(240,88,149,0.7);} */
.section_3 .s_3_a .s_3_a_map .s_3_a_map_1 {
    top: 45px;
    left: 65px;
    background-color: #294a8c;
    width: 55px;
    height: 55px;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_2 {
    top: 95px;
    left: 95px;
    background-color: #3b8132;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_3 {
    top: 115px;
    left: 45px;
    background-color: rgb(31, 72, 192);
    width: 55px;
    height: 55px;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_4 {
    top: 170px;
    left: 60px;
    background-color: #d72929;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_5 {
    top: 220px;
    left: 20px;
    background-color: #906633;
    width: 55px;
    height: 55px;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_6 {
    top: 35px;
    left: 125px;
    background-color: #C83A98;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_7 {
    top: 130px;
    left: 150px;
    background-color: #8f05b0;
    width: 55px;
    height: 55px;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_8 {
    top: 197px;
    left: 120px;
    background-color: #058091;
    width: 55px;
    height: 55px;
}

.section_3 .s_3_a .s_3_a_map .s_3_a_map_9 {
    top: 295px;
    left: 15px;
    background-color: #8c3838;
}


.section_3 .s_3_a_list {
    display: none;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 0 0 210px;
}

.section_3 .s_3_a_list .s_3_a_list_close {
    position: absolute;
    top: 70px;
    right: 20px;
    padding: 10px;
    line-height: 100%;
    font-size: 15px;
    border: 1px solid #b2b2b2;
    color: #545454;
}

.section_3 .s_3_a_list .locate {
    display: none;
    height: 413px;
    padding: 10px 20px 20px 20px;
    background-color: #fff;
    margin-top: 60px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section_3 .s_3_a_list .locate .locate_ti {
    display: block;
    height: 50px;
    padding: 8px 0 0 33px;
    font-weight: 600;
    font-size: 25px;
    border-bottom: 2px solid #444;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_3_list_marker.png?t_=201908161800) no-repeat 5px 50%;
    color: #000
}

.section_3 .s_3_a_list .locate .locate_ti span {
    color: #666
}

.section_3 .s_3_a_list .locate .locate_map {
    float: left;
    width: 300px;
    height: 355px;
    position: relative;
}

.section_3 .s_3_a_list .locate .locate_map .lm_marker {
    display: none;
    width: 18px
}

.section_3 .s_3_a_list .locate .lm_anchor {
    height: 363px;
    padding-left: 30px;
    overflow: auto;
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item {
    min-height: 60px
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_ti {
    display: block;
    padding: 10px 20px;
    margin-top: 15px;
    line-height: 100%;
    font-weight: 600;
    font-size: 18px;
    background-color: #f1f6fc;
    color: #000
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list {
    padding: 10px 20px;
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list:after {
    content: '';
    display: block;
    clear: both
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li {
    float: left;
    width: 100px;
    margin-right: 3px
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div {
    display: inline-block;
    position: relative
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div > a {
    display: block;
    border-bottom: 1px solid transparent;
    color: #404040
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div > a:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    vertical-align: 5px;
    background-color: #595959
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div > a:hover {
    border-bottom: 1px solid #e21515;
    color: #e21515
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div > a:hover:before {
    background-color: #e21515
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div .lma_util {
    z-index: 1;
    display: none;
    position: absolute;
    top: 30px;
    left: 50%;
    width: 110px;
    padding: 5px 15px;
    margin-left: -55px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    background-color: #fad733
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div .lma_util:before {
    content: '';
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-bottom-color: #fad733
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div .lma_util a {
    display: block;
    padding: 5px 0;
    font-weight: 500;
    font-size: 15px;
    color: #4f3821
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div .lma_util a img {
    vertical-align: -3px
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div .lma_util a {
    border-top: 1px solid #cab140
}

.section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_list li div .lma_util a:first-child {
    border-top-width: 0
}

.section_3 .s_3_a_list .locate_1 {
    display: block
}

.section_3 .s_3_a .s_3_a_bg {
    position: absolute;
    top: 262px;
    left: -180px;
    width: 335px;
    height: 172px;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_3_bg.png?t_=201908161800) no-repeat
}

.section_3 .s_3_group {
    overflow: hidden;
}

.section_3 .s_3_group h3 {
    padding: 0;
    margin: 0 0 20px;
    font-weight: 500;
    font-size: 28px;
    color: #000;
    font-family: 'SCDream', sans-serif;
}

.section_3 .s_3_group h3:before {
    display: none
}

.section_3 .s_3_group .s_3_b {
    position: relative;
    float: left;
    width: 47.5%
}

.section_3 .s_3_group .s_3_b .control {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #c8ced4
}

.section_3 .s_3_group .s_3_b .control a {
    display: block;
    float: left;
    background: no-repeat 50% 50%;
    width: 36px;
    height: 36px;
    border: solid #c8ced4;
    border-width: 1px 1px 1px 0
}

.section_3 .s_3_group .s_3_b .control .prev {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_prev.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_b .control .prev:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_prev_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_b .control .next {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_next.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_b .control .next:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_next_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_b .control .stop {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_stop.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_b .control .stop:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_stop_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_b .control .play {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_play.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_b .control .play:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_play_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_b .s_3_b_list {
    position: relative;
    height: 300px;
    overflow: hidden
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap {
    position: relative
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item {
    margin-bottom: 15px
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item a,
.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .anchor {
    height: 88px;
    padding: 15px;
    overflow: hidden;
    display: block;
    border: 1px solid transparent;
    background-color: #ebf1f8
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item a:hover {
    border-color: #000
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_ti {
    float: left;
    width: 70px;
    height: 60px;
    padding: 13px 0 0;
    line-height: 120%;
    font-size: 14px;
    text-align: center;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    color: #fff;
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_pt {
    overflow: hidden;
    height: 48px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 5px;
    font-size: 16px;
    padding-left: 10px;
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_pt .mr_reg {
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding-top: 3px;
    vertical-align: 2px;
    line-height: 100%;
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_a .item_ti {
    background-color: #5465c7
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_b .item_ti {
    background-color: #f15f7b
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_c .item_ti {
    background-color: #3b8eee
}

.section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item_d .item_ti {
    background-color: #04a45e
}

.section_3 .s_3_group .s_3_c {
    float: left;
    position: relative;
    width: 47.5%;
}

.section_3 .s_3_group .s_3_c .control {
    position: absolute;
    top: 0;
    right: 40px;
    border-left: 1px solid #c8ced4
}

.section_3 .s_3_group .s_3_c .control a {
    display: block;
    float: left;
    background: no-repeat 50% 50%;
    width: 36px;
    height: 36px;
    border: solid #c8ced4;
    border-width: 1px 1px 1px 0
}

.section_3 .s_3_group .s_3_c .control .prev {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_prev.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_c .control .prev:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_prev_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_c .control .next {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_next.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_c .control .next:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_next_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_c .control .stop {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_stop.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_c .control .stop:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_stop_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_c .control .play {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_play.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_c .control .play:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_play_ov.png?t_=201908161800);
    background-color: #434954
}

@media (max-width:767px) {
    .section_3 .s_3_group .s_3_c .control {
        right: 33px;
        border-left: 1px solid #c8ced4
    }

    .section_3 .s_3_group .s_3_c .control a {
        width: 30px;
        height: 30px
    }
}

.section_3 .s_3_group .s_3_c .s_3_c_list {
    position: relative;
    overflow: hidden;
    height: 294px;
    font-family: 'SCDream', sans-serif;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item_grap {
    position: relative;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item {
    margin-top: 15px
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item:first-child {
    margin-top: 0
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item a {
    height: 88px;
    padding: 15px;
    overflow: hidden;
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item a:hover {
    outline: 2px solid #22aa86;
    outline-offset: -2px;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item a:focus {
	outline-offset: -3px;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti {
    float: left;
    width: 60px;
    height: 60px;
    padding: 14px 0 0;
    line-height: 100%;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    background-color: #f2f8fc;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti i {
    display: block;
    line-height: inherit;
    font-size: 24px;
    font-style: normal;
    color: #164592;
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti span {
    display: block;
    margin-top: 8px;
    line-height: inherit;
    font-size: 11px;
    color: #666
}

.section_3 .s_3_group .s_3_c .s_3_c_list .item .item_pt {
    overflow: hidden;
    height: 48px;
    line-height: 24px;
    margin-top: 5px;
    padding-left: 10px;
    font-weight: 500;
    font-size: 16px;
    color: #000;
}

.section_3 .s_3_group .s_3_c .more {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 37px;
    text-align: center;
    border: 1px solid #c8ced4;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_3_c_more.png?t_=201908161800) no-repeat 50% 50%;
    border-radius: 50%;
}

.section_3 .s_3_group .s_3_c .more:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_c_more_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_c .more:focus {
	outline-offset: -3px;	
}

/* 20200228_바로가기 추가 */
.section_3 .s_3_group .s_3_d {
    float: left;
    position: relative;
    width: 47.5%;
    margin-left: 5%;
}

.section_3 .s_3_group .s_3_d .control {
    position: absolute;
    top: 0;
    right: 0;
}

.section_3 .s_3_group .s_3_d .control a {
    display: block;
    float: left;
    background: no-repeat 50% 50%;
    width: 36px;
    height: 36px;
    border: 1px solid #c8ced4;
    border-radius: 50%;
    margin-left: 5px;
}

.section_3 .s_3_group .s_3_d .control a:focus {
	outline-offset: -3px;	
}

.section_3 .s_3_group .s_3_d .control .prev {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_prev.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_d .control .prev:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_prev_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_d .control .next {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_next.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_d .control .next:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_next_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_d .control .stop {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_stop.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_d .control .stop:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_stop_ov.png?t_=201908161800);
    background-color: #434954
}

.section_3 .s_3_group .s_3_d .control .play {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_play.png?t_=201908161800)
}

.section_3 .s_3_group .s_3_d .control .play:hover {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/s_3_b_control_play_ov.png?t_=201908161800);
    background-color: #434954
}

@media (max-width:767px) {
    .section_3 .s_3_group .s_3_d .control a {
        width: 30px;
        height: 30px;
    }
}

.section_3 .s_3_group .s_3_d .s_3_d_link {
    position: relative;
    overflow: hidden;
    height: 294px;
}

.section_3 .s_3_group .s_3_d .s3d_linkList {
    position: relative;
}

.section_3 .s_3_group .s_3_d .s3d_linkList li {
    margin-top: 15px
}

.section_3 .s_3_group .s_3_d .s3d_linkList li:first-child {
    margin-top: 0
}

/* .section_3 .s_3_group .s_3_d .s3d_linkList li.t1 {
    background: #6ab104;
    text-align: center;
} */

/*.section_3 .s_3_group .s_3_d .s3d_linkList li.t2{background:#13a669 url(https://www.foresttrip.go.kr/portal/images/main/s_3_banner_bg3.jpg) right 0px bottom no-repeat}*/
/* .section_3 .s_3_group .s_3_d .s3d_linkList li.t2 {
    background: #d1eff1;
    text-align: center
} */

/* .section_3 .s_3_group .s_3_d .s3d_linkList li.t3 {
    background: #3463b2;
    text-align: center
} */

.section_3 .s_3_group .s_3_d .s3d_linkList li a {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a:focus {
	outline-offset: -3px;	
}

/* .section_3 .s_3_group .s_3_d .s3d_linkList li a:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li a:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    transition: all .7s;
    z-index: 1
} */

/* .section_3 .s_3_group .s_3_d .s3d_linkList li a:before {
    top: 0;
    left: -100%
} */

/* .section_3 .s_3_group .s_3_d .s3d_linkList li a:after {
    bottom: 0;
    right: -100%
} */

.section_3 .s_3_group .s_3_d .s3d_linkList li a:hover:before {
    left: 0
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a:hover:after {
    right: 0
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box {
    display: table;
    width: 100%;
    height: 88px;
    border-radius: 5px;
    overflow: hidden;
}

/* .section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box:after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 100%;
    transition: all .7s;
    z-index: 1
} */

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box:before {
    left: 0;
    bottom: -100%
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box:after {
    right: 0;
    top: -100%
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a:hover .bann_box:before {
    bottom: 0
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a:hover .bann_box:after {
    top: 0
}

/* .section_3 .s_3_group .s_3_d .s3d_linkList li.t1 a:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t1 a:after,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t1 a .bann_box:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t1 a .bann_box:after {
    background: #4f8302
} */

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box > img {
    transition: all .3s
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a:hover .bann_box > img {
    transform: scale(1.04)
}

.section_3 .s_3_group .s_3_d .s3d_linkList li.t2 a:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t2 a:after,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t2 a .bann_box:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t2 a .bann_box:after {
    background: #4f8302
}

.section_3 .s_3_group .s_3_d .s3d_linkList li.t3 a .bann_box > img {
    transition: all .3s
}

.section_3 .s_3_group .s_3_d .s3d_linkList li.t3 a:hover .bann_box > img {
    transform: scale(1.04)
}

.section_3 .s_3_group .s_3_d .s3d_linkList li.t3 a:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t3 a:after,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t3 a .bann_box:before,
.section_3 .s_3_group .s_3_d .s3d_linkList li.t3 a .bann_box:after {
    background: #233f76
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box .bannM {
    display: table-cell;
    vertical-align: middle;
    padding-left: 9%
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box .bannM > img {
    vertical-align: middle
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box p {
    color: #fff;
    font-size: 14px
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .s3_arrow {
    position: relative;
    left: 0;
    margin-left: 8px
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a:hover .s3_arrow {
    animation: linkA .7s infinite
}

.section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box > img {
    height: 88px;
    width: 100%;
}

@keyframes linkA {
    50% {
        left: 3px
    }

    100% {
        left: 0
    }
}

@media all and (max-width:670px) {
    .section_3 .s_3_group .s_3_d {
        margin-top: 20px;
        width: 100%;
        margin-left: 0
    }

    .section_3 .s_3_group .s_3_d .s_3_d_link {
        height: 294px;
    }

    .section_3 .s_3_group .s_3_d .s3d_linkList li {
        margin-top: 10px
    }

    .section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box {
        height: 74px;
        text-align: center
    }

    .section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box .bannM {
        padding-left: 20px
    }

    .section_3 .s_3_group .s_3_d .s3d_linkList li a .bann_box .tit {
        height: 20px
    }

    .section_3 .s_3_group .s_3_d .s3d_linkList li a > img {
        height: auto
    }

    .section_3 .s_3_group .s_3_d .s3d_linkList li.t1 {
        background-size: auto 50px
    }

    /*.section_3 .s_3_group .s_3_d .s3d_linkList li.t2{background-size:auto 50px}*/
}

/* ----------------------- */

#locateMap0 {}

#locateMap1 {}

#locateMap2 {
    height: 300px;
}

#locateMap3 {
    height: 260px;
}

#locateMap4 {
    height: 290px;
}

#locateMap5 {}

#locateMap6 {
    height: 310px;
}

#locateMap7 {
    height: 280px;
}

#locateMap8 {
    height: 250px;
}


@media (max-width:1700px) {
	
	.section_3::after {
		width: 150px;
		height: 136px;
	}
	
}

@media (max-width:1500px) {
	
	.section_3 .layout::after {
		left: 0;
	}
}

@media (max-width:1200px) {
	
	.section_3::after {
		display: none;
	}
	
	.section_3 .layout {
		padding: 45px 0;
	}
	
	.section_3 .layout::after {
		width: 110px;
		height: 150px;
		background-size: 100%;
	}
	
	.section_3 .s_3_a .s_3_a_ti p {
		font-size: 16px;
		width: 160px;
		word-break: keep-all;
	}
	
	.section_3 .s_3_a .s_3_a_ti p br {
		display: none;
	}
}

@media (max-width:1420px) {
    .section_3 {
        padding: 0 10px
    }
	
	.section_3 .s_3_a {
		width: 38%;
	}
	
	.section_3 .s_3_a .s_3_a_map {
		right: 30px;
	}
}

@media (max-width:1200px) {
	
	.section_3 .s_3_a_list {
		padding: 0 0 0 180px;
	}
		
	.section_3 .s_3_a_list .s_3_a_list_close {
		top: 21px;
	}
	
	.section_3 .s_3_a_list .locate {
		margin-top: 10px;
	}
}

@media (max-width: 1070px) {
	
    .section_3 {
        height: auto;
    }

    .section_3 .layout {
        padding: 20px 0 0;
        padding-top: 400px;
    }

	.section_3 .layout::after {
		display: none;
	}
	
    .section_3 .s_3_a {
        float: none;
        height: 466px;
        width: 100%;
    }
	
	.section_3 .s_3_a::after {
		display: none;
	}
	
    .section_3 .s_3_a .s_3_a_ti {
        width: auto;
    }

    .section_3 .s_3_a .s_3_a_ti h2 {
        text-align: center
    }

    .section_3 .s_3_a .s_3_a_ti h2 span {
        display: inline
    }

    .section_3 .s_3_a .s_3_a_ti p {
        text-align: center;
        width: 100%;
    }

    .section_3 .s_3_a .s_3_a_ti p br {
        display: none
    }

    .section_3 .s_3_a .s_3_a_ti .s3ati_btn {}

    .section_3 .s_3_a .s_3_a_bg {
        display: none
    }

    .section_3 .s_3_a .s_3_a_map {
        top: 100px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .section_3 .s_3_a_list {
        padding: 0;
        top: 455px;
        height: auto;
    }

    .section_3 .s_3_a_list .s_3_a_list_close {
        background-color: #fff;
        top: 8px;
        right: 8px;
        border-color: #fff;
        font-size: 14px;
        padding: 7px 10px
    }

    .section_3 .s_3_a_list .locate {
        padding: 0;
        height: auto;
        margin-top: 0;
        box-shadow: none;
    }

    .section_3 .s_3_a_list .locate .locate_ti {
        height: auto;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 20px;
        border-bottom-width: 0;
        background: #1e9575;
        color: #fff;
    }

    .section_3 .s_3_a_list .locate .locate_ti:before {
        content: '';
        display: inline-block;
        vertical-align: 7px;
        width: 3px;
        height: 3px;
        margin-right: 10px;
        background-color: #fff
    }

    .section_3 .s_3_a_list .locate .locate_ti span {
        color: #fff
    }

    .section_3 .s_3_group {
        position: absolute;
        top: 20px;
        left: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
        width: 100%;
    }

    .section_3 .s_3_group .s_3_b {}

    .section_3 .s_3_group .s_3_c {}
}

@media (max-width: 1000px) {
    .section_3 .s_3_a_list .locate .locate_map {
        float: none;
        margin: 0 auto;
        height: 330px;
    }

    .section_3 .s_3_a_list .locate .lm_anchor {
        height: auto;
        overflow: visible;
        padding: 0 20px 50px;
    }

    .section_3 .s_3_a_list .locate .lm_anchor .lma_item .lma_ti:first-child {
        margin-top: 0
    }

}

@media (max-width:767px) {
    .section_3 .s_3_group h3 {
        margin-bottom: 10px;
        font-size: 20px
    }

    .section_3 .s_3_group .s_3_c .more {
        width: 30px;
        height: 30px
    }

    .section_3 .s_3_group .s_3_c .more img {
        margin-top: 8px
    }

    .section_3 .s_3_a .s_3_a_ti h2 {
        font-size: 24px
    }

    .section_3 .s_3_a .s_3_a_ti p {
        margin-top: 10px
    }

    .section_3 .s_3_a .s_3_a_map {
        top: 80px
    }

    .section_3 .s_3_a_list {
        top: 440px;
        height: 426px;
    }

    .section_3 .s_3_a_list .locate .locate_ti {
        font-size: 18px
    }

    .section_3 .s_3_a_list .locate .locate_ti:before {
        vertical-align: 5px
    }

    .section_3 .s_3_group .s_3_b .control a {
        width: 30px;
        height: 30px
    }
}

@media (max-width:670px) {
    .section_3 .layout {
        padding-top: 820px;
    }

    .section_3 .s_3_group {}

    .section_3 .s_3_group .s_3_b,
    .section_3 .s_3_group .s_3_c {
        width: 100%;
        margin-left: 0
    }

    .section_3 .s_3_group .s_3_c {
        margin-top: 0;
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .section_3 .s_3_group .s_3_b .s_3_b_list .item a {
        height: auto;
        ;
        padding: 10px 15px
    }

    .section_3 .s_3_group .s_3_b .s_3_b_list .item .item_ti {
        width: 100px;
        height: auto;
        padding: 10px 0;
        font-size: 14px
    }

    .section_3 .s_3_group .s_3_b .s_3_b_list .item .item_ti br {}

    .section_3 .s_3_group .s_3_b .s_3_b_list .item .item_pt {
        height: auto;
        margin-top: 7px
    }

    .section_3 .s_3_group .s_3_b .s_3_b_list .item .item_pt b {
        font-size: 16px
    }

    .section_3 .s_3_group .s_3_b .s_3_b_list .item .item_pt span {
        font-size: 14px
    }

    .section_3 .s_3_group .s_3_b {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list {
        height: auto;
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list .item a {
        height: auto;
        padding: 10px 15px
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti {
        height: auto;
        padding: 7px 0
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti i {
        font-size: 18px
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list .item .item_ti span {
        margin-top: 5px
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list .item .item_pt {
        margin-top: 0
    }

    .section_3 .s_3_a_list {
        top: 810px;
    }


}

@media (max-width:420px) {
    .section_3 .s_3_group .s_3_b .s_3_b_list .item_grap .item .item_pt {
        margin-top: 8px;
        font-size: 14px
    }

    .section_3 .s_3_group .s_3_b .s_3_b_list .item .item_pt br {
        display: block;
    }

    .section_3 .s_3_group .s_3_c .s_3_c_list .item .item_pt {
        margin-top: 0;
        font-size: 14px
    }
}

.section_4 {
    padding: 25px 0 40px;
    background-color: #ebf1f8
}

.section_4 h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    color: #000
}

.section_4 h2 .gray {
    font-size: 24px;
    color: #555
}

.section_4 .s_4_tag {
    float: left
}

.section_4 .s_4_tag:after {
    content: '';
    display: block;
    clear: both;
}

.section_4 .s_4_tag a {
    float: left;
    display: block;
    line-height: 100%;
    padding: 15px 20px 16px 19px;
    margin-left: 13px;
    font-size: 16px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    background-color: #fff;
    color: #000
}

.section_4 .s_4_tag a:hover,
.section_4 .s_4_tag a.ov {
    background-color: #ea5b5b;
    color: #fff
}

.section_4 .s_4_tag a:first-child {
    margin-left: 0;
    margin-left: 0
}

.section_4 .s_4_search {
    position: relative;
    float: right
}

/* 2023 08 수정 */

.section_4 .s_4_search .input {
    position: relative;
    width: 350px;
    height: 50px;
    overflow: hidden;
    border: 3px solid #167b60;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}

.section_4 .s_4_search .input label {
    position: absolute;
    top: 11px;
    left: 20px;
    font-size: 15px;
    color: #000
}

.section_4 .s_4_search .input input {
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    padding: 0 55px 0 10px;
    margin: -2px 0 0 -2px;
    background-color: transparent
}

/* 2023 08 수정 */

.section_4 .s_4_search button {
    position: absolute;
    top: 0;
    right: -1px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color: #167b60;
}


.section_4 .s_4_slide {
    position: relative;
    clear: both;
}

.section_4 .s_4_slide .control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.section_4 .s_4_slide .control a {
    position: absolute;
    top: 220px
}

.section_4 .s_4_slide .control .prev {
    left: -50px
}

.section_4 .s_4_slide .control .next {
    right: -50px
}

.section_4 .s_4_slide .slide_wrap {
    position: relative;
    overflow: hidden;
    height: 490px;
    padding: 30px 0 30px
}

.section_4 .s_4_slide .slide_wrap .obj {
    position: relative;
    top: 0;
    left: 0;
    width: 200%
}

.section_4 .s_4_slide .slide_wrap .obj .item {
    position: relative;
    float: left;
    width: 11.75%;
    margin-right: 1%;
    height: 460px;
    background-color: #fff;
    transition: box-shadow 300ms;
    -webkit-transition: box-shadow 300ms;

}

.section_4 .s_4_slide .slide_wrap .obj .item {}

.section_4 .s_4_slide .slide_wrap .obj .item a {
    display: block
}

.section_4 .s_4_slide .slide_wrap .obj .item .thumb {
    position: relative;
    height: 242px;
    overflow: hidden;
    background-color: #f9f9f9
}

.section_4 .s_4_slide .slide_wrap .obj .item .thumb > img {
    position: relative;
    left: 50%;
    max-width: none;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.section_4 .s_4_slide .slide_wrap .obj .item .thumb .over {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    transition: opacity 300ms;
    -webkit-transition: opacity 300ms
}

.section_4 .s_4_slide .slide_wrap .obj .item .thumb .over > img {
    display: block;
    margin: 0 auto 25px
}

.section_4 .s_4_slide .slide_wrap .obj .item .thumb .over span {
    display: block;
    text-align: center;
    letter-spacing: 10px;
    text-indent: 10px
}

.section_4 .s_4_slide .slide_wrap .obj .item :hover .thumb .over {
    opacity: 1
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt {
    padding: 25px 20px
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .ti {
    display: block;
    font-weight: 500;
    font-size: 17px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .tag {
    height: 60px;
    margin-top: 15px;
    line-height: 20px;
    overflow: hidden
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .tag span {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
    color: #1f7dae
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .info {
    margin-top: 10px
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .info span {
    margin-left: 10px
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .info span:first-child {
    margin-left: 0
}

.section_4 .s_4_slide .slide_wrap .obj .item .pt .mr_reg {
    width: 23px;
    height: 23px;
    font-size: 12px;
    vertical-align: 2px;
    padding-top: 4px;
}

.section_4 .s_4_slide .slide_wrap .obj .item .button {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px
}

.section_4 .s_4_slide .slide_wrap .obj .item .button a {
    display: block;
    height: 100%;
    padding-top: 14px;
    font-size: 16px;
    text-align: center;
    background-color: #d9dbde;
    color: #000
}

.section_4 .s_4_slide .slide_wrap .obj .item .button a:hover {
    background-color: #4949c7;
    color: #fff
}


.section_5 {
    padding: 80px 0 110px;
    background-color: #e9f6ff;
    background-image: url(/portal/images/main/eco_s_5_bg.png), url(/portal/images/main/eco_s_5_cloud.png);
    background-repeat: no-repeat;
    background-position: left bottom , center top 40px;
    background-size: contain;
}

.section_5 .layout {
    position: relative;
    max-width: 1400px;
}

.section_5 h2 {
    font-weight: 500;
    font-size: 30px;
    text-align: center;
}

.section_5 h2 a {
    color: #000;
    font-family: 'SCDream', sans-serif;
    position: relative;
}

.section_5 h2 a::after {
	content: '';
	display: block;
	width: 117px;
	height: 123px;	
	background: url(/portal/images/main/eco_s_5_leaf.png) no-repeat;
	position: absolute;
	top: -30px;
	left: -80px;
	z-index: 1;
}

.section_5 h2 b {
    font-weight: 600;
    font-size: inherit;
    color: #000;
    font-family: 'SCDream', sans-serif;
}

.section_5 .control {
    z-index: 100;
    position: absolute;
    bottom: 10px;
    right: 220px
}

/*2023 08 수정*/

.section_5 .control a {
    float: left;
    width: 56px;
    height: 53px;
    padding-top: 20px;
    text-align: center;
    background-color: #555555;
}

/*2023 08 수정*/

.section_5 .control a:hover {
    background-color: #3f52be
}

.section_5 .control .prev {}

.section_5 .control .next {
    margin-left: 1px
}

.section_5 .s_5_slide {
    position: relative;
    margin-top: 50px;
}

.section_5 .s_5_slide:after {
    content: '';
    position: absolute;
    top: -35px;
    right: 0;
    width: 580px;
    height: 300px;
    /*background-color: #fff*/
}

.section_5 .s_5_slide .slide_wrap {
    z-index: 10;
    position: relative;
    margin-left: 260px
}

.section_5 .s_5_slide .slide_wrap .obj {
    margin-left: 10px;
    width: 100000px;
    height: 100%
}

.section_5 .s_5_slide .slide_wrap .obj::after {
	content: '';
	display: block;
	clear: both;	
}

.section_5 .s_5_slide .slide_wrap .obj .item {
    float: left;
    margin-left: 30px;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-top: 20px;
}

.section_5 .s_5_slide .slide_wrap .obj .item a {
    position: relative;
    display: block;
    height: 100%;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
}

.section_5 .s_5_slide .slide_wrap .obj .item .region {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 15px;
    width: 44px;
    height: 41px;
    padding-top: 8px;
    letter-spacing: -1px;
    text-align: center;
    background: no-repeat 0 0;
    color: #fff;
    font-size: 13px
}

.section_5 .s_5_slide .slide_wrap .obj .item .color_blue {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/region_blue.png?t_=201908161800)
}

.section_5 .s_5_slide .slide_wrap .obj .item .color_green {
    background-image: url(https://www.foresttrip.go.kr/portal/images/main/region_green.png?t_=201908161800)
}

.section_5 .s_5_slide .slide_wrap .obj .item .thumb {
    position: relative;
    height: 212px;
    overflow: hidden;
    width: 280px;
}

/* .section_5 .s_5_slide .slide_wrap .obj .item .thumb:after {
    content: '';
    display: block;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_5_thumb_ti.png?t_=201908161800) repeat-x 0 100%
} */

.section_5 .s_5_slide .slide_wrap .obj .item .thumb img {
    position: relative;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%)
}

.section_5 .s_5_slide .slide_wrap .obj .item .ti {
    padding: 15px 10px 10px;
    font-family: 'SCDream', sans-serif;
}

.section_5 .s_5_slide .slide_wrap .obj .item .ti .ti_area {
    color: #1e9575;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 7px;
    display: inline-block;
}

.section_5 .s_5_slide .slide_wrap .obj .item .ti .mr_reg {
    width: 20px;
    height: 20px;
    font-size: 12px;
    padding-top: 3px;
    margin-top: 5px;
    position: relative;
    top: -1px;
}

.section_5 .s_5_slide .slide_wrap .obj .item .ti .ti_name {
    color: #333;
    font-size: 14px;
}

.section_5 .s_5_slide .slide_wrap .obj .item .pt {
    display: none
}

.section_5 .s_5_slide .slide_wrap .obj .item.ov {
    opacity: 1;
    margin-left: 0;
    box-shadow: none;
    margin-top: 0;
}

.section_5 .s_5_slide .slide_wrap .obj .item.ov a {
    background: none;
    padding: 30px;
    height: 335px;
}

.section_5 .s_5_slide .descript {
    position: absolute;
    top: 0;
    left: 0;
    width: 610px;
    height: 335px;
    padding: 60px 345px 60px 35px;
    background: #fff;
    border: 1px solid #22aa86;
    border-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section_5 .s_5_slide .descript .ti {
    display: block;
    font-weight: 500;
    font-size: 24px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'SCDream', sans-serif;
}

.section_5 .s_5_slide .descript .ti::after {
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	background: #22aa86;
	margin-top: 20px;
}

.section_5 .s_5_slide .descript .info {
    margin-top: 14px;
    font-weight: 500;
    font-size: 16px;
    color: #e64a4a
}

.section_5 .s_5_slide .descript .text {
    height: 75px;
    margin-top: 20px;
    line-height: 25px;
    font-size: 16px;
    color: #444;
    overflow: hidden;
    letter-spacing: -.05em;
}

.section_5 .s_5_slide .descript .more {
    margin-top: 50px
}

.section_5 .s_5_slide .descript .more a {
	background: #627818;
	padding: 8px 30px;
	border-radius: 30px;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
}

.section_6 {
    position: relative;
    background-color: #E3F4F0;
    opacity: 1;
	background-image: linear-gradient(#F1FAF7 1px, transparent 1px), linear-gradient(to right, #F1FAF7 1px, #E3F4F0 1px);
	background-size: 20px 20px;
}

.section_6 .layout {
    padding: 50px 10px;
    display: flex;
    position: relative;
    justify-content: center;
}

.section_6 .layout:after {
    content: '';
    display: block;
    clear: both
}

.section_6 h2 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'SCDream', sans-serif;
    color: #000;
    word-break: keep-all;
}

.section_6 .s_6_a {
    position: relative;
    float: left;
    width: 30%
}

.section_6 .s_6_a .s_6_a_regend {
    position: absolute;
    top: 0;
    right: 0
}

.section_6 .s_6_a .s_6_a_regend span {
    display: inline-block;
    font-weight: 300;
    margin-left: 20px;
    font-size: 16px;
    color: #fff
}

.section_6 .s_6_a .s_6_a_regend span img {
    vertical-align: 1px
}

.section_6 .s_6_a .s_6_a_label {
    z-index: 1;
    position: absolute;
    top: 30px;
    right: 100px;
    width: 78px;
    height: 74px;
    padding: 20px 0 0 17px;
    font-weight: 600;
    font-size: 19px;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_6_a_state_label.png?t_=201908161800) no-repeat 0 0;
    color: #111
}

.section_6 .s_6_a .s_6_a_state {
    position: relative;
    overflow: hidden;
    height: 70px;
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    background-color: #3f4652;
}

.section_6 .s_6_a .s_6_a_state .state_item {
    padding: 10px 0 0 15px
}

.section_6 .s_6_a .s_6_a_state .state_item img {}

.section_6 .s_6_a .s_6_a_state .state_charactor {
    position: absolute;
    bottom: 0;
    right: 0
}

.section_6 .s_6_b .s_6_b_group {
	height: 100%;
	display: flex;
	font-family: 'SCDream', sans-serif;
}

.section_6 .s_6_b .s_6_b_group .s_6_b_item {
    margin-left: 30px;
    height: 100%;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section_6 .s_6_b .s_6_b_group .s_6_b_item:first-child {
    margin-left: 0
}

.section_6 .s_6_b .s_6_b_group .s_6_b_item a {
    display: block;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 10px 30px;
    height: 100%;
    background: rgba(255, 255, 255, .95);
    min-width: 200px;
    font-weight: 500;
    color: #000;
}

.section_6 .s_6_b .s_6_b_group .s_6_b_item .icon {
    padding-top: 22px;
    margin-bottom: 15px;
}

.section_6 .s_6_b .s_6_b_group .s_6_b_item .icon img {
	width: 50px;
}

.section_6 .s_6_b .s_6_b_group .s_6_b_item span {
	display: block;
	margin-top: 10px;
	background: #303d3a;
	border-radius: 30px;
	color: #fff;
	padding: 5px 0;
	font-size: 13px;
	width: 85px;
	margin: 0 auto;
	margin-top: 15px;
	font-weight: 400;
}

.section_6 .s_6_c {
    position: relative;
    width: 35%;
    margin-left: 40px;
    background-color: rgba(255, 255, 255, .95);
    border-radius: 5px;
    padding: 25px 30px 20px;
    border: 5px solid #ffd001;
    background-image: url(/portal/images/main/eco_s_6_c_bg.png);
    background-repeat: no-repeat;
    background-position: right 30px bottom 20px;
    background-size: 110px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section_6 .s_6_c p {
    margin-top: 20px;
}

.section_6 .s_6_c p b {
    display: block;
    font-size: 38px;
    color: #9F6400;
    font-weight: 500;
    font-family: 'SCDream', sans-serif;
}

.section_6 .s_6_c p span {
    display: block;
    font-size: 15px;
    font-family: 'SCDream', sans-serif;
    line-height: 1.5;
    color: #000;
}

.section_6 .s_6_c .s_6_c_bg {
    position: absolute;
    top: -10px;
    right: 0;
    width: 120px;
    height: 122px;
    background: url(https://www.foresttrip.go.kr/portal/images/main/s_6_c_bg.png?t_=201908161800) no-repeat;
}

.section_6 .s_6_d {
	margin-left: 40px;
	border-radius: 5px;
	background-color: #3c68d0;
	background-image: url(/portal/images/main/eco_s_6_d_bg.jpg);
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: right 15px bottom 15px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section_6 .s_6_d a {
    display: block;
    height: 100%;
    padding: 20px;
    padding: 25px 30px 20px;
}

.section_6 .s_6_d a h2 {
	color: #fff;	
}

.section_6 .s_6_d a h2 span {
	color: #c7ea46;
}

@media (max-width:1220px) {
    .section_6 {
        padding-left: 10px
    }

    .section_6 .s_6_a {
        width: 35%
    }

    .section_6 .s_6_b .s_6_b_group .s_6_b_item a {
        font-size: 14px;
    }
	
	.section_6 .s_6_c {
		margin-left: 30px;
		padding: 25px 20px 20px;
		background-position: right 20px bottom 20px;
	}
	
    .section_6 .s_6_c .s_6_c_bg {
        display: none
    }
    
    .section_6 .s_6_d {
    	margin-left: 30px;
    }
}

@media (max-width:1030px) {
	
	.section_1 {
		height: 460px;
	}
	
	.section_1 .s_1_shortcut {
		margin: 40px auto 0;
	}
	
	.section_1 .s_1_shortcut div {
		width: 110px;
		height: 122px;
	}
	
	.section_1 .s_1_shortcut div a {
		padding-top: 30px;
		font-size: 14px;
	}
    
    .section_1 .s_1_shortcut div a span img {
    	width: 30px;
    }
    
    .section_6 {
        padding-right: 10px
    }

    .section_6 .layout {
        display: block;
    }

    .section_6 .s_6_a {
        width: 48.5%;
        height: 50px;
    }

    .section_6 .s_6_b {
        width: 100%;
    }
	
	.section_6 .s_6_b .s_6_b_group {
		justify-content: center;
	}
	
	.section_6 .s_6_b .s_6_b_group .s_6_b_item {
		width: 100%;
	}
	
	.section_6 .s_6_b .s_6_b_group .s_6_b_item a {
		padding: 10px 30px 30px;
	}
	
    .section_6 .s_6_c {
        overflow: unset;
        width: calc(50% - 15px);
       	margin: 30px 30px 0 0;
       	float: left;
       	min-height: 180px;
       	background-size: 100px;
    }

    .section_6 .s_6_c p {
        margin-top: 15px;
    }
    
    .section_6 .s_6_c p b {
        display: inline-block
    }

    .section_6 .s_6_c p span {
        display: block;
        margin-left: 0;
        font-size: 16px;
        margin-top: 10px;
    }

    .section_6 .s_6_c .s_6_c_bg {
        display: none;
    }

    .section_6 .s_6_d {
        margin: 30px 0 0 0;
        width: calc(50% - 15px);
        float: left;
    }

	.section_6 .s_6_d a {
        min-height: 180px;
    }
}

@media (max-width:1200px) {
	
	.section_5 {
		padding: 40px 0 70px;
	}
}

@media (max-width:950px) {
	
	.section_1 {
		height: 400px;	
	}
}

@media (max-width:825px) {

    .section_1 {
    	height: 360px;
    }
    
    .section_1 .s_1_shortcut div {
    	width: 90px;
        height: 99px;
    }
    
    .section_1 .s_1_shortcut div a {
        padding-top: 28px;
        font-size: 14px;
    }
    
    .section_1 .s_1_shortcut div a span {
    	margin-bottom: 5px;
    }
}

@media (max-width:750px) {
    .section_6 {
        padding: 0 10px
    }
    
    .section_6 .layout {
    	padding: 30px 10px;
    }
    
    .section_6 .s_6_a {
        height: auto;
    }
	
	.section_6 .s_6_b .s_6_b_group .s_6_b_item {
		margin-left: 15px;
	}
	
	.section_6 .s_6_b .s_6_b_group .s_6_b_item a {
		min-width: auto;
		padding: 0 0 30px 0;
	}
	
	.section_6 .s_6_c {
        background-image: none;
        width: calc(50% - 7px);
        margin: 30px 15px 0 0;
    }
    
    .section_6 .s_6_c h2 {
        float: none
    }

    .section_6 .s_6_c p {
        margin-top: 20px;
        padding-left: 0
    }
	
	.section_6 .s_6_c p b {
		font-size: 32px;
	}
	
    .section_6 .s_6_c p br {
        display: block
    }

    .section_6 .s_6_c p span {
        margin-left: 0;
        font-size: 16px
    }

    .section_6 .s_6_d {
        float: right;
        position: relative;
        z-index: 1;
        width: calc(50% - 8px);
    }
	
}

@media (max-width:500px) {
    
    .section_6 .s_6_c {
    	width: 100%;
    	margin: 20px 0 0 0 ;
    }
    
    .section_6 .s_6_d {
    	width: 100%;
    	margin: 20px 0 0 0 ;
    }
}

/*section 1*/
@media (max-width:800px) {

    .section_1 p {
        letter-spacing: 0;
        padding: 0 20px
    }
}

@media (max-width:610px) {

	.section_1 {
        height: 390px;
        padding-top: 60px;
    }
    
    .section_1 .s_1_shortcut {
        width: auto;
        height: auto;
        margin: 30px 20px 15px !important;
        background: transparent;
    }
    
	.section_1 .s_1_shortcut div a {
        height: 50px;
        padding: 15px 20px 0;
        background: #fff
    }
    
    .section_1 .s_1_location {
    	display: none;
    }
}

@media (max-width:570px) {
    .section_1 {
        height: 330px;
        padding-top: 40px;
    }

    .section_1 h2 {
        font-size: 24px;
        background: url(/portal/images/main/eco_visual_txt_mb.png) no-repeat;
        width: 100%;
        height: 72px;
        background-size: 100%;
        max-width: 330px;
    }

    .section_1 p {
        margin-top: 15px;
        font-size: 14px
    }

    .section_1 p br {
        display: block
    }
}

@media (max-width:410px) {
    .section_1 .s_1_shortcut div a {
        padding: 15px 13px 0
    }

}
/* section 3*/

@media (max-width:1199px) {
    .section_3 .s_3_box {
        height: auto;
        margin: 30px 20px 0
    }

    .section_3 .s_3_box .box_a {
        width: 49.5%
    }

    .section_3 .s_3_box .box_b {
        width: 49.5%;
        height: 236px;
        margin-left: 1%
    }

    .section_3 .s_3_box .box_c {
        width: 100%;
        margin: 10px 0 0
    }

    .section_3 .s_3_box .box_a .s_3_a_a {
        margin-bottom: 10px
    }

    .section_3 .s_3_box .box_a .s_3_a_b {
        width: 49%;
        height: 110px
    }

    .section_3 .s_3_box .box_a .s_3_a_c {
        width: 49%;
        height: 110px;
        margin-left: 2%
    }

    .section_3 .s_3_box .box_a .s_3_a_b .ti br,
    .section_3 .s_3_box .box_a .s_3_a_c .ti br {
        display: none
    }

    .section_3 .s_3_box .box_c .s_3_c_a {
        float: left;
        width: 49.5%
    }

    .section_3 .s_3_box .box_c .s_3_c_b {
        float: left;
        width: 49.5%;
        height: 282px;
        margin: -120px 0 0 1%
    }
}

@media (max-width:1130px) {


    .section_3 .s_3_box .box_a .s_3_a_b .ti,
    .section_3 .s_3_box .box_a .s_3_a_c .ti {
        font-size: 17px;
        line-height: 150%
    }
}

@media (max-width:820px) {

    .section_3 .s_3_box .box_a {
        float: none;
        width: 100%;
        margin: 0 0 0 0
    }

    .section_3 .s_3_box .box_a .s_3_a_a {
        height: auto
    }

    .section_3 .s_3_box .box_a .s_3_a_b {
        height: auto
    }

    .section_3 .s_3_box .box_a .s_3_a_c {
        height: auto
    }

    .section_3 .s_3_box .box_b {
        height: auto;
        float: none;
        width: 100%;
        margin: 10px 0 0 0
    }

    .section_3 .s_3_box .box_b .info {
        float: none
    }

    .section_3 .s_3_box .box_b .tag {
        margin-top: 10px;
        text-align: left
    }

    .section_3 .s_3_box .box_c {
        float: none;
        width: 100%;
        margin: 10px 0 0 0
    }

    .section_3 .s_3_box .box_c .s_3_c_a {
        float: none;
        width: 100%;
        margin: 0 0 0 0
    }

    .section_3 .s_3_box .box_c .s_3_c_b {
        float: none;
        width: 100%;
        margin: 10px 0 0 0
    }
}

@media (max-width:570px) {

    .section_3 .s_3_ti h2 {
        width: 100%;
        height: 35px
    }

}


/*section4*/
@media (max-width:1350px) {

    .section_4 .s_4_slide .slide_wrap {
        margin: 0 70px
    }

    .section_4 .s_4_slide .control .prev {
        left: 20px
    }

    .section_4 .s_4_slide .control .next {
        right: 20px
    }

    .section_4 .s_4_slide .slide_wrap .obj .item .pt .ti {
        font-size: 17px;
    }
}

@media (max-width:1175px) {
    .section_4 {
        position: relative
    }

    .section_4 .s_4_tag {
        float: none;
        margin-top: 100px;
        text-align: center
    }

    .section_4 .s_4_tag a {
        float: none;
        display: inline-block;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        font-size: 14px;
        padding: 10px;
        margin: 3px
    }

    .section_4 .s_4_search {
        position: absolute;
        top: 90px;
        left: 0;
        right: 0;
        float: none;
        width: 300px;
        margin: 0 auto
    }

    .section_4 .s_4_search .input {
        width: 100%
    }


}

@media (max-width:1000px) {

    .section_4 .s_4_slide .slide_wrap .obj .item {
        width: 16%
    }

}

@media (max-width:825px) {

    .section_4 .s_4_slide .slide_wrap .obj .item {
        width: 25%
    }

}

@media (max-width:570px) {
    .section_4 h2 {
        font-size: 24px;
    }

    .section_4 h2 .gray {
        font-size: 20px
    }

    .section_4 .s_4_search {
        top: 70px
    }

    .section_4 .s_4_tag {
        padding: 0 20px;
        margin-top: 80px
    }

    .section_4 .s_4_slide .control .prev {
        left: 10px
    }

    .section_4 .s_4_slide .control .next {
        right: 10px
    }

    .section_4 .s_4_slide .slide_wrap {
        margin: 0 50px
    }

    .section_4 .s_4_slide .slide_wrap .obj .item {
        width: 50%
    }

}


/*section5*/
@media (max-width:1420px) {
	.section_5 .layout {
		padding: 0 10px;
	}
}

@media (max-width:1230px) {

    .section_5 .s_5_slide:after {
        right: 10px;
        width: 350px
    }

}

@media (max-width:1000px) {

    .section_5 h2 {
        margin-left: 40px;
        font-size: 24px
    }

}

@media (max-width:767px) {

    .section_5 {
        height: auto;
        padding: 30px 0 40px;
        background-image: none;
    }

    .section_5 h2 {
        margin-left: 0;
        text-align: center
    }

	.section_5 h2 a::after {
		display: none;
	}
	
    .section_5 .s_5_slide {
        height: auto;
        padding: 0 20px;
        margin-top: 35px;
    }

    .section_5 .s_5_slide:after {
        display: none
    }

    .section_5 .s_5_slide .slide_wrap {
        max-width: 466px;
        height: 315px;
        margin: 0 auto;
        overflow: hidden;
    }
	
	.section_5 .s_5_slide .slide_wrap .obj {
		position: absolute;
		margin-left: 0;
	}
	
    .section_5 .s_5_slide .slide_wrap .obj .item {
        width: 100%;
        height: 100%;
        max-width: 466px
    }
	
	.section_5 .s_5_slide .slide_wrap .obj .item.ov a {
		padding: 0;
		height: 100%;
	}
	
	.section_5 .s_5_slide .slide_wrap .obj .item .thumb {
        width: auto;
        height: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    
    .section_5 .s_5_slide .slide_wrap .obj .item .thumb img {
        width: 100%
    }
	
	.section_5 .s_5_slide .slide_wrap .obj .item .ti {
        z-index: 2;
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 10px;
        color: #fff;
    }
    
    .section_5 .s_5_slide .descript {
        position: static;
        width: auto;
        max-width: 466px;
        margin: 0 auto;
        background-color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 30px 25px 0;
        height: 300px;
    }

    .section_5 .control {
        left: 0;
        right: 0;
        max-width: 466px;
        text-align: right;
        margin: 0 auto;
        padding-right: 25px
    }

    .section_5 .control a {
        float: none;
        display: inline-block
    }
}

/*section5*/

@media (max-width:530px) {

    .section_5 .s_5_slide .slide_wrap,
    .section_5 .s_5_slide .slide_wrap .obj .item,
    .section_5 .s_5_slide .descript {
        max-width: 320px;
    }

    .section_5 .s_5_slide .slide_wrap {
        height: 220px
    }
    
    .section_5 .s_5_slide .descript {
    	padding: 30px 25px 0;
    	height: 280px;
    }

	.section_5 .s_5_slide .descript .more {
		margin-top: 40px;
	}
}


@media (max-width:487px) {

    .section_5 .control {
        padding-right: 40px
    }
}