/*서브페이지 소스 ver04*/

/* 중간 레이아웃 */
#container_c { position:relative; padding-bottom: 100px; max-width:1200px; margin:0 auto; }
#container_c > div:nth-child(3) { float: left; width: 900px;}

@media screen and (max-width: 1400px) {
    #container_c { padding-bottom:120px;}
}

@media screen and (max-width: 1200px) {
    #container_c { padding-bottom:100px; }
}

@media screen and (max-width: 1000px) {
    #container_c { padding-bottom:80px; }
}

@media screen and (max-width: 860px) {
    #container_c { padding-bottom:60px; }
}

@media screen and (max-width: 600px) {
    #container_c { padding-bottom:40px; }
}

@media screen and (max-width: 370px) {
    #container_c { padding-bottom:20px; }
}

#container:after{display:block;visibility:hidden;clear:both;content:""}
#container_wr{position:relative;margin:0 auto;padding-bottom:0;}
#container_wr:after{display:block;visibility:hidden;clear:both;content:""}
#container_s{padding:0;max-width:100%;margin:0 auto;}

#sub_top_img { position: relative; width:100%; }
#sub_top_img img { display: block; width:100%; }
#sub_top_img > .sub_top_text { 
    position: absolute; 
    color: #333333; 
    top:50%; 
    left:17.8987vw; 
    transform: translateY(-50%);
    /*text-shadow: 1px 1px 1px rgba(127, 127, 127, .5);*/
}
#sub_top_img > .sub_top_text > h1 {
    display: block;
    font-size: 40px;
    font-weight: 500
}
@media screen and (max-width: 1400px) {
    #sub_top_img > .sub_top_text {left: 5vw}
}
@media screen and (max-width: 1200px) {
    #sub_top_img > .sub_top_text > h1 {font-size: 30px}
}
@media screen and (max-width:860px) {
    #sub_top_img { height:180px; overflow: hidden; }
    #sub_top_img img { width:auto; height:100%; position: absolute; top:0; left:50%; transform: translateX(-50%); }

    #sub_top_img > .sub_top_text {width: 100%;}
    #sub_top_img > .sub_top_text > h1 {font-size: 20px}
}
@media screen and (max-width: 600px) {
    #sub_top_img { height:140px; }
    #sub_top_img > .sub_top_text > h1 {font-size: 15px; font-weight: 400;}
}
@media screen and (max-width: 450px) {
    #sub_top_img > .sub_top_text {display: none;}
}

.ct_bg{background:#efefef;height:98%;width:100%;position:absolute;top:225px}

#container_title{letter-spacing:1.5px;text-align :center;padding:0 15px;font-family:'NanumGothic',sans-serif;font-size:1.5em;margin:82px 0 20px}
#container_title span{display:inline-block;font-weight:bold;padding:0 10px}
.contents_tit{text-align :center;padding:0 15px;font-family:'NanumGothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.25em;margin:30px 0 10px}
.contents_tit span{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
.con_tit{display:inline-block;font-size:1em;margin:10px;color:#fff;background:#3e3e3e;padding:5px 10px}
.con_tit a{font-size:1em;color:#fff;}
.con_tit:after{display:block;visibility:hidden;clear:both;content:"";}


/* 서브메뉴 */
#container_c .location {
    width:100%;
    height:50px;
    text-align: right;
    font-weight:bold;
    color: #9c9c9c;
    font-size: 1em;
    margin-top:50px;
}
#container_c .location i {font-size: 1em;}
.location_box {
    background-color: #e8f0f4; border-top:1px solid #d5e0e5; border-bottom:1px solid #d5e0e5; color:#777; font-size:14px;
    height:50px; line-height: 49px; margin-bottom: 60px;
}
#container_c ul.sub_menu { float:left; width:220px; position: relative; margin-right:80px; margin-top: -70px;}
#container_c ul.sub_menu > li { width:220px; border-bottom: 1px solid #ddd; }

#container_c ul.sub_menu > li > a {
    font-size: 16px; height:50px; line-height: 49px; color: #444; letter-spacing: -1px; box-sizing: border-box; display: block; font-weight: 500;
    white-space: nowrap; text-align:left; position: relative; text-overflow: ellipsis; overflow: hidden; padding-left: 23px; 
}
#container_c ul.sub_menu > li > a:not(:only-child) { border-bottom: 1px solid #ddd; }

#container_c ul.sub_menu > li > a::after {
    content: ""; 
    position: absolute; 
    right:20px; 
    top:45%;
    transform: translateY(-50%); 
    background: url('../img/sub/menu_icon_off.png'); 
    display: block;
    width: 9px;
    height: 15px;
}

#container_c ul.sub_menu > li > a:hover::after { background: url('../img/sub/menu_icon_on.png'); }
#container_c ul.sub_menu > li > a.on::after { background: url('../img/sub/menu_icon_on.png'); }

#container_c ul.sub_menu > li > a:not(:only-child)::after {
    content:"+"; font-size:20px;
}

#container_c ul.sub_menu > li.sub_menu_title {
    width: 100%; 
    height: 170px; 
    line-height: 167px; 
    letter-spacing: -1px; 
    position: relative; 
    color:#fff; 
    font-size: 22px; 
    font-weight: 500; 
    border-bottom: 1px solid #fff; 
    background-color: #3168cd; 
    text-align: center;
}
#container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { color: #444444; background-color:#f7f7f7; }
#container_c ul.sub_menu > li > ul { padding:12px 18px; box-sizing: border-box; overflow: hidden; }
#container_c ul.sub_menu > li > ul > li > a {
    font-size:15px; 
    height:30px; 
    line-height:30px; 
    display: block; 
    color: #555; 
    padding-left: 14px; 
    position: relative; 
    letter-spacing: -1px;
}
#container_c ul.sub_menu > li > ul > li > a::before {
    content:""; 
    position: absolute; 
    display: block; 
    width:4px; 
    height:4px; 
    background-color: #2e2e2e; 
    top:50%;
    left:0; 
    transform: translateY(-50%);
}
#container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on {
    color: #609b16; 
    border-style: none; 
    background-color: transparent; 
    font-weight: 500;
}
#container_c ul.sub_menu > li > ul > li > a:hover::before, #container_c ul.sub_menu > li > ul > li > a.on::before {background-color: #609b16;}

#container_c ul.sub_menu #sub_quick { margin-top:70px; box-sizing: border-box; border-bottom: none; }
#container_c ul.sub_menu #sub_quick ul { padding:0; }
#sub_quick ul li { height: 75px; cursor: pointer; margin-bottom: 2px; background-color: #eeeeee; overflow: hidden;}
#sub_quick ul li p {
    float: left; 
    width: 90px;
    height: 75px;
    background-position: center;
    background-repeat: no-repeat;
}
#sub_quick ul li img { display: inline-block; }
#sub_quick ul li span {
    display: block; 
    font-size: 16px; 
    color: #222222; 
    letter-spacing: -1px; 
    white-space: nowrap; 
    float: left; 
    padding: 15px 0;
    opacity: .8;
    margin-left: 5px;
}
#sub_quick ul li span::before {
    display: block;
    clear: both;
    content: '영월군자원봉사센터';
    font-size: 13px;
    color: #222222;
    opacity: .5;
}
#sub_quick .sub_quick_cell1 p {background-image: url('../img/sub/submenu_quick_img1.png');}
#sub_quick .sub_quick_cell2 p {background-image: url('../img/sub/submenu_quick_img2.png');}
#sub_quick .sub_quick_cell3 p {background-image: url('../img/sub/submenu_quick_img3.png');}
#sub_quick .sub_quick_cell4 p {background-image: url('../img/sub/submenu_quick_img4.png');}

#sct_location { position: absolute; top: -50px; left:15.5vw; color:#333333; font-size: 14px; }

