@charset "utf-8";

.subContent {padding-top:100px;}
h3.type1{text-align:center;font-size:40px;font-family:'GmarketSansBold';color:#00524b;position:relative;padding-bottom:100px;}
h3.type1::before{content:'';left:50%;bottom:0;position:absolute;width:6px;height:75px;background:#dcdcdc;border-radius:20px;}
.body-content{padding-top:50px;}
.body-content > .layout{padding-bottom:70px;}
.text_box .f_18{font-size:18px;}
.text_box .f_22{font-size:22px;}
.text_box .f_26{font-size:26px;}
.text_box .f_40{font-size:40px;}
.top_text{font-size:26px;font-weight:500;max-width:850px;margin:0 auto;}
.scroll-table .table{min-width:600px;}

/* sub1010_지오파크소개 */
.intro .logo_box{text-align:center;}
.intro .tit{font-weight:900;}
.dl_wrap.line{border:solid #333;border-width:1px 0;}
.dl_st1{display:flex;flex-wrap:wrap;font-size:18px;}
.dl_st1 > dt{width:90px;margin-right:10px;border-top:1px solid #333;font-weight:700;text-align:center;padding:23px 0;}
.dl_st1 > dd{width:calc(100% - 100px);border-top:1px solid #333;padding:23px 0;}
.dl_st1:first-child > dt, .dl_st1:first-child > dd{border-top:0;}
.sub1010_bt{padding:7% 0 5%;background:url('../images/sub/sub1010_bt_bg.jpg') center no-repeat;background-size:cover;color:#fff;}
p.f-wh{color:#fff;}
.text_box .f_24{font-size:24px;font-weight:500;}
.btn{font-size:25px;font-weight:500;border:0;padding:15px 30px;}
.btn.btn_bk{background:#000;color:#fff;}
.btn.btn_gr{background:#09b66b;color:#fff;}

/* sub1020_역대사업 */
.history_wrap .tit_box{font-family:'GmarketSansMedium';width:300px;}
.history_wrap .tit_box .text1{font-weight:500;font-size:20px;}
.history_wrap .tit_box .text2{font-size:50px;font-family:'GmarketSansBold';}
.history_wrap .tit_box .text3{font-size:30px;font-family:'GmarketSansBold';color:#aaa;}
.history{position:relative;width:calc(100% - 350px);margin-left:50px;padding-left:50px;}
.history::before{content:'';position:absolute;width:3px;height:100%;border-radius:10px;left:0;top:0;background:#ddd;}
.history > li .title{display:block;font-size:40px;font-family:'GmarketSansBold';padding:30px 0;border-bottom:1px solid #ddd;position:relative;}
.history > li .title::before{content:'';position:absolute;top:5px;right:30px;top:50%;width:25px;height:25px;margin-top:-10px;background: url('../images/common/tn-icon-sm.png') -75px 0 no-repeat;}
.history > li.active .title{border-bottom:2px solid #00524b;}
.history > li.active .title::before{transform:rotate(-180deg);}
.history > li .title p{margin-bottom:0;line-height:1;}
.history > li.active .title p{color:#00524b;}
.history > li .boxArea{display:none;border-bottom:1px solid #ddd;padding:20px 10px}
.history > li.active .boxArea{border-bottom:1px solid #00524b;}
.history > li.active .boxArea{display:block;}
.history > li .boxArea .table th,
.history > li .boxArea .table td{background:#fff;}
.dl_st2{display:flex;font-size:18px;font-weight:400;}
.dl_st2 + .dl_st2{margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.dl_st2 > dt{width:150px;font-weight:700;}
.dl_st2 > dd{width:calc(100% - 150px)}
.dl_st3 + .dl_st3{margin-top:20px;}
.dl_st3 > dt{position:relative;padding-left:15px;font-weight:700;}
.dl_st3 > dt::before{content:'';position:absolute;width:4px;height:4px;background:#666;left:0;top:10px;}
.ul_st1 > li{position:relative;padding-left:15px;font-size:16px;}
.ul_st1 > li + li{margin-top:5px;}
.ul_st1 > li::before{content:'';position:absolute;left:0;top:10px;width:7px;height:2px;background:#ccc;}
.ul_st2 > li{position:relative;font-size:16px;padding-left:10px;margin-bottom:5px;}
.ul_st2 > li::before{content:'';position:absolute;width:3px;height:3px;background:#ccc;left:0;top:10px;}

/* sub1030_지오토론회 */
.geo_event .outline h4{font-size:70px;font-family:'GmarketSansBold';color:#09b66b;}
.dl_st4{display:flex;border-top:1px solid #ccc;padding:3% 0;}
.dl_st4 > dt{width:25%;font-size:28px;font-family:'GmarketSansBold';color:#00524b;padding-right:20px;}
.dl_st4 > dd{width:75%;font-size:20px;}
.dl_st4 > dd .text1{font-weight:700;}
.dl_st4 > dd > p{margin:20px 0;}
.dl_st4 > dd > p:first-child{margin-top:0;}
.con_box + .con_box{margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.dl_st5{display:flex;}
.dl_st5 + .dl_st5{margin-top:20px;}
.dl_st5 dt{flex:0 0 150px;font-weight:700;}
.dl_st5 dd{font-weight:600;}
.round_bg{display:inline-block;width:120px;background:#00524b;color:#fff;border-radius:30px;padding:3px;text-align:center;}

/* 지오푸드 */
.dl_st6 {display:flex;}
.dl_st6 + .dl_st6{margin-top:15px;}
.dl_st6 dt{flex:0 0 200px;font-weight:700;}
.dl_st6 dd{font-weight:500;padding-top:3px;}
.dl_st6 .round_bg{width:160px;}
.geo_event .small{display:block;margin-left:10px;font-size:16px;}

/* sub3010_지오빌리지소개 */
.vill_top .tab_wrap{position:relative;padding:10% 0 5%;background:#f5f4f4;}
.vill_top .tab_wrap::before{content:'';position:absolute;width:100%;height:300px;left:0;top:0;background:url('../images/sub/vill_top_bg.jpg') center no-repeat;background-size:cover;}
.vill_top .tab_wrap .layout{display:flex;}
.vill_top .tab_list{flex:1 0 13%;margin:0 0.5%;}
.vill_top .tab_list a{display:block;padding:35px 10px;background:#fff;border:1px solid #bfbfbf;text-align:center;color:#444;height:200px;}
.vill_top .tit{font-size:16px;font-weight:400;}
.vill_top .tit .num{display:inline-block;padding:3px 5px 2px;font-size:16px;margin-right:10px;background:#707070;color:#fff;border-radius:10px;font-family:'GmarketSansMedium';}
.vill_top .tit .num b{font-family:'GmarketSansBold';}
.vill_top .name{font-size:20px;font-family:'GmarketSansBold';margin-top:10px;}
.vill_top .plus{display:block;margin:0 auto;width:27px;height:27px;margin-top:20px;position:relative;}
.vill_top .plus::before{content:'';position:absolute;width:27px;height:1px;left:0;top:50%;background:#666;}
.vill_top .plus::after{content:'';position:absolute;width:1px;height:27px;left:50%;top:0;background:#666;}
.vill_top .tab_list:hover a,.vill_top .tab_list.on a{background:#00524b;border-color:#00524b;color:#fff;padding-top:60px;}
.vill_top .tab_list:hover a .tit,.vill_top .tab_list.on a .tit{font-weight:600;}
.vill_top .tab_list:hover a .plus, .vill_top .tab_list.on a .plus{display:none;}

/* sub3020_지오빌리지마을 */
.vill_wrap{background:#f5f4f4;padding-bottom:70px;}
.vill_wrap .layout{background:#fff;padding-bottom:50px;}
.vill_wrap .tit_box{width:100%;min-height:400px;padding:10%;color:#fff;text-align:center;}
.vill_wrap .tit_box.vil_01{background:url('../images/sub/sub3020_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box.vil_02{background:url('../images/sub/sub3030_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box.vil_03{background:url('../images/sub/sub3040_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box.vil_04{background:url('../images/sub/sub3050_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box.vil_05{background:url('../images/sub/sub3060_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box.vil_06{background:url('../images/sub/sub3070_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box.vil_07{background:url('../images/sub/sub3080_tit_bg.jpg') center no-repeat;background-size:cover;}
.vill_wrap .tit_box .text1{font-size:50px;position:relative;padding-bottom:40px;font-weight:600;}
.vill_wrap .tit_box .text1::before{content:'';position:absolute;width:1px;height:30px;left:50%;bottom:0;background:#ddd;}
.vill_wrap .tit_box .text2{font-size:22px;font-weight:600;}
.vill_wrap .tit_box .vill{font-family:'GmarketSansBold';font-size:36px;}
.vill_wrap .vill_des{margin:7% auto;max-width:850px;text-align:center;font-size:18px;}
.vill_wrap .vill_des p + p{margin-top:20px;}
.vill_wrap .tab_wrap{padding:0 5%;}
.vill_wrap .tab_wrap .cat{display:flex;border:solid #ddd;border-width:1px 0 0 1px;margin-bottom:7%;}
.vill_wrap .tab_wrap .cat li{flex:1 0 auto;text-align:center;}
.vill_wrap .tab_wrap .cat li a{display:block;padding:10px;font-size:15px;font-weight:600;border:solid #ddd;border-width:0 1px 1px 0;}
.vill_wrap .tab_wrap .cat li:last-child a{border-right:1px solid #ddd;}
.vill_wrap .tab_wrap .cat li.on a{background:#00524b;color:#fff;border-color:#00524b;}
.vill_con + .vill_con{margin-top:70px;}
.vill_con > .tit{width:400px;}
.vill_con > div.rt_box{width:calc(100% - 400px);}
.vill_con .tit h4{font-family:'GmarketSansBold';font-size:28px;color:#00524b;margin-bottom:40px;}
.vill_con .tit p{font-size:20px;}
.vill_con .tit p.line{padding-top:40px;position:relative;letter-spacing:-0.05rem;font-weight:600;}
.vill_con .tit p.line::before{content:'';position:absolute;top:0;left:0;width:45px;height:1px;background:#a0a0a0;}
.vill_con p + p{margin-top:3.5%;}
.vill_con .left{float:left;margin:0 50px 30px 0;}

/* sub4010_지오푸드소개 */
.vill_top.food_top .tab_wrap::before{background:url('../images/sub/food_top_bg.jpg') center no-repeat;background-size:cover;}
.vill_top.food_top .tab_list a{height:250px;}

/* sub4020_지오푸드 */
.food_wrap .con_wrap{padding:5%;}
.img_box .round_img{max-width:180px;max-height:180px;border-radius:50%;overflow:hidden;margin:auto;}
.img_box .round_img img{object-fit:cover;}

/* 넓이가 1280px 이하일 때*/
@media all and (max-width:1280px) {

    /* sub1020_역대사업 */
    .history_wrap{flex-direction:column;}
    .history_wrap .tit_box,
    .history{width:100%;}

    /* sub3010_지오빌리지소개 */
    .vill_top .tab_list a{height:200px;}
    .vill_top .tit .num{font-size:16px;}
    .vill_top .tit{font-size:18px;}
    .vill_top .name{font-size:22px}

    /* sub3020_지오빌리지마을 */
    .vill_con{flex-direction:column;}
    .vill_con > .tit{width:100%;}
    .vill_con .tit p.line{padding-top:20px;font-size:18px;margin-bottom:30px;}
    .vill_con > div.rt_box{width:100%;}
    .vill_wrap .tab_wrap .con_wrap{margin-top:50px;}

}

@media (max-width:767px) {
    h3.type1{font-size:28px;}
    .top_text{font-size:18px;padding:0 3%}

    /* sub1010_지오파크소개 */
    .intro .logo_box img{height:300px;}
    .text_box .f_22{font-size:18px;}
    .text_box .f_40{font-size:26px;}
    .text_box .f_18{font-size:15px;}
    .text_box .f_24{font-size:18px;}
    .dl_st1{font-size:16px;}
    .dl_st1 dt,.dl_st1 dd{padding:15px 0;}
    .btn{font-size:20px;}

    /* sub1030_지오토론회 */
    .geo_event .outline h4{font-size:50px;}
    .dl_st4{flex-direction:column;}
    .dl_st4 > dt{width:100%;padding-right:0;margin:10px 0;}
    .dl_st4 > dd{width:100%;font-size:16px;}
    .dl_st5{flex-direction:column;}
    .dl_st5 dt,
    .dl_st5 dd{width:100%;}
    .dl_st5 dd{margin-top:10px;padding-left:10px;}

    /* sub1020_역대사업 */
    .history{padding-left:0;margin-left:0;}
    .history::before{content:none;}
    .dl_st2{flex-direction:column;}
    .dl_st2 > dt,
    .dl_st2 > dd{width:100%;}
    .dl_st2 > dd{margin-top:10px;}

    /* sub3010_지오빌리지소개 */
    .vill_top .tab_list a{height:180px;}
    .vill_top .tit .num{font-size:14px;}
    .vill_top .tit{font-size:14px;}
    .vill_top .name{font-size:20px}

    /* sub3020_지오빌리지마을 */
    .vill_wrap .tit_box{min-height:auto;}
    .vill_wrap .tit_box .text1{font-size:24px;}
    .vill_wrap .tit_box .vill{font-size:24px;}
    .vill_wrap .vill_des{font-size:15px;}
    .vill_wrap .tab_wrap{padding:0 3%;}
    .vill_wrap .tab_wrap .cat{flex-wrap:wrap;}
    .vill_con .tit h4{margin-bottom:20px;}
    .vill_con .tit p.line{margin-bottom:20px;}
    .vill_con .left{float:none;margin:0 auto 20px;text-align:center;}
    .vill_con + .vill_con{margin-top:50px;}

    /* 4010_지오푸드 */
    .vill_top.food_top .tab_list a{height:220px;}
    .food_wrap .con_wrap{padding:10% 3%;}

}