#sub_container{width:calc(100% - 360px);float:right}
#contents_wrap{
    width: 100%;
    margin: 70px auto;
    box-sizing: border-box;
    max-width: 1400px
}

#gnb_navigation p{font-size:20px}
#gnb_navigation p span{padding-right:30px;position:relative;color:#333}
#gnb_navigation p span:after{position:absolute;right:0;background:url(/pages/fund/img/sub/g_navigationbg.png) no-repeat 0 0;content:'';width:30px;height:30px;}
#gnb_navigation p span.page{font-weight:700;color:#333}
#gnb_navigation p span.page:after{display:none}
#contents_wrap h3.h3_contop{font-size:40px;padding:60px 0 30px;border-bottom:3px solid #0b8e49;color:#0b8e49;font-family:NanumMyeongjo;line-height:50px;font-weight:700;letter-spacing:-1.5px}
#sub_2depth {position:fixed;top:157px}
#sub_2depth a{width:208px;height:56px;line-height:56px;padding:0 25px;box-sizing:border-box;background:#e2e2e2;color:#333;font-size:16px;display:block}
#sub_2depth a.active{background:#369f67;color:#fff;font-weight:600}



/* 공통 */
.h3_butt{width:100%;float:left;position:relative;font-size:28px;color:#000;line-height:38px;padding:0px 0 15px 0;margin:25px 0 25px;font-weight:500;letter-spacing:-.09em;box-sizing:border-box}
.h3_butt:before{content:'';position:absolute;bottom:0;left:0;width:75px;height:1px;background:#000}
.h4_butt{position:relative;font-size:22px;color:#000;line-height:25px;padding:0 0 30px 15px;margin-top:20px;width:100%;float:left;font-weight:400;box-sizing:border-box;letter-spacing:-1px}
.h4_butt:before{content:'';position:absolute;top:2px;left:0;display:block;min-height:25px;background:url(/pages/fund/img/sub/h4_butt.jpg) 0 0 no-repeat;width:7px;height:25px}

.point_blue{color:#1158c1}
.point_blue2{color:#0d2550}
.point_black{color:#000}

/* tip 
.tip_type1{font-size:16px;color:#389d01;font-weight:500;position:relative;margin-top:10px;padding:0 0 20px 22px;display:inline-block}
.tip_type1:before{content:'';position:absolute;top:8px;left:0;display:block;background:url(../img/sub/tip_type1_icon.png) left top no-repeat;width:16px;height:16px}
*/

/* btn */
.btn_wrap{text-align:center}
.btn_wrap2{width:100%;overflow:hidden;margin-bottom:30px} 
.btn_wrap2 ul li{float:left;margin-right:5px}
.btn_dw{position:relative;border: 1px solid #6a6c6f;box-sizing:border-box;padding:10px 10px 10px 20px;width:240px;display:block;color:#666;background:url(/pages/fund/img/sub/btn_dw.png) no-repeat right top;border-radius: 10px;overflow:hidden;box-shadow: 0 0 6px #afafaf;margin-bottom: 10px;}
.btn_dw span {position:relative;transition:color .25s ease-out;-webkit-transition:color .5s ease-out;-moz-transition:color .5s ease-out;}
.btn_dw:hover {text-decoration:none}
.btn_dw:hover span {color:#fff;text-decoration:none;font-weight:700}
.btn_dw .hover {
	 position:absolute;
	 top:0;
	 left:0;
	 display:block;
	 width:100%;
	 height:100%;
	 background: #535151 url(/pages/fund/img/sub/btn_dw.png) no-repeat right bottom;
	 border:1px solid transparent;
	 transform:scale(1,0);
	 -webkit-transform:scale(1,0);
	 -moz-transform:scale(1,0);
	 -ms-transform:scale(1,0);
	 transform-origin:center top;
	 -webkit-transform-origin:center top;
	 -moz-transform-origin:center top;
	 -ms-transform-origin:center top;
	 transition:all .2s ease-out;
	 -webkit-transition:all .2s ease-out;
	 -moz-transition:all .2s ease-out;
	 }
.btn_dw:hover .hover {transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);	-ms-transform:scale(1,1);}



.table_des{padding-top:7px;font-size:16px}
.ready{background:#efefef url(/pages/gwangju/img/sub/img_ready.png) center 150px no-repeat;width:100%;height:550px}

.email_btn{color:#666}
/* left_type */
.common_left_type{width:100%;padding:50px 0 30px 0;overflow:hidden}
.common_left_type .cont_left{float:left;width:430px}
.common_left_type .cont_left h3{width:70%;word-break:keep-all;position:relative}
/* .common_left_type .cont_left h3:before{content:'';position:absolute;bottom:0;left:0;width:75px;height:1px;background:#042a59}
 */
 .common_left_type .cont_right{float:left;position:relative;width:calc(100% - 430px);box-sizing:border-box}

/* table */
.table_type1{border-collapse:separate;border-spacing:5px 0px;word-break:break-word;padding-bottom:30px;clear:both}
.table_type1 td,.table_type1 th{border-bottom:1px #ddd solid}
.table_type1 th{background:#fff;color:#000;vertical-align:middle;font-weight:500;line-height:25px;border-top:2px solid #333;border-bottom:2px solid #333;padding:10px}
.table_type1 th span{font-size:14px;font-weight:300;color:#444}
.table_type1 td{padding:8px 12px;line-height:30px;font-size:16px;text-align:center}
.table_type1-thead tbody tr:first-child td{border-top:0;}
.table_type1 li{position:relative}
.table_type1 table{word-break:keep-all !Important} 
.table_type1 table th:first-child{margin-top:0}
.table_type1 table td{border:1px solid #dadbe6;word-break:inherit;text-align:center}
.table_type1 table tr:first-child td{border-top:0;}
.table_type1 table thead th:first-child,.table_type1 table tbody td:first-child{ border-left-width:0}
.table_type1 table thead th:last-child,.table_type1 table tbody td:last-child{border-right-width:0}
.table_type1 .m_info{display:none}
.table_type1 table tfoot.subtotal td{border-left:none;background:#e3e8ef;font-weight:500}

.table_type2{margin: 4px 0 30px 0;}
.table_type2 table{border-top:1px solid #e2e2e2;text-align: center;font-size:14px;background:#fff;display:table}
.table_type2 td.ln_color {background:#e9eff3}
.table_type2 th, .table_type2 td{border:1px solid #e2e2e2;}
.table_type2 th{background-color: #f4f3f3;color: #494949;padding: 8px 15px;font-size:15px;font-weight:700}
.table_type2 td{color: #666;padding:10px;line-height:160%;font-size:14px}
.table_type2 a{font-weight:600;color:#de5a5a}
.table_type2 .m_info{display:none}

.p_box{border:1px solid #ddd;padding:30px}
.p_box2{background:#f2f2f2;padding:15px;text-align:right}


/* img */
.img_type1{padding:20px 0 0;text-align:center}

.img_type2{padding:0 0 40px 0}
.img_type2 ul{text-align:center}
.img_type2 ul li{display:inline-block;margin:0 20px 20px 0}

.img_type3{padding:20px 0}
.img_type3 ul li{float:left;margin-right:20px}

/* box */
.box_type1{background:#f8f8f8 url(../img/sub/box_type1_ico.png) 50px center no-repeat;width:100%;padding:30px 40px;box-sizing:border-box;overflow:hidden}
.box_type1 h4{color:#222;font-weight:400;font-size:20px;letter-spacing:-1px;padding:20px 0 6px 0}
.box_type1_wrap{padding-left:180px}

.box_type2{background:#fff url(../img/sub/box_type1_ico.png) 40px center no-repeat;width:100%;padding:30px 40px;border:1px solid #ddd;margin-top:50px;box-sizing:border-box;overflow:hidden}
.box_type2 h4{color:#222;font-weight:400;font-size:20px;letter-spacing:-1px;padding-bottom:6px}
.box_type2_wrap{padding-left:180px}

.box_type3{width:100%;padding:30px 40px;border:1px solid #ddd;box-sizing:border-box;overflow:hidden}

.download_top{position:relative;width:100%;box-sizing:border-box;background:#fff url(../img/sub/download_box_ico.png) 30px center no-repeat;padding:30px 40px;border:1px solid #ddd;margin-bottom:35px;overflow:hidden}
.download_top h4{float:left;font-weight:500;color:#000;font-size:20px;padding-left:30px}
.download_top h4 span.title{padding-left:20px;color:#666;font-weight:400;font-size:17px}
.download_top a{position:absolute;right:20px;top:23px}


.tip_wrap{width:100%;box-sizing:border-box;padding:50px;margin:20px 0 0 0;border:1px solid #ddd;background:#f9f9f9}

.tip_wrap .tip_title{color:#222;font-size:19px;font-weight:400}
/* ul */
.ul_type1{margin:0 0 30px 0;width:100%;overflow:hidden}
	.ul_type1 li{padding-left:15px;position:relative;margin-bottom:5px;line-height:25px}
	.ul_type1 li:last-child{margin-bottom:0}
	.ul_type1 li:before{content:'';display:block;position: absolute;left:0px;top:12px;border-radius:50%;width:4px;height:4px;background-color:#999}
	.ul_type1 li strong{color:#555;font-weight:400}
.ul_type2{margin:10px 0 30px 0;width:100%;overflow:hidden}
	.ul_type2 li{padding-left:15px;position: relative;margin-bottom:5px;line-height:25px}
	.ul_type2 li:last-child{margin-bottom:0}
	.ul_type2 li:before{content:'';display:block;position: absolute;left:0px;top:12px;width:7px;height:1px;background-color:#666}


.ol_type1{margin:0 0 30px 0;width:100%;overflow:hidden}
.ol_type1 li{margin-bottom:5px}


p.text_type1{padding-bottom:15px;font-size:18px;line-height:32px;clear:both}
p.text_type_g{font-size:16px;font-weight:600;color:#369f67;clear:both}

/* tab */
.tab_type1 {position:relative;overflow:hidden;margin-bottom:20px}
.tab_type1 ul li a {float:left;display:block;padding:20px; font-size:18px;line-height:16px; text-align:center; color:#333; font-weight:400;background:#f2f2f2;text-decoration:none;width:33.3%;box-sizing:Border-box}
.tab_type1 ul li a.on{background:#699b2f;color:#fff;font-weight:600}
.tab_type1 ul li a:hover{background:#ddd}
.tab_type1 ul li a.on:hover{background:#699b2f;color:#fff;font-weight:600}

/* tab */
.tab_type2 {position:relative;overflow:hidden;margin-bottom:20px}
.tab_type2 ul li a {float:left;display:block;padding:20px; font-size:16px;line-height:16px;text-align:center;  color:#333; font-weight:400;background:#f2f2f2;text-decoration:none;width:calc(100% / 6 - 1px);box-sizing:Border-box}
.tab_type2 ul li a.on{background:#699b2f;color:#fff;font-weight:600}
.tab_type2 ul li a:hover{background:#ddd}
.tab_type2 ul li a.on:hover{background:#699b2f;color:#fff;font-weight:600}

/*사이트맵*/
#sitemap{background: #0a0a0aeb;position:fixed;width:100%;height:100vh;z-index:9999;top:0;left:50%;transform:translateX(-50%);padding:180px 0 0 0;opacity:1;
@include mobile{display:none}
@include mobile-f{display:none}
@include tablet{display:none}
  a.btn_close{display:block;width:3rem;height:3rem;background:url(/pages/new_fund/img/navi_close_btn2.png) left center no-repeat;position:absolute;top:5%;right:10%}
  #sitemap_nav{display:flex;flex-wrap:wrap;max-width:1400px;margin:5rem auto 0;

    li{position:relative;flex:1;padding:0 1.5rem;
      @include desktop{flex:inherit;width:25%}
      @include tablet2{flex:inherit;width:33.3%}
      > a{display:block;color: #e9e7e7;font-size:1.5rem;text-align:left;font-weight:bold;padding-left: 0;
        &:hover{text-decoration:none}
      }
    }
    .sitemap_navi_2depth{padding: 2rem 0 0 0;margin-bottom:5rem;
      ul{text-align:left;border-left: solid 2px #29912d;
        li{width:100%;
          &:before{@include before;width:1px;height:100%;background:#8694a3}
          > a{color: #e9e9e9;font-size: 1.2rem;line-height:3rem;padding-left: 0rem;font-weight:500;
            &:hover{background:#4CAF50;color:#fff;text-decoration:none; padding-left:10px}
          }
        }
      }

    }
  }
}




/****** Mobile ******/
@media screen and (max-width:690px){

#sub_container{width:100%;padding:0 10px;box-sizing:border-box}
#contents_wrap{width:100%;   margin: 30px auto;}
#contents_wrap h3{font-size:24px;padding:20px 0 0}

#contents_wrap h3.h3_contop{font-size:28px;padding:40px 0 20px}

#gnb_navigation p{font-size:16px}
#gnb_navigation p span::after{background-position: 0 0}
#gnb_navigation p span.page{padding:0}

#sub_2depth {position:relative;top:60px;overflow:hidden}
#sub_2depth a{width:49.6%;margin:0 1px 1px 0;float:left;height:56px;line-height:56px;padding:0;text-align:center;box-sizing:border-box;background:#e2e2e2;color:#333;font-size:16px;display:block}
#sub_2depth a.active{background:#369f67;color:#fff;font-weight:600}

#page_content{}

.h3_butt{margin:50px 0 20px}
.h3_butt::before{display:none}

.h4_butt{font-size:19px;margin:30px 0 0;padding-left:16px }

/* 테이블 */
.table_type1{overflow:hidden;overflow-x:scroll;width:100%}
.table_type1 th,.table_type1 td{white-space:nowrap}
.table_type1 .m_info{display:block;line-height:20px;color:#36afea;padding:7px 0;font-weight:700}

.table_type2{overflow:hidden;overflow-x:scroll;width:100%}
.table_type2 th,.table_type2 td{white-space:nowrap}
.table_type2 .m_info{display:block;line-height:20px;color:#36afea;padding:7px 0;font-weight:700}


.img_type1 img{max-width:100%}
.btn_wrap2{margin:0}
.btn_wrap2 ul li a{margin-bottom:3px}

.tab_type1 ul li a{padding:20px 0;text-align:center}
.tab_type2 ul li a{padding:20px 0;text-align:center;width:calc(100% / 3 - 1px)}
p.text_type1{font-size:16px; line-height:25px; font-weight:300}

#sitemap {  padding: 40px 0 0 5%}
@include mobile{display:none}
}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:1112px) {
#sub_container{width:100%;padding:0 20px;box-sizing:border-box}
#contents_wrap{width:100%}
#contents_wrap h3{font-size:30px;border-bottom:2px solid;padding:50px 0 15px}

#contents_wrap h3.h3_contop{font-size:35px;padding:40px 0 20px}

#page_content{margin:20px 0 -10px 0}


#gnb_navigation p{font-size:16px}
#gnb_navigation p span::after{background-position: 0 0}

#sub_2depth {position:relative;top:60px;overflow:hidden;text-align:center}
#sub_2depth ul{width:100%;text-align:center;}
#sub_2depth ul li{display:inline-block}
#sub_2depth a{width:100%;float:left;height:56px;line-height:56px;padding:0 20px;box-sizing:border-box;background:#e2e2e2;color:#333;font-size:16px;display:block}
#sub_2depth a.active{background:#369f67;color:#fff;font-weight:600}

.h3_butt::before{display:none}

/* 테이블 */
.table_type1{overflow:hidden;overflow-x:scroll;width:100%}
.table_type1 th,.table_type1 td{white-space:nowrap}
.table_type1 .m_info{line-height:20px;color:#2da362;padding:7px 0;font-weight:700}

.tab_type2 ul li a{padding:20px 10px;}

#sitemap {  padding: 80px 0 0 10%}
}


@media screen and (max-width: 1200px) {

#sitemap {
    & #sitemap_nav {
        & li {
            > a {
                display: block;
                color: #e9e7e7;
                font-size: 1.2rem;
                text-align: left;
                font-weight: bold;
                padding-left: 0;
            }
        }
    }
}
#sitemap {
    & #sitemap_nav {
        & .sitemap_navi_2depth {
            & ul {
                & li {
                    > a {
                        color: #e9e9e9;
                        font-size: 1.0rem;
                        line-height: 2rem;
                        font-weight: 400;
                    }
                }
            }
        }
    }
}

    #sitemap #sitemap_nav li {
        flex: inherit;
        width: 25%;
    }
}

    }
}

}



/****** Tablet wide Device & Desktop Device ******/
@media screen and (min-width:1113px) and (max-width:1366px) {

#sub_2depth {position:relative;top:35px;overflow:hidden;text-align:center}
#sub_2depth ul{width:100%;text-align:center;}
#sub_2depth ul li{display:inline-block}
#sub_2depth a{width:100%;float:left;height:56px;line-height:56px;padding:0 40px !important;box-sizing:border-box;background:#e2e2e2;color:#333;font-size:16px;display:block}
#sub_2depth a.active{background:#369f67;color:#fff;font-weight:600}

#sub_container{width:calc(100% - 250px);padding:0 30px;box-sizing:border-box}
#contents_wrap{width:100%;margin:68px auto}
}





/****** Desktop Wide Device
@media screen and (min-width:1367px)and (max-width:1530px){
#contents_wrap{float:right;padding-right:60px;box-sizing:border-box;width:785px}

}
 ******/