@media (max-width: 1400px) {
    #container_c > div:nth-child(3) { width:calc(100% - 20px); margin: 0 auto; float: none;}
    #container_c ul.sub_menu { width:100%; position: relative; top: auto;}
    #container_c ul.sub_menu #sub_quick { display: none; }
    #container_c ul.sub_menu > li > a:not(:only-child) { border-bottom: none; }
    .sub_con { padding:0 10px; }
    #sct_location { left:10px; top: 18px; color: #777777;}

    #container_c .location { margin-top:0; }
    #container_c ul.sub_menu { 
        border-bottom:0px solid #d0d0d0; 
        width:100%; 
        margin:50px auto 80px; 
        height:100%; 
        text-align: center; 
        position: relative;
    }
    #container_c ul.sub_menu .location {text-align: right; margin-bottom: 10px;}
    #container_c ul.sub_menu > li {
        display:inline-block; 
        width:27%; 
        max-width:140px; 
        margin:1px; 
        background:none;
    }
    #container_c ul.sub_menu > li > a::after { display: none; }
    #container_c ul.sub_menu > li > ul {
        position: absolute; left: 50%; transform: translateX(-50%); top: 105%; width: 90vw; display: none;
    }
    #container_c ul.sub_menu > li > a.on + ul { display: block; }
    #container_c ul.sub_menu > li > ul > li { display: inline-block; margin: 0 5px; }
    #container_c ul.sub_menu > li > ul > li > a { border: 1px solid #ddd; font-size:13px; padding:15px; line-height: 18px; height:auto; box-sizing: border-box; }
    #container_c ul.sub_menu > li > ul > li > a:hover, #container_c ul.sub_menu > li > ul > li > a.on { border: 3px solid #3168cd; color: #0a94d4; padding:10px; box-sizing: border-box; }
    #container_c ul.sub_menu > li > ul > li > a::before { display: none; }
    #container_c ul.sub_menu li a:not(:only-child)::after { display: none; }
    #container_c ul.sub_menu li a { letter-spacing: -1px; font-size: 15px; height: 40px; line-height: 40px; text-align: center; padding-left: 0; }
    #container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { line-height: 36px; border-bottom: 1px solid #3168cd;}
    #container_c ul.sub_menu > li > ul > li > a::before
    #container_c > div:nth-child(3) { float:none; width:100%; padding:0 10px; }
    #container_c ul.sub_menu li.sub_menu_title { 
        display: block; 
        max-width: none; 
        background:none; 
        color:#3168cd; 
        text-align: center; 
        font-weight: 600; 
        height:100px; 
        line-height: 99px;
    }
    #container_c ul.sub_menu::after { display: none; }
}
@media screen and (max-width: 1220px) {
    .location_box { margin-bottom:0; }
    #container_c .lc_bix_inner { padding-left:10px; }
}
@media screen and (max-width: 1000px) {
    #sct_location { font-size: 12px; }
}
@media (max-width: 600px){
    #container_wr{margin:0}
    #container_title{margin:20px;font-size:1.167em;}
    #container_c ul.sub_menu > li > ul > li { margin:0; }
    #container_c ul.sub_menu { margin:40px 0 70px; padding:0 50px; }
    #container_c ul.sub_menu > li { width:30%; }
    #container_c ul.sub_menu > li > a { font-size:12px; line-height:14px; overflow: hidden; text-overflow: clip; white-space: normal; padding: 7px 0; height:auto; word-break: keep-all; }
    #container_c ul.sub_menu > li > a:hover, #container_c ul.sub_menu > li > a.on { line-height:14px; }
    #container_c ul.sub_menu > li > ul > li > a { font-size:12px; line-height: 16px; padding:7px; }
    #container_c ul.sub_menu li.sub_menu_title { padding-left: 10px; background-position: left top; font-size: 20px; }
}

#container_c .page_title { 
    padding:40px 0; 
    font-size: 28px; 
    line-height: 28px; 
    text-align: left; 
    font-weight: 400; 
    color: #222;
    border-bottom:1px solid #ccc; 
    letter-spacing: -1px; 
    max-width: 900px; 
    /*margin: 0 auto;*/
}
#container_c .page_title > h3 {font-weight: 500;}


@media screen and (max-width:1400px) {
    #container_c .page_title { font-size: 26px; padding: 0 10px 25px; max-width: 1400px; }
}
@media screen and (max-width:1200px) {
    #container_c .page_title { font-size: 24px; padding: 0 10px 15px; }
}
@media screen and (max-width:1000px) {
    #container_c .page_title { /*font-size: 20px;*/ padding: 0 10px 15px; }
}
@media screen and (max-width:860px) {
    #container_c .page_title { /*font-size: 18px;*/ padding: 0 10px 15px; }
}


/*서브페이지 기본*/
.sub_con .sign_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sub_con p.sign {
    display: inline-block;
    font-size: 21px;
    color: #333333;
    margin-right: 1rem;
}
.sub_con .sign_wrap span.sign_b {
    font-family: InkLipquid;
    font-size: 40px;
    font-weight: 100;
}

.sub_con b.sign_img {
    display: inline-block;
    width: 170px;
    height: 50px;
    background-image: url('../img/sub/w1/w1_sign.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 700px) {
    .sub_con p.sign {font-size: 16px;}
    .sub_con b.sign_img {background-size: 140px auto; width: 140px;}
}

@media screen and (max-width: 500px) {
    .sub_con p.sign {font-size: 13px;}
    .sub_con .sign_wrap span.sign_b {font-size: 35px;}
    .sub_con b.sign_img {background-size: 100px auto; width: 100px;height: 30px;}
}

.sub_con.reletive {position: relative;}
.sub_con_bg_img { position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.max-width80 { max-width: 80px; }
.max-width100 { max-width: 100px; }
.max-width470 { max-width: 470px; }
.max-width800 { max-width: 800px; }
.max-width880 { max-width: 880px; }
.max-width920 { max-width: 920px; }
.max-width1150 { max-width: 1150px; }
.max-width1160 { max-width: 1160px; }
.max-width1188 { max-width: 1188px; }

.marginauto { margin:0 auto; }


/*margin-top 시작*/
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }
.mt85 { margin-top: 85px !important; }
.mt90 { margin-top: 90px !important; }
.mt95 { margin-top: 95px !important; }
.mt100 { margin-top: 100px !important; }

@media screen and (max-width: 1200px) {
    .mt10 { margin-top: 8px !important; }
    .mt15 { margin-top: 12px !important; }
    .mt20 { margin-top: 16px !important; }
    .mt25 { margin-top: 20px !important; }
    .mt30 { margin-top: 24px !important; }
    .mt35 { margin-top: 28px !important; }
    .mt40 { margin-top: 32px !important; }
    .mt45 { margin-top: 36px !important; }
    .mt50 { margin-top: 40px !important; }
    .mt55 { margin-top: 44px !important; }
    .mt60 { margin-top: 48px !important; }
    .mt65 { margin-top: 52px !important; }
    .mt70 { margin-top: 56px !important; }
    .mt75 { margin-top: 60px !important; }
    .mt80 { margin-top: 64px !important; }
    .mt85 { margin-top: 68px !important; }
    .mt90 { margin-top: 72px !important; }
    .mt95 { margin-top: 76px !important; }
    .mt100 { margin-top: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .mt10 { margin-top: 6px !important; }
    .mt15 { margin-top: 9px !important; }
    .mt20 { margin-top: 12px !important; }
    .mt25 { margin-top: 15px !important; }
    .mt30 { margin-top: 18px !important; }
    .mt35 { margin-top: 21px !important; }
    .mt40 { margin-top: 24px !important; }
    .mt45 { margin-top: 27px !important; }
    .mt50 { margin-top: 30px !important; }
    .mt55 { margin-top: 33px !important; }
    .mt60 { margin-top: 36px !important; }
    .mt65 { margin-top: 39px !important; }
    .mt70 { margin-top: 42px !important; }
    .mt75 { margin-top: 45px !important; }
    .mt80 { margin-top: 48px !important; }
    .mt85 { margin-top: 51px !important; }
    .mt90 { margin-top: 54px !important; }
    .mt95 { margin-top: 57px !important; }
    .mt100 { margin-top: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mt10 { margin-top: 4px !important; }
    .mt15 { margin-top: 6px !important; }
    .mt20 { margin-top: 8px !important; }
    .mt25 { margin-top: 10px !important; }
    .mt30 { margin-top: 12px !important; }
    .mt35 { margin-top: 14px !important; }
    .mt40 { margin-top: 16px !important; }
    .mt45 { margin-top: 18px !important; }
    .mt50 { margin-top: 20px !important; }
    .mt55 { margin-top: 22px !important; }
    .mt60 { margin-top: 24px !important; }
    .mt65 { margin-top: 26px !important; }
    .mt70 { margin-top: 28px !important; }
    .mt75 { margin-top: 30px !important; }
    .mt80 { margin-top: 32px !important; }
    .mt85 { margin-top: 34px !important; }
    .mt90 { margin-top: 36px !important; }
    .mt95 { margin-top: 38px !important; }
    .mt100 { margin-top: 40px !important; }
}*/

/*margin-right 시작*/
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }
.mr85 { margin-right: 85px !important; }
.mr90 { margin-right: 90px !important; }
.mr95 { margin-right: 95px !important; }
.mr100 { margin-right: 100px !important; }

@media screen and (max-width: 1200px) {
    .mr10 { margin-right: 8px !important; }
    .mr15 { margin-right: 12px !important; }
    .mr20 { margin-right: 16px !important; }
    .mr25 { margin-right: 20px !important; }
    .mr30 { margin-right: 24px !important; }
    .mr35 { margin-right: 28px !important; }
    .mr40 { margin-right: 32px !important; }
    .mr45 { margin-right: 36px !important; }
    .mr50 { margin-right: 40px !important; }
    .mr55 { margin-right: 44px !important; }
    .mr60 { margin-right: 48px !important; }
    .mr65 { margin-right: 52px !important; }
    .mr70 { margin-right: 56px !important; }
    .mr75 { margin-right: 60px !important; }
    .mr80 { margin-right: 64px !important; }
    .mr85 { margin-right: 68px !important; }
    .mr90 { margin-right: 72px !important; }
    .mr95 { margin-right: 76px !important; }
    .mr100 { margin-right: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .mr10 { margin-right: 6px !important; }
    .mr15 { margin-right: 9px !important; }
    .mr20 { margin-right: 12px !important; }
    .mr25 { margin-right: 15px !important; }
    .mr30 { margin-right: 18px !important; }
    .mr35 { margin-right: 21px !important; }
    .mr40 { margin-right: 24px !important; }
    .mr45 { margin-right: 27px !important; }
    .mr50 { margin-right: 30px !important; }
    .mr55 { margin-right: 33px !important; }
    .mr60 { margin-right: 36px !important; }
    .mr65 { margin-right: 39px !important; }
    .mr70 { margin-right: 42px !important; }
    .mr75 { margin-right: 45px !important; }
    .mr80 { margin-right: 48px !important; }
    .mr85 { margin-right: 51px !important; }
    .mr90 { margin-right: 54px !important; }
    .mr95 { margin-right: 57px !important; }
    .mr100 { margin-right: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mr10 { margin-right: 4px !important; }
    .mr15 { margin-right: 6px !important; }
    .mr20 { margin-right: 8px !important; }
    .mr25 { margin-right: 10px !important; }
    .mr30 { margin-right: 12px !important; }
    .mr35 { margin-right: 14px !important; }
    .mr40 { margin-right: 16px !important; }
    .mr45 { margin-right: 18px !important; }
    .mr50 { margin-right: 20px !important; }
    .mr55 { margin-right: 22px !important; }
    .mr60 { margin-right: 24px !important; }
    .mr65 { margin-right: 26px !important; }
    .mr70 { margin-right: 28px !important; }
    .mr75 { margin-right: 30px !important; }
    .mr80 { margin-right: 32px !important; }
    .mr85 { margin-right: 34px !important; }
    .mr90 { margin-right: 36px !important; }
    .mr95 { margin-right: 38px !important; }
    .mr100 { margin-right: 40px !important; }
}*/


/*margin-bottom 시작*/
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }
.mb100 { margin-bottom: 100px !important; }

@media screen and (max-width: 1200px) {
    .mb10 { margin-bottom: 8px !important; }
    .mb15 { margin-bottom: 12px !important; }
    .mb20 { margin-bottom: 16px !important; }
    .mb25 { margin-bottom: 20px !important; }
    .mb30 { margin-bottom: 24px !important; }
    .mb35 { margin-bottom: 28px !important; }
    .mb40 { margin-bottom: 32px !important; }
    .mb45 { margin-bottom: 36px !important; }
    .mb50 { margin-bottom: 40px !important; }
    .mb55 { margin-bottom: 44px !important; }
    .mb60 { margin-bottom: 48px !important; }
    .mb65 { margin-bottom: 52px !important; }
    .mb70 { margin-bottom: 56px !important; }
    .mb75 { margin-bottom: 60px !important; }
    .mb80 { margin-bottom: 64px !important; }
    .mb85 { margin-bottom: 68px !important; }
    .mb90 { margin-bottom: 72px !important; }
    .mb95 { margin-bottom: 76px !important; }
    .mb100 { margin-bottom: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .mb10 { margin-bottom: 6px !important; }
    .mb15 { margin-bottom: 9px !important; }
    .mb20 { margin-bottom: 12px !important; }
    .mb25 { margin-bottom: 15px !important; }
    .mb30 { margin-bottom: 18px !important; }
    .mb35 { margin-bottom: 21px !important; }
    .mb40 { margin-bottom: 24px !important; }
    .mb45 { margin-bottom: 27px !important; }
    .mb50 { margin-bottom: 30px !important; }
    .mb55 { margin-bottom: 33px !important; }
    .mb60 { margin-bottom: 36px !important; }
    .mb65 { margin-bottom: 39px !important; }
    .mb70 { margin-bottom: 42px !important; }
    .mb75 { margin-bottom: 45px !important; }
    .mb80 { margin-bottom: 48px !important; }
    .mb85 { margin-bottom: 51px !important; }
    .mb90 { margin-bottom: 54px !important; }
    .mb95 { margin-bottom: 57px !important; }
    .mb100 { margin-bottom: 60px !important; }
}

@media screen and (max-width: 600px) {
    .mb10 { margin-bottom: 4px !important; }
    .mb15 { margin-bottom: 6px !important; }
    .mb20 { margin-bottom: 8px !important; }
    .mb25 { margin-bottom: 10px !important; }
    .mb30 { margin-bottom: 12px !important; }
    .mb35 { margin-bottom: 14px !important; }
    .mb40 { margin-bottom: 16px !important; }
    .mb45 { margin-bottom: 18px !important; }
    .mb50 { margin-bottom: 20px !important; }
    .mb55 { margin-bottom: 22px !important; }
    .mb60 { margin-bottom: 24px !important; }
    .mb65 { margin-bottom: 26px !important; }
    .mb70 { margin-bottom: 28px !important; }
    .mb75 { margin-bottom: 30px !important; }
    .mb80 { margin-bottom: 32px !important; }
    .mb85 { margin-bottom: 34px !important; }
    .mb90 { margin-bottom: 36px !important; }
    .mb95 { margin-bottom: 38px !important; }
    .mb100 { margin-bottom: 40px !important; }
}*/

/*margin-left 시작*/
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }
.ml85 { margin-left: 85px !important; }
.ml90 { margin-left: 90px !important; }
.ml95 { margin-left: 95px !important; }
.ml100 { margin-left: 100px !important; }

@media screen and (max-width: 1200px) {
    .ml10 { margin-left: 8px !important; }
    .ml15 { margin-left: 12px !important; }
    .ml20 { margin-left: 16px !important; }
    .ml25 { margin-left: 20px !important; }
    .ml30 { margin-left: 24px !important; }
    .ml35 { margin-left: 28px !important; }
    .ml40 { margin-left: 32px !important; }
    .ml45 { margin-left: 36px !important; }
    .ml50 { margin-left: 40px !important; }
    .ml55 { margin-left: 44px !important; }
    .ml60 { margin-left: 48px !important; }
    .ml65 { margin-left: 52px !important; }
    .ml70 { margin-left: 56px !important; }
    .ml75 { margin-left: 60px !important; }
    .ml80 { margin-left: 64px !important; }
    .ml85 { margin-left: 68px !important; }
    .ml90 { margin-left: 72px !important; }
    .ml95 { margin-left: 76px !important; }
    .ml100 { margin-left: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .ml10 { margin-left: 6px !important; }
    .ml15 { margin-left: 9px !important; }
    .ml20 { margin-left: 12px !important; }
    .ml25 { margin-left: 15px !important; }
    .ml30 { margin-left: 18px !important; }
    .ml35 { margin-left: 21px !important; }
    .ml40 { margin-left: 24px !important; }
    .ml45 { margin-left: 27px !important; }
    .ml50 { margin-left: 30px !important; }
    .ml55 { margin-left: 33px !important; }
    .ml60 { margin-left: 36px !important; }
    .ml65 { margin-left: 39px !important; }
    .ml70 { margin-left: 42px !important; }
    .ml75 { margin-left: 45px !important; }
    .ml80 { margin-left: 48px !important; }
    .ml85 { margin-left: 51px !important; }
    .ml90 { margin-left: 54px !important; }
    .ml95 { margin-left: 57px !important; }
    .ml100 { margin-left: 60px !important; }
}

@media screen and (max-width: 600px) {
    .ml10 { margin-left: 4px !important; }
    .ml15 { margin-left: 6px !important; }
    .ml20 { margin-left: 8px !important; }
    .ml25 { margin-left: 10px !important; }
    .ml30 { margin-left: 12px !important; }
    .ml35 { margin-left: 14px !important; }
    .ml40 { margin-left: 16px !important; }
    .ml45 { margin-left: 18px !important; }
    .ml50 { margin-left: 20px !important; }
    .ml55 { margin-left: 22px !important; }
    .ml60 { margin-left: 24px !important; }
    .ml65 { margin-left: 26px !important; }
    .ml70 { margin-left: 28px !important; }
    .ml75 { margin-left: 30px !important; }
    .ml80 { margin-left: 32px !important; }
    .ml85 { margin-left: 34px !important; }
    .ml90 { margin-left: 36px !important; }
    .ml95 { margin-left: 38px !important; }
    .ml100 { margin-left: 40px !important; }
}*/


/*padding-top 시작*/
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
.pt65 { padding-top: 65px !important; }
.pt70 { padding-top: 70px !important; }
.pt75 { padding-top: 75px !important; }
.pt80 { padding-top: 80px !important; }
.pt85 { padding-top: 85px !important; }
.pt90 { padding-top: 90px !important; }
.pt95 { padding-top: 95px !important; }
.pt100 { padding-top: 100px !important; }

@media screen and (max-width: 1200px) {
    .pt10 { padding-top: 8px !important; }
    .pt15 { padding-top: 12px !important; }
    .pt20 { padding-top: 16px !important; }
    .pt25 { padding-top: 20px !important; }
    .pt30 { padding-top: 24px !important; }
    .pt35 { padding-top: 28px !important; }
    .pt40 { padding-top: 32px !important; }
    .pt45 { padding-top: 36px !important; }
    .pt50 { padding-top: 40px !important; }
    .pt55 { padding-top: 44px !important; }
    .pt60 { padding-top: 48px !important; }
    .pt65 { padding-top: 52px !important; }
    .pt70 { padding-top: 56px !important; }
    .pt75 { padding-top: 60px !important; }
    .pt80 { padding-top: 64px !important; }
    .pt85 { padding-top: 68px !important; }
    .pt90 { padding-top: 72px !important; }
    .pt95 { padding-top: 76px !important; }
    .pt100 { padding-top: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .pt10 { padding-top: 6px !important; }
    .pt15 { padding-top: 9px !important; }
    .pt20 { padding-top: 12px !important; }
    .pt25 { padding-top: 15px !important; }
    .pt30 { padding-top: 18px !important; }
    .pt35 { padding-top: 21px !important; }
    .pt40 { padding-top: 24px !important; }
    .pt45 { padding-top: 27px !important; }
    .pt50 { padding-top: 30px !important; }
    .pt55 { padding-top: 33px !important; }
    .pt60 { padding-top: 36px !important; }
    .pt65 { padding-top: 39px !important; }
    .pt70 { padding-top: 42px !important; }
    .pt75 { padding-top: 45px !important; }
    .pt80 { padding-top: 48px !important; }
    .pt85 { padding-top: 51px !important; }
    .pt90 { padding-top: 54px !important; }
    .pt95 { padding-top: 57px !important; }
    .pt100 { padding-top: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pt10 { padding-top: 4px !important; }
    .pt15 { padding-top: 6px !important; }
    .pt20 { padding-top: 8px !important; }
    .pt25 { padding-top: 10px !important; }
    .pt30 { padding-top: 12px !important; }
    .pt35 { padding-top: 14px !important; }
    .pt40 { padding-top: 16px !important; }
    .pt45 { padding-top: 18px !important; }
    .pt50 { padding-top: 20px !important; }
    .pt55 { padding-top: 22px !important; }
    .pt60 { padding-top: 24px !important; }
    .pt65 { padding-top: 26px !important; }
    .pt70 { padding-top: 28px !important; }
    .pt75 { padding-top: 30px !important; }
    .pt80 { padding-top: 32px !important; }
    .pt85 { padding-top: 34px !important; }
    .pt90 { padding-top: 36px !important; }
    .pt95 { padding-top: 38px !important; }
    .pt100 { padding-top: 40px !important; }
}*/

/*padding-right 시작*/
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
.pr65 { padding-right: 65px !important; }
.pr70 { padding-right: 70px !important; }
.pr75 { padding-right: 75px !important; }
.pr80 { padding-right: 80px !important; }
.pr85 { padding-right: 85px !important; }
.pr90 { padding-right: 90px !important; }
.pr95 { padding-right: 95px !important; }
.pr100 { padding-right: 100px !important; }

@media screen and (max-width: 1200px) {
    .pr10 { padding-right: 8px !important; }
    .pr15 { padding-right: 12px !important; }
    .pr20 { padding-right: 16px !important; }
    .pr25 { padding-right: 20px !important; }
    .pr30 { padding-right: 24px !important; }
    .pr35 { padding-right: 28px !important; }
    .pr40 { padding-right: 32px !important; }
    .pr45 { padding-right: 36px !important; }
    .pr50 { padding-right: 40px !important; }
    .pr55 { padding-right: 44px !important; }
    .pr60 { padding-right: 48px !important; }
    .pr65 { padding-right: 52px !important; }
    .pr70 { padding-right: 56px !important; }
    .pr75 { padding-right: 60px !important; }
    .pr80 { padding-right: 64px !important; }
    .pr85 { padding-right: 68px !important; }
    .pr90 { padding-right: 72px !important; }
    .pr95 { padding-right: 76px !important; }
    .pr100 { padding-right: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .pr10 { padding-right: 6px !important; }
    .pr15 { padding-right: 9px !important; }
    .pr20 { padding-right: 12px !important; }
    .pr25 { padding-right: 15px !important; }
    .pr30 { padding-right: 18px !important; }
    .pr35 { padding-right: 21px !important; }
    .pr40 { padding-right: 24px !important; }
    .pr45 { padding-right: 27px !important; }
    .pr50 { padding-right: 30px !important; }
    .pr55 { padding-right: 33px !important; }
    .pr60 { padding-right: 36px !important; }
    .pr65 { padding-right: 39px !important; }
    .pr70 { padding-right: 42px !important; }
    .pr75 { padding-right: 45px !important; }
    .pr80 { padding-right: 48px !important; }
    .pr85 { padding-right: 51px !important; }
    .pr90 { padding-right: 54px !important; }
    .pr95 { padding-right: 57px !important; }
    .pr100 { padding-right: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pr10 { padding-right: 4px !important; }
    .pr15 { padding-right: 6px !important; }
    .pr20 { padding-right: 8px !important; }
    .pr25 { padding-right: 10px !important; }
    .pr30 { padding-right: 12px !important; }
    .pr35 { padding-right: 14px !important; }
    .pr40 { padding-right: 16px !important; }
    .pr45 { padding-right: 18px !important; }
    .pr50 { padding-right: 20px !important; }
    .pr55 { padding-right: 22px !important; }
    .pr60 { padding-right: 24px !important; }
    .pr65 { padding-right: 26px !important; }
    .pr70 { padding-right: 28px !important; }
    .pr75 { padding-right: 30px !important; }
    .pr80 { padding-right: 32px !important; }
    .pr85 { padding-right: 34px !important; }
    .pr90 { padding-right: 36px !important; }
    .pr95 { padding-right: 38px !important; }
    .pr100 { padding-right: 40px !important; }
}*/

/*padding-bottom 시작*/
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb65 { padding-bottom: 65px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb75 { padding-bottom: 75px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb85 { padding-bottom: 85px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb95 { padding-bottom: 95px !important; }
.pb100 { padding-bottom: 100px !important; }

@media screen and (max-width: 1200px) {
    .pb10 { padding-bottom: 8px !important; }
    .pb15 { padding-bottom: 12px !important; }
    .pb20 { padding-bottom: 16px !important; }
    .pb25 { padding-bottom: 20px !important; }
    .pb30 { padding-bottom: 24px !important; }
    .pb35 { padding-bottom: 28px !important; }
    .pb40 { padding-bottom: 32px !important; }
    .pb45 { padding-bottom: 36px !important; }
    .pb50 { padding-bottom: 40px !important; }
    .pb55 { padding-bottom: 44px !important; }
    .pb60 { padding-bottom: 48px !important; }
    .pb65 { padding-bottom: 52px !important; }
    .pb70 { padding-bottom: 56px !important; }
    .pb75 { padding-bottom: 60px !important; }
    .pb80 { padding-bottom: 64px !important; }
    .pb85 { padding-bottom: 68px !important; }
    .pb90 { padding-bottom: 72px !important; }
    .pb95 { padding-bottom: 76px !important; }
    .pb100 { padding-bottom: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .pb10 { padding-bottom: 6px !important; }
    .pb15 { padding-bottom: 9px !important; }
    .pb20 { padding-bottom: 12px !important; }
    .pb25 { padding-bottom: 15px !important; }
    .pb30 { padding-bottom: 18px !important; }
    .pb35 { padding-bottom: 21px !important; }
    .pb40 { padding-bottom: 24px !important; }
    .pb45 { padding-bottom: 27px !important; }
    .pb50 { padding-bottom: 30px !important; }
    .pb55 { padding-bottom: 33px !important; }
    .pb60 { padding-bottom: 36px !important; }
    .pb65 { padding-bottom: 39px !important; }
    .pb70 { padding-bottom: 42px !important; }
    .pb75 { padding-bottom: 45px !important; }
    .pb80 { padding-bottom: 48px !important; }
    .pb85 { padding-bottom: 51px !important; }
    .pb90 { padding-bottom: 54px !important; }
    .pb95 { padding-bottom: 57px !important; }
    .pb100 { padding-bottom: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pb10 { padding-bottom: 4px !important; }
    .pb15 { padding-bottom: 6px !important; }
    .pb20 { padding-bottom: 8px !important; }
    .pb25 { padding-bottom: 10px !important; }
    .pb30 { padding-bottom: 12px !important; }
    .pb35 { padding-bottom: 14px !important; }
    .pb40 { padding-bottom: 16px !important; }
    .pb45 { padding-bottom: 18px !important; }
    .pb50 { padding-bottom: 20px !important; }
    .pb55 { padding-bottom: 22px !important; }
    .pb60 { padding-bottom: 24px !important; }
    .pb65 { padding-bottom: 26px !important; }
    .pb70 { padding-bottom: 28px !important; }
    .pb75 { padding-bottom: 30px !important; }
    .pb80 { padding-bottom: 32px !important; }
    .pb85 { padding-bottom: 34px !important; }
    .pb90 { padding-bottom: 36px !important; }
    .pb95 { padding-bottom: 38px !important; }
    .pb100 { padding-bottom: 40px !important; }
}*/

/*padding-left 시작*/
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }
.pl65 { padding-left: 65px !important; }
.pl70 { padding-left: 70px !important; }
.pl75 { padding-left: 75px !important; }
.pl80 { padding-left: 80px !important; }
.pl85 { padding-left: 85px !important; }
.pl90 { padding-left: 90px !important; }
.pl95 { padding-left: 95px !important; }
.pl100 { padding-left: 100px !important; }

@media screen and (max-width: 1200px) {
    .pl10 { padding-left: 8px !important; }
    .pl15 { padding-left: 12px !important; }
    .pl20 { padding-left: 16px !important; }
    .pl25 { padding-left: 20px !important; }
    .pl30 { padding-left: 24px !important; }
    .pl35 { padding-left: 28px !important; }
    .pl40 { padding-left: 32px !important; }
    .pl45 { padding-left: 36px !important; }
    .pl50 { padding-left: 40px !important; }
    .pl55 { padding-left: 44px !important; }
    .pl60 { padding-left: 48px !important; }
    .pl65 { padding-left: 52px !important; }
    .pl70 { padding-left: 56px !important; }
    .pl75 { padding-left: 60px !important; }
    .pl80 { padding-left: 64px !important; }
    .pl85 { padding-left: 68px !important; }
    .pl90 { padding-left: 72px !important; }
    .pl95 { padding-left: 76px !important; }
    .pl100 { padding-left: 80px !important; }
}

/*@media screen and (max-width: 860px) {
    .pl10 { padding-left: 6px !important; }
    .pl15 { padding-left: 9px !important; }
    .pl20 { padding-left: 12px !important; }
    .pl25 { padding-left: 15px !important; }
    .pl30 { padding-left: 18px !important; }
    .pl35 { padding-left: 21px !important; }
    .pl40 { padding-left: 24px !important; }
    .pl45 { padding-left: 27px !important; }
    .pl50 { padding-left: 30px !important; }
    .pl55 { padding-left: 33px !important; }
    .pl60 { padding-left: 36px !important; }
    .pl65 { padding-left: 39px !important; }
    .pl70 { padding-left: 42px !important; }
    .pl75 { padding-left: 45px !important; }
    .pl80 { padding-left: 48px !important; }
    .pl85 { padding-left: 51px !important; }
    .pl90 { padding-left: 54px !important; }
    .pl95 { padding-left: 57px !important; }
    .pl100 { padding-left: 60px !important; }
}

@media screen and (max-width: 600px) {
    .pl10 { padding-left: 4px !important; }
    .pl15 { padding-left: 6px !important; }
    .pl20 { padding-left: 8px !important; }
    .pl25 { padding-left: 10px !important; }
    .pl30 { padding-left: 12px !important; }
    .pl35 { padding-left: 14px !important; }
    .pl40 { padding-left: 16px !important; }
    .pl45 { padding-left: 18px !important; }
    .pl50 { padding-left: 20px !important; }
    .pl55 { padding-left: 22px !important; }
    .pl60 { padding-left: 24px !important; }
    .pl65 { padding-left: 26px !important; }
    .pl70 { padding-left: 28px !important; }
    .pl75 { padding-left: 30px !important; }
    .pl80 { padding-left: 32px !important; }
    .pl85 { padding-left: 34px !important; }
    .pl90 { padding-left: 36px !important; }
    .pl95 { padding-left: 38px !important; }
    .pl100 { padding-left: 40px !important; }
}*/

/*서브콘텐츠 레이아웃 툴 시작*/


/*연혁1 시작*/
.sub_con .history_text_row { border-top: 1px solid #e0e0e0; }

.sub_con .history_text_row .year_cell { float: left; line-height: 30px; margin-right:65px; }
.sub_con .history_text_row .text_cell { float: left; line-height: 30px; }
.sub_con .history_text_row .text_cell span { margin-right:40px; }

@media screen and (max-width:1200px) {
    .sub_con .history_text_row .year_cell { margin-right:40px; line-height: 28px; }
    .sub_con .history_text_row .text_cell { line-height: 28px; }
}

@media screen and (max-width: 1000px) {
    .sub_con .history_text_row .year_cell { margin-right:30px; line-height: 25px; }
    .sub_con .history_text_row .text_cell { line-height: 25px; }
}

@media screen and (max-width: 860px) {
    .sub_con .history_text_row .year_cell { float: none; text-align: center; margin-right:0; margin-bottom: 15px; line-height: 23px; }
    .sub_con .history_text_row .text_cell { line-height: 23px; }
}

@media screen and (max-width: 600px) {
    .sub_con .history_text_row .year_cell { line-height: 20px; }
    .sub_con .history_text_row .text_cell { line-height: 20px; }
}
/*연혁1 끝*/


/*1:1*/
.sub_con .harf_row { display: flex; justify-content: space-between;}
.sub_con .harf_row > .harf_row_box { width:calc((99.9% - 30px) / 2); border: 1px solid #dddddd; border-radius: 20px; padding: 20px;}
.sub_con .harf_row > div:nth-of-type(1) { margin-right:30px; }
.sub_con .harf_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .harf_row > div { width:calc((99.9% - 30px) / 2); }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:30px; }
}

@media screen and (max-width: 860px) {
    .sub_con .harf_row > div { width:calc((99.9% - 20px) / 2); }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:20px; }
}

@media screen and (max-width: 600px) {
    .sub_con .harf_row > div { width:calc((99.9% - 10px) / 2); }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:10px; }
}

@media screen and (max-width: 450px) {
    .sub_con .harf_row > div { width:100%; float:none; }
    .sub_con .harf_row > div:nth-of-type(1) { margin-right:0; margin-bottom:15px; }
}

/*1:1*/
.sub_con .harf_row2 { }
.sub_con .harf_row2 > div { float: left; width:50%; }
.sub_con .harf_row2 > div img { display: block; }

@media screen and (max-width: 600px) {
    .sub_con .harf_row2 > div { width:100%; float:none; }
}

/*동아리 활동 혜택 추가*/
.sub_con .harf_row3 { }
.sub_con .harf_row3 > div { float: left; width:calc((99.9% - 30px) / 2); padding:10px 15px;}
.sub_con .harf_row3 > div.borderl { border-left: 15px solid #9ec720;}
.sub_con .harf_row3 > div:nth-of-type(1) { margin-right:30px; }
.sub_con .harf_row3 > div img { display: block; }

.sub_con .harf_row3 > div > .img_cell { float:left; max-width:30%; padding: 10px 0;}
.sub_con .harf_row3 > div > .text_cell { float:right; width: 70%;}

@media screen and (max-width: 1200px) {
    .sub_con .harf_row3 > div { width:calc((99.9% - 30px) / 2); }
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-right:30px; }
    .sub_con .harf_row3 > div > .img_cell { padding-right: 6%; }
}

@media screen and (max-width: 860px) {
    .sub_con .harf_row3 > div { width:calc((99.9% - 10px) / 2);}
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-right:10px; }
    /*.sub_con .harf_row3 > div > .img_cell { max-width:25%; }*/
}

@media screen and (max-width: 720px) {
    .sub_con .harf_row3 > div { width:100%; float:none; }
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-right:0; margin-bottom:10px; }
    .sub_con .harf_row3 > div > .img_cell { max-width: 100px; }
}

@media screen and (max-width: 600px) {
    .sub_con .harf_row3 > div:nth-of-type(1) { margin-bottom:8px; }
    .sub_con .harf_row3 > div > .img_cell { max-width: 80px; }
    .sub_con .harf_row3 > div > .text_cell {width: calc(100% - 80px); }
}

@media screen and (max-width: 400px) {
    .sub_con .harf_row3 > div > .img_cell { max-width: 70px; }
    .sub_con .harf_row3 > div > .text_cell {width: calc(100% - 70px); }

}

/*자원봉사자혜택 추가*/
.sub_con .harf_row4 {}
.sub_con .harf_row4 > div {border-radius: 15px; overflow: hidden;}
.sub_con .harf_row4 > div.h630 {height: 630px;}
.sub_con .harf_row4 > div.h250 {height: 250px;}
.sub_con .harf_row4 > div.h160 {height: 160px;}
.sub_con .harf_row4 > div > div {float: left; border-radius: 15px; position: relative; overflow: hidden; height: 100%;}
.sub_con .harf_row4 > div > .img_cell {
    width: 170px; 
    background-color: #0a94d4; 
    color: #ffffff; 
}
.sub_con .harf_row4 > div > .img_cell::before {
    display: inline-block;
    clear: both;
    content: '';
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -8px;
    right: 10px;
}
.sub_con .harf_row4 > div.h630 > .img_cell::before {background: url('../img/sub/w3/w3_icon_1.png')no-repeat center;}
.sub_con .harf_row4 > div.h250 > .img_cell::before {background: url('../img/sub/w3/w3_icon_2.png')no-repeat center;}
.sub_con .harf_row4 > div.h160 > .img_cell::before {background: url('../img/sub/w3/w3_icon_2.png')no-repeat center;}
.sub_con .harf_row4 > div > .img_cell span {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px;}
.sub_con .harf_row4 > div > .text_cell {width: calc(100% - 170px); background-color: #f8f8f8; padding: 10px 0;}

.sub_con .harf_row4 > div a:hover {color: #ff7d55;}
@media screen and (max-width: 1200px) {
    .sub_con .harf_row4 > div.h230 {height: 200px;}
    .sub_con .harf_row4 > div.h250 {height: 230px;}
    .sub_con .harf_row4 > div.h160 {height: 130px;}
    a.w3_link {width: 250px; height: 35px; line-height: 31px; font-size: 15px;}
    a.w3_link::before {display: none;}
}
@media screen and (max-width: 1000px) {
    .sub_con .harf_row4 > div.h630 {height: 560px;}
    .sub_con .harf_row4 > div.h250 {height: 230px;}
    a.w3_link {width: 230px; height: 30px; line-height: 26px; font-size: 14px;}
    .sub_con .harf_row4 > div > .img_cell span {font-size: 15px;}
}
@media screen and (max-width: 600px) {
    .sub_con .harf_row4 > div.h630 {height: auto;}
    .sub_con .harf_row4 > div.h250 {height: auto;}
    .sub_con .harf_row4 > div.h160 {height: auto;}
    .sub_con .harf_row4 > div > div {float: none;}
    .sub_con .harf_row4 > div > .img_cell {width: 100%; height: 70px;}
    .sub_con .harf_row4 > div > .img_cell span {font-size: 14px;}
    .sub_con .harf_row4 > div > .text_cell {width: 100%;}
}
@media screen and (max-width: 400px) {
    .sub_con .harf_row4 > div > .img_cell {height: 50px;}
    .sub_con .harf_row4 > div > .img_cell span {font-size: 13px;}
}
/*1:1:1*/
.sub_con .three_equal_row { }
.sub_con .three_equal_row > div { float: left; width:calc((99.9% - 50px) / 3); overflow: hidden; }
.sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:25px; }
.sub_con .three_equal_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 40px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:20px; }
}

@media screen and (max-width: 860px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 30px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:15px; }
}

@media screen and (max-width: 600px) {
    .sub_con .three_equal_row > div { width:calc((99.9% - 20px) / 3); }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:10px; }
}

@media screen and (max-width: 400px) {
    .sub_con .three_equal_row > div { width:100%; float:none; }
    .sub_con .three_equal_row > div:not(:nth-of-type(3)) { margin-right:0; margin-bottom:10px; }
}


/*1:1:1:1*/
.sub_con .quarter_row { }
.sub_con .quarter_row > div { float: left; width:calc((99.9% - 60px) / 4); border-radius: 9px; overflow: hidden; }
.sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:20px; }
.sub_con .quarter_row > div img { display: block; }

@media screen and (max-width: 1200px) {
    .sub_con .quarter_row > div { float: left; width:calc((99.9% - 51px) / 4); border-radius: 9px; overflow: hidden; }
    .sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:17px; }
}

@media screen and (max-width: 860px) {
    .sub_con .quarter_row > div { float: left; width:calc((99.9% - 39px) / 4); border-radius: 9px; overflow: hidden; }
    .sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:13px; }
}

@media screen and (max-width: 600px) {
    .sub_con .quarter_row > div { float: left; width:calc((99.9% - 30px) / 4); border-radius: 9px; overflow: hidden; }
    .sub_con .quarter_row > div:not(:nth-of-type(4)) { margin-right:10px; }
}

@media screen and (max-width: 400px) {
    .sub_con .quarter_row > div { width:100%; float:none; }
    .sub_con .quarter_row > div:not(:nth-of-type(3)) { margin-right:0; margin-bottom:10px; }
}


/*1:2(.toOne : .toTwo) or 2:1(.toTwo : .toOne)*/
.sub_con .oneToTwo_row {  }
.sub_con .oneToTwo_row > div { float: left; border-radius: 9px; overflow: hidden; }
.sub_con .oneToTwo_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToTwo_row > div:nth-of-type(2) { }
.sub_con .oneToTwo_row > div.toTwo { width: calc(((99.9% - 20px) / 3) * 2); }
.sub_con .oneToTwo_row > div.toOne { width: calc(((99.9% - 20px) / 3) * 1); }
.sub_con .oneToTwo_row > div img { display: block; }


/*1:3(.toOne : .toThree) or 3:1(.toThree : .toOne)*/
.sub_con .oneToThree_row { }
.sub_con .oneToThree_row > div { float: left; border-radius: 9px; overflow: hidden; }
.sub_con .oneToThree_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToThree_row > div.toThree { width: calc(((99.9% - 20px) / 4) * 3); }
.sub_con .oneToThree_row > div.toOne { width: calc(((99.9% - 20px) / 4) * 1); }
.sub_con .oneToThree_row > div img { display: block; }


/*1:4(.toOne : .toFour) or 4:1(.toFour : .toOne)*/
.sub_con .oneToFour_row { }
.sub_con .oneToFour_row > div { float: left; box-sizing: border-box; }
.sub_con .oneToFour_row > div:nth-of-type(1) { margin-right:20px; }
.sub_con .oneToFour_row > div.toFour { width: calc(((99.9% - 20px) / 5) * 4); max-width: 923px; }
.sub_con .oneToFour_row > div.toOne { width: calc(((99.9% - 20px) / 5) * 1); }
.sub_con .oneToFour_row > div img { display: block; }

@media screen and (max-width: 600px) {
    .sub_con .oneToFour_row > div { float: none; }
    .sub_con .oneToFour_row > div:nth-of-type(1) { width: 100%; margin-right:0; margin-bottom:20px; }
    .sub_con .oneToFour_row > div:nth-of-type(2) { width:100%; }
}
/*서브콘텐츠 레이아웃 툴 끝*/


/*서브콘텐츠 텍스트 시작*/

/*타이틀*/
.sub_con_tit1 { font-size:28px; line-height: 150%; font-weight:400; letter-spacing: -.6px; }
.sub_con_tit2 { font-size: 24px; line-height: 150%; font-weight: 500; letter-spacing: -.6px; color:#222222; }
.sub_con_tit3 { font-size:22px; line-height: 150%; font-weight:400; letter-spacing: -.6px; color:#333333;}
.sub_con_tit4 {font-size:20px; line-height: 150%; font-weight:400; letter-spacing: -1px; color:#333333;}
.sub_con_tit5 {  }
.sub_con_tit6 {  }

/*텍스트*/
.sub_con_txt1 { font-size: 22px; color:#555; line-height: 180%; letter-spacing: -.6px; word-break: keep-all;}
.sub_con_txt1_h { font-size: 22px; color:#555; line-height: 180%; letter-spacing: -.6px; word-break: keep-all; margin-bottom: 10px;}
.sub_con_txt2 { font-size: 18px; color:#777; line-height: 150%; letter-spacing: -.6px; word-break: keep-all; }
.sub_con_txt3 { font-size: 16px; color:#555; line-height: 150%; letter-spacing: -.6px; word-break: keep-all; }
.sub_con_txt4 { font-size: 14px; line-height: 130%; color:#777; word-break: keep-all; }
.sub_con_txt5 { font-size: 18px; color:#555555; line-height: 160%; letter-spacing: -.6px; word-break: keep-all;}
.sub_con_txt6 { font-size: 15px; color:#777; line-height: 150%; letter-spacing: -.6px; word-break: keep-all; }
.sub_con_txt7 { font-size: 17px; color:#555555; line-height: 180%; letter-spacing: -.6px; word-break: keep-all; }

@media screen and (max-width:1200px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:24px;}
    .sub_con_tit2 { font-size: 19px;}
    .sub_con_tit3 { font-size:19px;}
    .sub_con_tit4 { font-size:17px;}
    .sub_con_tit5 {  }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 { font-size: 20px; }
    .sub_con_txt1_h { font-size: 20px; }
    .sub_con_txt2 { font-size: 17px;}
    .sub_con_txt3 { font-size: 15px;}
    .sub_con_txt4 { font-size: 13px;}
    .sub_con_txt5 { font-size: 15px;}
    .sub_con_txt6 { font-size: 14px;}
    .sub_con_txt7 { font-size: 16px;}
}

@media screen and (max-width:1000px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:21px;}
    .sub_con_tit2 { font-size: 18px;}
    .sub_con_tit3 { font-size:17px;}
    .sub_con_tit4 { font-size:16px;}
    .sub_con_tit5 {  }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 { font-size: 18px; }
    .sub_con_txt1_h { font-size: 18px; }
    .sub_con_txt2 { font-size: 16px;}
    .sub_con_txt3 { font-size: 14px;}
    .sub_con_txt4 { font-size: 12px;}
    .sub_con_txt5 { font-size: 14px;}
    .sub_con_txt6 { font-size: 13px;}
    .sub_con_txt7 { font-size: 15px;}
}

@media screen and (max-width:860px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:18px;}
    .sub_con_tit2 { font-size: 17px;}
    .sub_con_tit3 { font-size:15px;}
    .sub_con_tit4 { font-size:14px;}
    .sub_con_tit5 {  }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 {  font-size: 16px; }
    .sub_con_txt1_h {  font-size: 16px; }
    .sub_con_txt2 { font-size: 15px;}
    .sub_con_txt3 { font-size: 13px;}
    .sub_con_txt4 { font-size: 11px;}
    .sub_con_txt5 { font-size: 13px;}
    .sub_con_txt6 { font-size: 12px;}
    .sub_con_txt7 { font-size: 14px;}
}

@media screen and (max-width:600px) {
    /*타이틀*/
    .sub_con_tit1 { font-size:15px;}
    .sub_con_tit2 { font-size: 15px;}
    .sub_con_tit3 { font-size:13px;}
    .sub_con_tit4 { font-size:13px;}
    .sub_con_tit5 {  }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 { font-size: 15px; line-height: 150%;}
    .sub_con_txt1_h { font-size: 15px; line-height: 150%;}
    .sub_con_txt2 { font-size: 14px;}
    .sub_con_txt3 { font-size: 12px;}
    .sub_con_txt4 { font-size: 10px;}
    .sub_con_txt5 { font-size: 12px;}
    .sub_con_txt6 { font-size: 11px;}
    .sub_con_txt7 { font-size: 12px; line-height: 150%;}
}

@media screen and (max-width:370px) {
    /*타이틀*/
    .sub_con_tit1 { letter-spacing: -2px; }
    .sub_con_tit2 { letter-spacing: -2px; }
    .sub_con_tit3 { letter-spacing: -2px; }
    .sub_con_tit4 { letter-spacing: -2px; }
    .sub_con_tit5 {  }
    .sub_con_tit6 {  }

    /*텍스트*/
    .sub_con_txt1 { letter-spacing: -1.5px; }
    .sub_con_txt1_h { letter-spacing: -1.5px; }
    .sub_con_txt2 { letter-spacing: -1.5px; }
    .sub_con_txt3 { letter-spacing: -1.5px; }
    .sub_con_txt4 { letter-spacing: -1.5px; }
    .sub_con_txt5 { letter-spacing: -1.5px; }
    .sub_con_txt6 { letter-spacing: -1.5px; }
}


/*불릿*/
.sub_con_bullet1 { padding-left:28px; position: relative; line-height: 20px; }
.sub_con_bullet1::before { 
    content:""; 
    display: block; 
    position: absolute; 
    left: 0; 
    top: 50%; 
    transform: translateY(-50%); 
    width:20px; 
    height:20px; 
    background:url(../img/sub/bullet1.png) left top no-repeat; 
}
.sub_con_bullet2 { position: relative; }
.sub_con_bullet2::before { 
    content:""; 
    display: inline-block;  
    width:6px; 
    height:6px;
    background-color: #3168cd;
    vertical-align: middle;
    margin-right: 5px;
}
.sub_con_bullet3 { padding-left:14px; position: relative; }
.sub_con_bullet3::before { 
    content:"";
    display: block;
    position: absolute; 
    left: 0; 
    top:50%; 
    transform: translateY(-50%); 
    width:6px; 
    height:6px; 
    background-color:#3168cd; 
    border-radius:50%;
}
.sub_con_bullet4 { padding-left:20px; position: relative; line-height:30px; }
.sub_con_bullet4::before { content:""; display: block; position: absolute; left: 0; top: 15px; transform: translateY(-50%); width:15px; height:13px; background:url(../img/sub/bullet4.png) left top no-repeat; }
.sub_con_bullet5 { padding-left:20px; position: relative; line-height:31px; }
.sub_con_bullet5::before { content:""; display: block; position: absolute; left: 0; top:50%; transform: translateY(-50%); width:26px; height:18px; background:url(../img/sub/bullet5.png) left top no-repeat; }

.sub_con .sub_con_down_btn {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: -1px;
    height: 60px;
    line-height: 59px;
    /*background: #3168cd url(../img/sub/down_ico.png) 62% center no-repeat;*/
    background: #3168cd;
    text-align: center;
    transition: all .3s;
    width: 100%;
}
.sub_con .sub_con_down_btn:hover {color: #3168cd; border: 1px solid #3168cd; background-color: transparent;}
.sub_con .sub_con_down_btn i {display: inline-block; padding-right: .5rem;}

@media screen and (max-width:700px) {
    .sub_con_bullet1 { padding-left:23px; }
    .sub_con_bullet1::before { zoom:.9; }
    .sub_con_bullet1.sub_con_tit3::before { zoom:.8; }
    .sub_con_bullet1.sub_con_tit3 { padding-left:20px; }
}
@media screen and (max-width:500px) {
    .sub_con_bullet5 { line-height:26px; }
    .sub_con_bullet5::before { top:14px; }
}


.num_bg { display: inline-block; width: 30px; position: relative; color:#fff; font-size: 15px; padding-left:7px; }
.num_bg span { position: relative; }
.num_bg::before { 
    content:""; 
    display: block; 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translateY(-50%) translateX(-50%); 
    width:30px; 
    height:30px; 
    border-radius: 50%; 
    background-color:#0a94d4; 
}
.txt_bg {
    display: inline-block;
    width: 70px;
    height: 30px;
    color: #ffffff;
    position: relative;
    margin-right: 10px;
    font-size: 17px;
    line-height: 30px;
}
.txt_bg::before {
    display: block;
    clear: both;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 30px;
    border-radius: 14px;
    background-color: #009ddf;
    z-index: -1;
}

@media screen and (max-width: 1200px) {
    .num_bg { width:28px; font-size: 13px; line-height: 28px; }
    .num_bg::before { width:28px; height:28px; }
}

@media screen and (max-width: 1000px) {
    .num_bg { width:26px; font-size: 12px; line-height: 26px; }
    .num_bg::before { width:26px; height:26px; }

    .txt_bg {width: 65px; height: 25px; font-size: 15px; line-height: 25px;}
    .txt_bg::before {width: 65px; height: 25px; border-radius: 12px;}
}

@media screen and (max-width: 860px) {
    .num_bg { width:24px; font-size: 11px; line-height: 24px; padding-left:6px; }
    .num_bg::before { width:24px; height:24px; }
}

@media screen and (max-width: 600px) {
    .num_bg { width:22px; font-size: 10px; line-height: 22px; }
    .num_bg::before { width:22px; height:22px; }

    .txt_bg {width: 55px; height: 20px; font-size: 13px; line-height: 20px;}
    .txt_bg::before {width: 55px; height: 20px; border-radius: 10px;}
}

@media screen and (max-width: 370px) {
    .num_bg { width:19px; font-size: 9px; line-height: 19px; padding-left:5px; }
    .num_bg::before { width:19px; height:19px; }

    .txt_bg {width: 45px; height: 17px; font-size: 12px; line-height: 17px;}
    .txt_bg::before {width: 45px; height: 17px; border-radius: 8px;}
}

/*밑줄*/
.sub_con_unLine1 { display: inline-block; padding-bottom:10px; border-bottom:2px solid #2a5082; }
.sub_con_unLine2 { display: inline-block; padding-bottom: 3px; border-bottom:1px solid #07a367; }
.sub_con_unLine3 {  }
.sub_con_unLine4 {  }
.sub_con_unLine5 {  }

/*테두리*/
.border_box { border:1px solid #ccc; }
.border_box2 { border-bottom:3px solid #3168cd; border-top: 3px solid #3168cd;}

/*텍스트 컬러*/
.pt_color1 { color:#3168cd  !important; }
.pt_color2 { color:#ffffff !important; }
.pt_color3 { color:#333333 !important; }
.pt_color4 { color:#3168cd !important; font-weight: 600; }
.pt_color5 { color:#333333 !important; font-weight: 600; }

/*w2 사업분야 숫자컬러*/
.num1_c { color: #dddddd !important; }
.num2_c { color: #cccccc !important; }
.num3_c { color: #bbbbbb !important; }
.num4_c { color: #999999 !important; }
.num5_c { color: #777777 !important; }
.num6_c { color: #123066 !important; }


/*텍스트 굵기*/
.weight400 { font-weight: 400 !important; }
.weight500 { font-weight: 500 !important; }
.weight600 { font-weight: 600 !important; }
.weight700 { font-weight: 700 !important; }

/*포인트 폰트*/
.pt_font1 { font-family: 'BinggraeMelona-Bold'; }
.pt_font2 {  }
.pt_font3 {  }

/*배경색*/
.bg_color1 { background:#ff7d55; color:#fff; padding:0 3px; border-radius: 2px; }
.bg_color2 { background:#0a94d4; color:#fff; padding:0 3px;}
.bg_color3 { background:#eeeeee; padding:0 10px; border-radius: 8px;}
.bg_color4 {  }
.bg_color5 {  }

/*줄바뀜*/
.nowrap { white-space: nowrap; }

/*텍스트 정렬*/
.text_align_c { text-align: center !important; }
.text_align_l { text-align: left !important; }
.text_align_r { text-align: right !important; }
.vertical_align_m { vertical-align:middle; }

/*줄간격*/
.lh170 {line-height: 170% !important;}
.lh180 {line-height: 180% !important;}
.lh200 {line-height: 200% !important;}

/*이미지*/
.sub_con_img_box { border-radius: 9px; overflow: hidden; }
.sub_con_img_box img {display: block; transition: all .5s;}
.sub_con_img_box:hover img { transform: scale(1.05); }

/*텍스트 박스*/
.txt_box {height: 180px;}

@media screen and (max-width: 1000px) {
    .txt_box {height: 120px;}
}
@media screen and (max-width: 600px) {
    .txt_box {height: auto; margin-bottom: 20px;}
}
/*디스플레이*/
.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }

/*링크 버튼*/
.link_btn {
    width: 260px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    transition: .3s;
    border-radius: 25px;
}
/*자간*/
.letter1 {letter-spacing: -1px !important;}

/*서브콘텐츠 텍스트 끝*/


/*서브콘텐츠 테이블 시작*/

/*컨텐츠 페이지 테이블*/
.table_wrap { overflow-x: auto; }
.table_wrap table { 
    width: 100%; 
    border-collapse: collapse; 
    border-top:2px solid #333333; 
    border-bottom:1px solid #cccccc; 
    letter-spacing: -.6px;
}
.table_wrap table th:not(:last-child), .table_wrap table td:not(:last-child) { border-right:1px solid #ccc; }
.table_wrap table thead { border-bottom:1px solid #cccccc; }
.table_wrap table thead th { 
    background-color: #f6f6f6; 
    color:#333333; 
    font-size: 17px; 
    line-height: 150%; 
    padding:18px 0; 
    text-align: center; 
    letter-spacing: 1px;
    font-weight: 500;
}
.table_wrap table tbody tr:not(:first-child) { border-top:1px solid #ddd; }
.table_wrap table tbody th { 
    color:#333333; 
    background-color: #f6f6f6;
    font-size: 16px; 
    line-height: 25px; 
    padding:15px 20px; 
    text-align: center; 
    word-break: keep-all; 
    box-sizing: border-box; 
    font-weight: 400;
}
.table_wrap table tbody td {
    color:#555555; 
    font-size: 17px; 
    line-height: 30px; 
    padding:15px 20px; 
    text-align: center; 
    word-break: keep-all; 
    box-sizing: border-box; 
}
.table_wrap.table_h tbody tr {height: 100px;}

/*스케줄 표*/
.table_wrap.shcedule_table table td {font-size: 14px; padding: 15px 10px;}


@media screen and (max-width: 1200px) {
    .table_wrap table thead th { font-size:16px; line-height: 16px; padding:17px 0; }
    .table_wrap table tbody th { font-size:15px; line-height: 24px; padding:14px 19px; }
    .table_wrap table tbody td { font-size:15px; line-height: 24px; padding:14px 19px; }
}

@media screen and (max-width: 1000px) {
    .table_wrap table thead th { font-size:15px; line-height: 15px; padding:16px 0; }
    .table_wrap table tbody th { font-size:14px; line-height: 23px; padding:13px 18px; }
    .table_wrap table tbody td { font-size:14px; line-height: 23px; padding:13px 18px; }
}

@media screen and (max-width: 860px) {
    .table_wrap table thead th { font-size:14px; line-height: 14px; padding:15px 0; }
    .table_wrap table tbody th { font-size:13px; line-height: 22px; padding:12px 17px; }
    .table_wrap table tbody td { font-size:13px; line-height: 22px; padding:12px 17px; }
}

@media screen and (max-width: 600px) {
    .table_wrap.table_width::before {
        display: block;
        clear: both;
        content: '옆으로 넘겨주세요.';
        font-size: 13px;
        color: red;
        margin-top: .5rem;
    }
    .table_wrap table thead th { font-size:13px; line-height: 13px; padding:14px 0; }
    .table_wrap table tbody th { font-size:12px; line-height: 21px; padding:11px 16px; }
    .table_wrap table tbody td { font-size:12px; line-height: 21px; padding:11px 16px; }
    .table_wrap.table_h tbody tr {height: 70px;}
}

@media screen and (max-width: 400px) {
    .table_wrap table thead th { font-size:12px; line-height: 12px; padding:13px 0; }
    .table_wrap table tbody th { font-size:11px; line-height: 20px; padding:10px 15px; }
    .table_wrap table tbody td { font-size:11px; line-height: 20px; padding:10px 15px; }
}

/*스킨 포함 공통 테이블*/

/*임시*/
.btn i {display: none;}

/*사업분야 서브 css 시작*/
.sub_con .w2_c_box_left {display: flex; justify-content: flex-start;}
.sub_con .w2_c_box_left > span.w2_num {font-size: 75px; font-weight: bold; letter-spacing: -6px; font-family: 'GmarketSansMedium';}
.sub_con .w2_c_box_left > .txt_box {height: auto;}
.sub_con .w2_c_box_left > .txt_box > p {}
.sub_con .w2_c_box_left > .txt_box > p > ul {}
.sub_con .w2_c_box_left > .txt_box > p > ul > li {}
.sub_con .w2_c_box_left > .txt_box > p > ul > li > p{}


.sub_con .w2_c_box_right {display: flex; justify-content: flex-start; margin-left: 40%;}
.sub_con .w2_c_box_right > span.w2_num {font-size: 75px; font-weight: bold; letter-spacing: -6px; font-family: 'GmarketSansMedium';}
.sub_con .w2_c_box_right > .txt_box {height: auto;}
.sub_con .w2_c_box_right > .txt_box > p {}
.sub_con .w2_c_box_right > .txt_box > p > ul {}
.sub_con .w2_c_box_right > .txt_box > p > ul > li {}
.sub_con .w2_c_box_right > .txt_box > p > ul > li > p{}

@media screen and (max-width: 1400px){
    .sub_con .w2_c_box_right { margin-left: 50%; }

}
@media screen and (max-width: 1050px){
    .sub_con .w2_c_box_right { margin-left: 40%; }
    
}
@media screen and (max-width: 860px){
    .sub_con .w2_c_box_left > span.w2_num { font-size: 60px; }
    .sub_con .w2_c_box_right > span.w2_num { font-size: 60px; }
}
@media screen and (max-width: 760px){
    .sub_con .w2_c_box_right { margin-left: 30%; }
}
@media screen and (max-width: 600px){
    .sub_con .w2_c_box_right { margin-left: 20%; }
    .sub_con .w2_c_box_left > span.w2_num { font-size: 50px; }
    .sub_con .w2_c_box_right > span.w2_num { font-size: 50px; }
    
}
@media screen and (max-width: 500px){
    .sub_con .w2_c_box_left > span.w2_num { font-size: 40px; }
    .sub_con .w2_c_box_right > span.w2_num { font-size: 40px; }
}
@media screen and (max-width: 460px){
    .sub_con .w2_c_box_left > span.w2_num { font-size: 33px; letter-spacing: -3px; }
    .sub_con .w2_c_box_right > span.w2_num { font-size: 33px; letter-spacing: -3px; }
    .sub_con .w2_c_box_right { margin-left: 0; }
    
}
/*사업분야 서브 css 끝*/