@charset "utf-8";
.not_yet {
    display     : block;
    font-size   : 45px;
    padding     : 10px 0 30px;
    color       : #f00;
    font-weight : 600;
    text-align  : center;
}

/** common **/

.btn_sermon .ico_paly {
    display     : inline-block;
    margin      : 0;
    background  : url(/img/yangrim/sp_sub.png) no-repeat;
    text-indent : -9999px;
}

.sub_visual {
    display         : table;
    width           : 100%;
    height          : 250px;
    overflow        : hidden;
    text-align      : center;
    background      : url(/img/yangrim/bg_sub01.jpg) no-repeat center center;
    background-size : cover
}

.sub_visual .sub_txt {
    opacity           : 0;
    display           : table-cell;
    vertical-align    : middle;
    transition        : all .7s;
    -moz-transform    : translate3d(0, 5%, 0);
    -webkit-transform : translate3d(0, 5%, 0);
    -o-transform      : translate(0, 5%);
    -ms-transform     : translate(0, 5%);
    transform         : translate3d(0, 5%, 0);
}

.sub_visual .sub_txt.on {
    opacity           : 1;
    -moz-transform    : translate3d(0, 0, 0);
    -webkit-transform : translate3d(0, 0, 0);
    -o-transform      : translate(0, 0);
    -ms-transform     : translate(0, 0);
    transform         : translate3d(0, 0, 0);
}

.sub_txt h2 {
    color          : #3e342f;
    font-weight    : 600;
    font-size      : 55px;
    letter-spacing : -0.035em;
    line-height    : 1
}

.sub_txt span {
    display        : block;
    margin         : 10px 0 35px;
    font-size      : 22px;
    color          : #3e342f;
    letter-spacing : -0.035em;
}

.sub_title {
    padding       : 0 0 20px 0;
    border-bottom : 1px solid #909090
}

.sub_title h3 {
    float          : left;
    color          : #333;
    font-size      : 40px;
    letter-spacing : -0.04em;
    line-height    : 1.1;
    font-weight    : 500
}

.sub_title .sub_loc {
    float  : right;
    margin : 25px 0 0;
}

.sub_loc span {
    float    : left;
    position : relative;
}

.sub_loc span:before {
    position   : absolute;
    top        : 5px;
    left       : -3px;
    display    : block;
    clear      : both;
    content    : '';
    width      : 7px;
    height     : 10px;
    background : url(/img/yangrim/ico_bc.png) no-repeat -18px -2px
}

.sub_loc .ico_home:first-child::before {
    display : none;
}

.sub_loc span a {
    display        : block;
    padding        : 0 15px;
    color          : #666;
    font-size      : 13.33px;
    font-weight    : 500;
    letter-spacing : -0.035em;
}

.sub_loc .ico_home a {
    width       : 16px;
    height      : 14px;
    padding     : 0;
    margin      : 3px 15px 0 0;
    text-indent : -9999px;
    background  : url(/img/yangrim/ico_bc.png) no-repeat 0 0
}

.sub_loc span:last-child a {
    padding : 0 0 0 15px;
    color   : #14355e
}

.container .lnb_wrap {
    position : relative;
}

.container .lnb_area {
    position   : absolute;
    top        : -30px;
    left       : 0;
    width      : 100%;
    min-width  : 300px;
    z-index    : 10;
    background : #bda16f;
}

.lnb_area .btn_home {
    float           : left;
    width           : 60px;
    height          : 60px;
    background      : #bda16f url(/img/yangrim/ico_home.png) center no-repeat;
    text-indent     : -9999px;
    border-right    : 1px solid #d2b785;
    background-size : 22px;
}

.lnb_area .lnb_list {
    position     : relative;
    float        : left;
    width        : 230px;
    height       : 60px;
    padding      : 0 0 0 30px;
    border-right : 1px solid #d2b785;
    transition   : all .3s
}

.lnb_list.on {
    position     : relative;
    background   : #a18c68;
    border-right : 1px solid #a18c68
}

.lnb_list.on:before {
    position   : absolute;
    top        : 0;
    left       : -1px;
    z-index    : 1;
    width      : 1px;
    height     : 60px;
    display    : block;
    clear      : both;
    content    : '';
    background : #a18c68
}

.lnb_list > a {
    display        : block;
    height         : 60px;
    line-height    : 60px;
    font-size      : 18px;
    color          : #fff;
    letter-spacing : -0.025em;
    font-weight    : 300;
}

.lnb_list > a:after {
    display    : block;
    content    : '';
    clear      : both;
    position   : absolute;
    top        : 50%;
    right      : 20px;
    width      : 16px;
    height     : 10px;
    margin     : -5px 0 0;
    background : url(/img/yangrim/ico_lnb_arr.png) no-repeat;
}

.lnb_list.on > a:after {
    -webkit-transform : rotate(180deg);
    -moz-transform    : rotate(180deg);
    -ms-transform     : rotate(180deg);
    -o-transform      : rotate(180deg);
    transform         : rotate(180deg);
}

.lnb_list .nav_depth {
    display    : none;
    position   : absolute;
    left       : -1px;
    top        : 60px;
    width      : 101%;
    padding    : 10px 0 25px;
    background : #a18c68;
    border-top : 1px solid #907a55;
}

.lnb_list .nav_depth a {
    display        : block;
    padding        : 7px 0 7px 30px;
    font-size      : 16.5px;
    color          : #fff;
    letter-spacing : -0.025em;
    font-weight    : 300;
    transition     : .2s;
}

.lnb_list .nav_depth a:hover {
    color : #f8dec1
}

.container .sub_content {
    position  : relative;
    max-width : 1004px;
    margin    : 0 auto;
    padding   : 67px 0 145px;
}

.sub_content .sub_title {
    margin         : 0 0 50px 0;
    padding        : 0 0 30px 0;
    color          : #333;
    font-size      : 40px;
    font-weight    : 400;
    letter-spacing : -0.055em;
    text-align     : center;
    border-bottom  : 3px solid #ededed;
}

.sub_content .sub_title_v2 {
    margin        : 0;
    border-bottom : 0
}

.tab_list {
    margin : 0 0 60px 0;
}

.tab_list ul {
    display        : flex;
    flex-direction : row
}

.tab_list li {
    width          : 100%;
    background     : #f7f7f7;
    border         : 1px solid #dedede;
    border-left    : 0;
    text-align     : center;
    font-size      : 17.33px;
    font-weight    : 600;
    letter-spacing : -0.035em;
}

.tab_list li:first-child {
    border-left : 1px solid #dedede
}

.tab_list li.on {
    background   : #14355e;
    color        : #fff;
    border-color : #14355e
}

.tab_list li a {
    display : block;
    padding : 14px 0;;
    color   : #333;
}

.tab_list li.on a {
    color : #fff;
}

.tab_area {
    display : none;
}

.tab_area.on {
    display : block;
}

.bo_cate_ul {
    display        : flex;
    flex-direction : row;
    width: 1180px;
    margin: 60px auto 0;
}

@media (max-width: 1200px) {
    .bo_cate_ul{
        width: 1000px;
    }
}

@media (max-width: 1024px) {
    .bo_cate_ul{
        margin: 40px 20px 0 20px;
        width: auto;
    }
}

@media (max-width: 768px) {
    .bo_cate_ul{
        margin: 30px 20px 0 20px;
        width: auto;
    }
}

.bo_cate li {
    width       : 100%;
    background  : #f7f7f7;
    border      : 1px solid #dedede;
    border-left : 0;
    text-align  : center;
}

.bo_cate li:first-child {
    border-left : 1px solid #dedede;
}

.bo_cate li a {
    display        : block;
    width          : 100%;
    padding        : 14px 0;
    color          : #333;
    font-size      : 17.33px;
    font-weight    : 600;
    letter-spacing : -0.035em;
}

.bo_cate .on {
    background   : #9e1c51;
    border-color : #9e1c51;
}

.bo_cate .on a {
    color : #fff;
}


.comm_ul li {
    position       : relative;
    padding        : 0 0 0 10px;
    margin         : 0 0 8px 0;;
    color          : #666;
    font-size      : 17.5px;
    line-height    : 1.4;
    letter-spacing : -0.03em;
    word-break     : keep-all;
}

.comm_ul li::before {
    position      : absolute;
    top           : 10px;
    left          : 0;
    display       : block;
    clear         : both;
    content       : '';
    width         : 4px;
    height        : 4px;
    background    : #666;
    border-radius : 50%;
}

.comm_ul .en_li {
    letter-spacing : 0;
    font-family    : 'Roboto', 'Noto Sans KR', sans-serif;
}

@media screen and (max-width : 1024px) {
    .sub_visual {
        height          : 175px;
        background      : url(/img/yangrim/bg_t_sub01.jpg) no-repeat center center;
        background-size : cover
    }

    .sub_txt h2 {
        margin    : 0 0 35px 0;
        font-size : 35px;
    }

    .sub_txt span {
        display : none;
    }

    .container .lnb_wrap {
        position : relative;
        margin   : 0 25px;
    }

    .container .lnb_area {
        left : 0;
    }

    .lnb_list > a {
        font-size : 20px;
    }

    .lnb_list > a:after {
        right           : 10px;
        width           : 14px;
        background-size : 14px;
    }

    .lnb_area .lnb_list {
        width     : auto;
        min-width : 175px;
        padding   : 0 60px 0 10px;
    }

    .lnb_list .nav_depth a {
        padding   : 7px 10px;
        font-size : 20px
    }

    .container .sub_content {
        padding : 70px 25px 140px
    }

    .sub_content .sub_title {
        padding       : 2px 0 17px 0;
        font-size     : 31px;
        border-bottom : 1px solid #ededed;
    }

    .sub_content .sub_title_v2 {
        border-bottom : 0;
    }

    .tab_list li {
        font-size : 17px;
    }

    .tab_list li a {
        padding : 10px 0;
    }

    .bo_cate li a {
        padding   : 10px 0;
        font-size : 17px;
    }

    .sub_content2040 ul, .sub_content3020 ul {
        flex-wrap : wrap;
    }

    .sub_content2040 ul li, .sub_content3020 ul li {
        width : 33.33%
    }

    .sub_content2040 li:nth-child(n+4):nth-child(-n+6), .sub_content3020 li:nth-child(n+4):nth-child(-n+6) {
        border-top : 0
    }

    .sub_content2040 li:nth-child(3n+1), .sub_content3020 li:nth-child(3n+1) {
        border-left : 1px solid #dedede;
    }

    .comm_ul li {
        font-size  : 19px;
        word-break : break-all;
    }
}

@media screen and (max-width : 767px) {
    .sub_visual {
        height : 115px
    }

    .sub_txt h2 {
        margin    : 0 0 30px 0;
        font-size : 28px;
    }

    .container .lnb_area {
        top : -23px
    }

    .container .lnb_wrap {
        margin : 0 10px;
    }

    .lnb_area .btn_home {
        width  : 13%;
        height : 45px;
    }

    .lnb_list > a {
        font-size : 14px;
    }

    .lnb_list > a:after {
        width           : 10px;
        margin          : -3px 0 0;
        background-size : 10px;
    }

    .lnb_list.on > a:after {
        margin : -8px 0 0;
    }

    .lnb_area .lnb_list {
        width     : 30%;
        min-width : 30%;
        height    : 45px;
        padding   : 0 10px 0 10px
    }

    .lnb_area .lnb_list:last-child {
        width        : 57%;
        border-right : 0;
    }

    .lnb_list > a {
        height      : 45px;
        line-height : 45px;
    }

    .lnb_list .nav_depth {
        top   : 45px;
        width : 100.5%
    }

    .lnb_list .nav_depth a {
        padding   : 5px 10px;
        font-size : 14px;
    }

    .lnb_list.on:before {
        height : 45px
    }

    .container .sub_content {
        padding : 58px 10px 90px;
    }

    .sub_content .sub_title {
        padding   : 2px 0 10px 0;
        font-size : 24px;
    }

    .tab_list {
        margin : 0 0 40px 0;
    }

    .tab_list li {
        font-size : 12px;
    }

    .tab_list li a {
        padding : 9px 0;
    }

    .bo_cate li a {
        padding   : 9px 0;
        font-size : 12px;
    }

    .comm_ul li {
        padding : 0 0 0 6px;
    }

    .comm_ul li::before {
        width  : 3px;
        height : 3px;
        top    : 8px
    }
}


/** video_pop **/

.vid_wrap {
    position       : relative;
    padding-bottom : 56.25%;
    padding-top    : 30px;
    height         : 0;
    overflow       : hidden;
}

.vid_wrap iframe {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

/** about **/
.sub_content1020 .tab_list ul {
    flex-wrap : wrap
}

.sub_content1020 .tab_list li {
    width      : 20%;
    border-top : 0;
}

.sub_content1020 .tab_list li:nth-child(n+1):nth-child(-n+5) {
    border-top : 1px solid #dedede
}

.sub_content1020 .tab_list li:nth-child(5n+1) {
    border-left : 1px solid #dedede;
}

.his_item .his_year {
    position       : relative;
    top            : -20px;
    float          : left;
    display        : block;
    width          : 24.5%;
    color          : #bda16e;
    font-size      : 46.67px;
    letter-spacing : -0.04em;
    font-family    : 'Roboto', 'Noto Sans KR', sans-serif;
}

.his_item .his_year::after {
    position   : absolute;
    top        : 49%;
    right      : 30px;
    display    : block;
    clear      : both;
    content    : '';
    width      : 90px;
    height     : 1px;
    background : #bda16e;
}

.his_item > ul {
    position : relative;
    top      : -5px;
    float    : left;
    width    : 75.5%;
    padding  : 0 0 50px 4%;
}

.his_item:last-child > ul {
    padding : 0 0 0 4%
}

.his_item > ul::after {
    position   : absolute;
    display    : block;
    clear      : both;
    content    : '';
    width      : 1px;
    height     : 100%;
    background : #bfbfbf;
    top        : 0;
    left       : 0;
}

.his_item > ul::before {
    position   : absolute;
    top        : 6px;
    left       : -6px;
    display    : block;
    clear      : both;
    content    : '';
    width      : 13px;
    height     : 13px;
    background : #e15252;
    z-index    : 1
}

.his_item:first-child > ul::after {
    top : 10px;
}

.sub_content1010 .comm_ul > li {
    margin    : 0 0 15px 0;
    font-size : 17.33px;
}

.sub_content1010 .comm_ul .li_mb {
    margin : 0 0 35px 0;
}

.sub_content1010 .comm_ul > li::before {
    background : #333
}

.sub_content1010 .comm_ul > li b {
    font-weight : 500;
    color       : #333;
}

.his_item .his_2dept li {
    margin         : 15px 0;
    padding        : 0;
    color          : #666;
    font-size      : 17.33px;
    letter-spacing : -0.03em;
    line-height    : 1.4
}

.his_item .his_2dept li::before {
    display : none;
}

.fl_b b {
    display : block;
    float   : left;
}

.fl_b span {
    display : block;
    padding : 0 0 0 282px;
}

.fl_b_v2 span {
    display : block;
    padding : 0 0 0 150px;
}

.fl_b_v3 span {
    display : block;
    padding : 0 0 0 110px;
}

.yet {
    background     : url(/img/yangrim/yet.png) no-repeat center center;
    text-indent    : -9999px;
    min-height     : 310px;
    display        : block;
    text-align     : center;
    color          : #666;
    margin         : 80px 0 30px;
    font-size      : 18px;
    letter-spacing : -0.035em;
}


.sub_content1010 .vid_wrap {
    margin : 0 0 40px 0;
}

@media screen and (max-width : 1024px) {
    .his_item .his_year {
        top       : -12px;
        width     : 18.2%;
        font-size : 33px;
    }

    .his_item .his_year::after {
        width : 37px;
        right : 16px
    }

    .his_item > ul {
        padding : 0 0 50px 20px
    }

    .sub_content1010 .comm_ul > li {
        margin    : 0 0 10px 0;
        font-size : 19px
    }

    .sub_content1010 .comm_ul .li_mb {
        margin : 0 0 25px 0;
    }

    .sub_content1010 .comm_ul > li br {
        display : none;
    }
}

@media screen and (max-width : 767px) {
    .sub_content1010 .tab_list li {
        width : 25%
    }

    .sub_content1010 .tab_list li:nth-child(n+1):nth-child(-n+5) {
        border-top : 0;
    }

    .sub_content1010 .tab_list li:nth-child(5n+1) {
        border-left : 0
    }

    .sub_content1010 .tab_list li:nth-child(n+1):nth-child(-n+4) {
        border-top : 1px solid #dedede
    }

    .sub_content1010 .tab_list li:nth-child(4n+1) {
        border-left : 1px solid #dedede;
    }

    .his_item {
        position : relative;;
    }

    .his_item .his_year {
        position  : absolute;
        display   : block;
        top       : -6px;
        left      : 20px;
        float     : inherit;
        font-size : 26px;
    }

    .his_item .his_year::after {
        display : none;
    }

    .his_item > ul {
        float   : inherit;
        width   : 100%;
        top     : 0;
        margin  : 0 0 0 5px;
        padding : 30px 0 50px 15px !important;
    }

    .his_item > ul::before {
        width  : 9px;
        height : 9px;
        left   : -4px;
    }

    .sub_content1010 .comm_ul > li {
        font-size : 14px;
    }

}

/** pastor **/
.sub_content1030 .tab_list li {
    width      : 100%;
    border-top : 0
}

.sub_content1030 .tab_list li:nth-child(n+1):nth-child(-n+4) {
    border-top : 1px solid #dedede
}

.sub_content1030 .tab_list li:nth-child(4n+1) {
    border-left : 1px solid #dedede;
}

/* tab1 */
.pas_main {
    margin         : 0 0 25px 0;
    color          : #333;
    font-size      : 36px;
    letter-spacing : -0.055em;
    line-height    : 1.4;
}

.pas_txt {
    float   : left;
    width   : 61.224%;
    padding : 0 4% 0 0;
}

.pas_box {
    margin : 0 0 35px 0;
}

.pas_box .spot_pas {
    display        : block;
    margin         : 0 0 14px 0;
    color          : #d73e3e;
    font-size      : 22px;
    font-weight    : 600;
    letter-spacing : -0.035em;
}

.pas_box .spot_pas span {
    font-style : italic;
}

.pas_box p {
    color          : #666;
    font-size      : 17.5px;
    letter-spacing : -0.035em;
    line-height    : 1.85;
    word-break     : keep-all;
}

.pas_txt .ita_p {
    margin     : 15px 0 0;
    color      : #212121;
    font-style : italic;
}

.pas_img {
    float    : right;
    position : relative;
    width    : 38.776%;
    margin   : 5px 0 0;
}

.pas_img img, .pas_img_v2 img {
    width : 100%
}

.pas_img .pas_name, .pas_img_v2 .pas_name {
    display        : block;
    width          : 100%;
    height         : 50px;
    line-height    : 45px;
    text-align     : center;
    background     : #a2a2a2;
    color          : #fff;
    font-size      : 18px;
    font-weight    : 600;
    letter-spacing : -0.055em;
}

.pas_name strong {
    position    : relative;
    top         : 3px;
    margin      : 0 0 0 5px;
    font-size   : 28px;
    font-weight : 400;
}

@media screen and (max-width : 1024px) {
    .pas_main {
        display : none;
    }

    .pas_img {
        float     : inherit;
        width     : 100%;
        max-width : 315px;
        margin    : 0 auto 50px;
    }

    .pas_txt {
        float : inherit;
        width : 100%;
    }

    .pas_box .spot_pas {
        margin         : 0 0 25px 0;
        font-size      : 29px;
        color          : #333;
        letter-spacing : -0.055em;
        line-height    : 1.3;
        font-weight    : 400;
    }

    .pas_box .spot_pas_v2 {
        font-size   : 20px;
        font-weight : 600
    }

    .pas_box p {
        font-size      : 19px;
        line-height    : 1.7;
        letter-spacing : -0.035em
    }

    .pas_box p br {
        display : none
    }

    .pas_txt .ita_p {
        margin      : 20px 0 0;
        font-size   : 22px;
        font-style  : inherit;
        color       : #d73e3e;
        font-weight : 600;
        line-height : 1.5
    }

    .sub_content1020 .tab_list li {
        width : 25%
    }

    .sub_content1020 .tab_list li:nth-child(n+1):nth-child(-n+5) {
        border-top : 0
    }

    .sub_content1020 .tab_list li:nth-child(n+1):nth-child(-n+4) {
        border-top : 1px solid #dedede
    }

    .sub_content1020 .tab_list li:nth-child(5n+1) {
        border-left : 0
    }

    .sub_content1020 .tab_list li:nth-child(4n+1) {
        border-left : 1px solid #dedede
    }
}

@media screen and (max-width : 767px) {
    .pas_img {
        max-width : 210px;
        margin    : 0 auto 37px;
    }

    .pas_box .spot_pas {
        margin    : 0 0 15px 0;
        font-size : 21px;
    }

    .pas_box .spot_pas_v2 {
        font-size : 16px
    }

    .pas_txt .ita_p {
        font-size : 16.5px;
    }
}

/* tab2 */
.pas_img_v2 {
    position : relative;
    float    : left;
    width    : 30.7%;
}

.pas_img_v2 .pas_name {
    right : 20px;
}

.pas_txt_v2 {
    float   : right;
    width   : 69.3%;
    padding : 0 0 0 6%;
}

.sub_content1020 .comm_ul li {
    padding        : 0 0 0 20px;
    margin         : 0 0 9px 0;
    letter-spacing : -0.035em;
}

.sub_content1020 .pas_box:nth-child(2) li {
    margin : 0 0 15px 0
}

.sub_content1020 .comm_ul li:before {
    display : none;
}

.box_title {
    position       : relative;
    display        : block;
    margin         : 0 0 15px 0;
    padding        : 0 0 0 18px;
    color          : #333;
    font-size      : 21.5px;
    font-weight    : 600;
    letter-spacing : -0.035em;
}

.box_title::before {
    position   : absolute;
    top        : 8px;
    left       : 1px;
    display    : block;
    clear      : both;
    content    : '';
    width      : 8px;
    height     : 8px;
    background : #d73e3e;
}

@media screen and (max-width : 1024px) {
    .pas_img_v2 {
        float     : inherit;
        width     : 100%;
        max-width : 310px;
        margin    : 0 auto 50px;
    }

    .pas_txt_v2 {
        float   : inherit;
        width   : 100%;
        padding : 0;
    }

    .pas_img .pas_name, .pas_img_v2 .pas_name {
        height      : 45px;
        bottom      : -15px;
        right       : 75px;
        font-size   : 15px;
        font-weight : 500;
        line-height : 38px
    }

    .pas_name strong {
        top       : 2px;
        font-size : 24px;
    }

    .sub_content1020 .comm_ul li {
        line-height : 1.3;
    }

    .box_title {
        font-size : 23px;
    }

    .box_title::before {
        top    : 8px;
        width  : 13px;
        height : 13px;
    }
}

@media screen and (max-width : 767px) {
    .pas_img_v2 {
        max-width : 210px
    }

    .pas_img .pas_name, .pas_img_v2 .pas_name {
        height      : 30px;
        right       : 53px;
        font-size   : 10px;
        line-height : 25px;
    }

    .pas_box p {
        font-size   : 14px;
        line-height : 1.6
    }

    .pas_name strong {
        top       : 2px;
        margin    : 0 0 0 1px;
        font-size : 16px;
    }

    .box_title {
        padding   : 0 0 0 13px;
        font-size : 17px;
    }

    .box_title::before {
        width  : 9px;
        height : 9px;
        top    : 7px;
    }

    .pas_txt_v2 .pas_box {
        margin : 0 0 15px 0;
    }

    .sub_content1020 .comm_ul li {
        margin    : 0 0 6px 0;
        padding   : 0 0 0 10px;
        font-size : 14px;
    }

    .sub_content1020 .pas_box:nth-child(2) li {
        margin : 0 0 10px 0;
    }
}

/* tab3 */
.past_item {
    float     : left;
    width     : 22.45%;
    max-width : 220px;
    margin    : 0 3.4% 40px 0;
}

.past_item:nth-child(4n) {
    margin : 0 0 40px 0;
}

.past_item img {
    width : 100%
}

.past_item ul {
    height     : 150px;
    min-height : 150px;
    padding    : 18px 0;
    background : #647b99;
    text-align : center;
}

.past_item li {
    color          : #fff;
    font-size      : 18px;
    letter-spacing : -0.055em;
    font-weight    : 500;
}

.past_item .past_name {
    margin         : 5px 0 14px;
    color          : #fff;
    font-weight    : 400;
    font-size      : 28px;
    letter-spacing : -0.055em;
    line-height    : 1
}

.past_item .past_date {
    color          : #bcd5f5;
    font-weight    : 400;
    font-size      : 17.33px;
    font-weight    : 400;
    letter-spacing : -0.02em;;
    font-family    : 'Roboto', 'Noto Sans KR', sans-serif
}

@media screen and (max-width : 1024px) {
    .past_item {
        width     : 30%;
        max-width : 100%;
        margin    : 0 5% 40px 0;
    }

    .past_item:nth-child(4n) {
        margin : 0 5% 40px 0
    }

    .past_item:nth-child(3n) {
        margin : 0 0 40px 0
    }

    .past_item .past_name {
        font-weight : 300
    }
}

@media screen and (max-width : 767px) {
    .past_item {
        width  : 46.5%;
        margin : 0 7% 30px 0;
    }

    .past_item:nth-child(3n), .past_item:nth-child(4n) {
        margin : 0 7% 30px 0
    }

    .past_item:nth-child(2n) {
        margin : 0 0 30px 0
    }

    .past_item ul {
        height     : 115px;
        min-height : 115px;
        padding    : 12px 0;
    }

    .past_item li {
        font-size : 14px;
    }

    .past_item .past_name {
        margin    : 2px 0 8px;
        font-size : 22px;
    }

    .past_item .past_date {
        font-size : 14px;
    }
}

/** people **/
.sub_content1040 ul {
    flex-wrap : wrap
}

.sub_content1040 .tab_list li {
    width      : 20%;
    border-top : 0
}

.sub_content1040 .tab_list li:nth-child(n+1):nth-child(-n+5) {
    border-top : 1px solid #dedede
}

.sub_content1040 .tab_list li:nth-child(5n+1) {
    border-left : 1px solid #dedede;
}

.pp_item {
    float      : left;
    width      : 50%;
    min-height : 325px;
    margin     : 0 0 60px 0
}

.pp_item_v3 {
    width : 60%;
}

.pp_img {
    float     : left;
    width     : 38.8%;
    max-width : 190px;
}

.pp_img img {
    width : 100%
}

.btn_sermon {
    display        : block;
    width          : 100%;
    height         : 35px;
    margin         : 20px 0 0;
    line-height    : 35px;
    text-align     : center;
    border-radius  : 18px;
    background     : #647b99;
    color          : #fff;
    font-size      : 17.5px;
    letter-spacing : -0.035em;
}

.btn_sermon .ico_paly {
    width               : 21px;
    height              : 24px;
    background-position : 0 0;
    vertical-align      : middle;
}

.pp_txt {
    float   : left;
    width   : 61.2%;
    padding : 0 7% 0 6.2%
}

.pp_txt .pp_name {
    display        : block;
    margin         : 0 0 15px 0;
    color          : #333;
    font-size      : 21.5px;
    font-weight    : 600;
    letter-spacing : -0.035em;
    line-height    : 1
}

.pp_info li {
    margin      : 5px 0;
    color       : #333;
    font-size   : 15px;
    font-family : 'Roboto', 'Noto Sans KR', sans-serif;
}

.pp_info span {
    display     : inline-block;
    margin      : 0 5px 0 0;
    color       : #aaa;
    font-weight : 500
}

.pp_his {
    padding    : 18px 0 0;
    margin     : 18px 0 0;
    border-top : 1px solid #dcdcdc;
}

.pp_his li {
    position       : relative;
    color          : #666;
    font-size      : 14px;
    letter-spacing : -0.035em;
    line-height    : 1.6
}

.pp_his .pp_pos {
    margin : 13px 0 0;
}

.pp_pd {
    padding : 0 0 0 46px;
}

.pp_pd span {
    position : absolute;
    top      : 0;
    left     : 0;
}

.tab3 .pp_list .pp_item:nth-child(2) {
    min-height : 330px
}

.pp_item_v2 {
    float  : left;
    width  : 18.3%;
    margin : 0 8.93% 55px 0;
}

.pp_item_v2:nth-child(4n) {
    margin : 0 0 55px 0;
}

.pp_item_v2 img {
    width : 100%;
}

.pp_item_v2 span {
    display     : block;
    margin      : 13px 0 0;
    text-align  : center;
    color       : #333;
    font-size   : 21.5px;
    font-weight : 600;
}

@media screen and (max-width : 1024px) {
    .sub_content1040 .tab_list li {
        width : 33.33%;
    }

    .sub_content1040 .tab_list li:nth-child(n+1):nth-child(-n+5) {
        border-top : 0
    }

    .sub_content1040 .tab_list li:nth-child(n+1):nth-child(-n+3) {
        border-top : 1px solid #dedede
    }

    .sub_content1040 .tab_list li:nth-child(5n+1) {
        border-left : 0
    }

    .sub_content1040 .tab_list li:nth-child(3n+1) {
        border-left : 1px solid #dedede;
    }

    .pp_item {
        float      : inherit;
        width      : 100%;
        max-width  : 475px;
        min-height : auto !important;
        margin     : 0 auto 70px
    }

    .pp_item:last-child {
        margin : 0 auto
    }

    .pp_img {
        width     : 31.6%;
        max-width : 150px
    }

    .btn_sermon {
        height      : 27px;
        margin      : 15px 0 0;
        line-height : 27px;
        font-size   : 14px;
    }

    .btn_sermon .ico_paly {
        width           : 17px;
        height          : 18px;
        background-size : 17px;
    }

    .pp_txt {
        width   : 66.9%;
        padding : 0 0 0 5.5%
    }

    .pp_txt .pp_name {
        letter-spacing : -0.055em;
    }

    .pp_info li {
        font-size      : 16px;
        letter-spacing : -0.02em;
    }

    .pp_his .pp_pos {
        margin : 6px 0 0;
    }

    .tab3 .pp_list .pp_item:nth-child(2) {
        min-height : auto;
    }

    .pp_item_v2 {
        width  : 21.25%;
        margin : 0 5% 40px 0;
    }

    .pp_item_v2:nth-child(4n) {
        margin : 0 0 40px 0;
    }

    .pp_item_v2 span {
        margin         : 6px 0 0;
        font-size      : 21px;
        letter-spacing : -0.055em;
    }
}

@media screen and (max-width : 767px) {
    .pp_item {
        max-width : 375px;
        margin    : 0 auto 40px;
    }

    .btn_sermon {
        height      : 20px;
        line-height : 20px;
        font-size   : 11px;
    }

    .btn_sermon .ico_paly {
        width           : 12px;
        height          : 14px;
        background-size : 12px;
    }

    .pp_txt {
        width   : 64.9%;
        padding : 0 0 0 3.5%
    }

    .pp_txt .pp_name {
        font-size : 15px
    }

    .pp_info li {
        margin    : 0 3px;
        font-size : 11px;
    }

    .pp_his {
        padding : 10px 0 0;
        margin  : 10px 0 0;
    }

    .pp_his li {
        font-size : 11px;
    }

    .pp_his .pp_pos {
        margin : 13px 0 0;
    }

    .pp_item_v2 {
        width  : 31.33%;
        margin : 0 3% 30px 0
    }

    .pp_item_v2:nth-child(4n) {
        margin : 0 3% 30px 0;
    }

    .pp_item_v2:nth-child(3n) {
        margin : 0 0 30px 0;
    }

    .pp_item_v2 span {
        margin    : 3px 0 0;
        font-size : 15px;
    }

}

/** organization **/
.og_wrap {
    text-align : center;
}

.og_wrap .og_title {
    position       : relative;
    display        : block;
    width          : 100%;
    max-width      : 180px;
    height         : 50px;
    margin         : 0 auto;
    line-height    : 50px;
    color          : #fff;
    font-size      : 18.67px;
    letter-spacing : -0.035em;
    background     : #14355e
}

.og_wrap .og_title::after {
    position   : absolute;
    z-index    : -1;
    left       : 50%;
    bottom     : -6px;
    z-index    : 1;
    margin     : 0 0 0 -7px;
    display    : block;
    clear      : both;
    content    : '';
    width      : 13px;
    height     : 13px;
    background : #e15252
}

.og_wrap .og_title::before {
    position   : absolute;
    top        : -70px;
    left       : 49.5%;
    display    : block;
    clear      : both;
    content    : '';
    width      : 1px;
    height     : 70px;
    background : #bfbfbf;
    z-index    : -1
}

.og_wrap .og_top .og_title::before {
    top    : 0;
    height : 686%;
}

.og_wrap .og_mid .og_title::before {
    display : none
}

.og_wrap .og_mid {
    float   : left;
    width   : 50%;
    padding : 60px 0 150px;
}

.og_mid_item {
    float : left;
    width : 50%;
}

.og_mid_item:last-child {
    width      : 50%;
    margin     : 25px 0 0;
    height     : 1px;
    background : #bfbfbf;
    float      : left;
}

.og_wrap .og_mid .og_title {
    max-width  : 100%;
    background : #e6e6e6;
    color      : #333;
    font-size  : 17.33px;
}

.og_wrap .og_mid .og_title:after {
    right  : -5px;
    left   : inherit;
    top    : 50%;
    margin : -7px 0 0;
}

.og_mid ul {
    margin     : 10px 0 0;
    border     : 1px solid #bfbfbf;
    text-align : left;
    padding    : 14px
}

.og_wrap li {
    position       : relative;
    padding        : 0 0 0 10px;
    margin         : 0 0 10px 0;
    color          : #666;
    font-size      : 16px;
    font-weight    : 300;
    letter-spacing : -0.05em;
    text-align     : left;
    line-height    : 21.33px;
}

.og_wrap .og_mid li {
    display : inline-block;
    margin  : 5px 20px 5px 0;
}

.og_wrap li::before {
    position      : absolute;
    top           : 9px;
    left          : 0;
    display       : block;
    clear         : both;
    content       : '';
    width         : 4px;
    height        : 4px;
    border-radius : 50%;
    background    : #e15252;
}

.og_wrap .og_bot {
    clear    : both;
    position : relative;
}

.og_wrap .og_bot::before {
    position    : absolute;
    top         : -70px;
    left        : 50%;
    margin-left : -42.3%;
    display     : block;
    z-index     : -1;
    clear       : both;
    content     : '';
    width       : 84.1%;
    height      : 1px;
    background  : #bfbfbf;
}

.og_bot .og_list_wrap {
    float : left;
    width : 50%;
}

.og_bot .og_list_top {
    width : 50%;
}

.og_list_bot {
    position : relative;
    padding  : 0 0 0 1.2%
}

.og_wrap .og_bot .og_title {
    background : #bda16e;
}

.og_wrap .og_bot .og_title::after {
    top : -5px;
}

.og_wrap .og_list {
    float      : left;
    max-width  : 180px;
    width      : 30.5%;
    margin     : 0 3.4% 0 0;
    background : #fff
}

/*.og_wrap .og_list_bot .og_list{width:47.35%;margin:0 5.3% 0 0;}*/
.og_wrap .og_list:last-child {
    margin : 0;
}

.og_bot .og_item {
    display   : block;
    max-width : 180px;
    padding   : 0 10px;
    margin    : 10px auto;
    border    : 1px solid #bfbfbf;
}

.og_bot .og_item_v2 {
    max-height : none
}

.og_bot .og_item span {
    display        : block;
    padding        : 15px 0;
    color          : #333;
    font-size      : 17.33px;
    line-height    : 1.25;
    letter-spacing : -0.05em;
}

.og_bot .og_item_v2 span {
    border-bottom : 1px solid #bfbfbf
}

.og_bot .og_item ul {
    padding : 17px 0;
}

.og_bot .og_item li:last-child {
    margin : 0;
}

@media screen and (max-width : 1024px) {
    .og_wrap {
        padding : 0 4% 0 0
    }

    .og_wrap .og_title {
        max-width   : 210px;
        height      : 38px;
        line-height : 38px;
    }

    .og_wrap .og_title::before {
        height : 50px;
        top    : -50px;
    }

    .og_wrap .og_mid {
        padding      : 90px 0 80px;
        border-right : 1px solid #bfbfbf
    }

    .og_wrap .og_mid .og_title::before {
        right : -52%;
    }

    .og_mid_item {
        width : 67%
    }

    .og_mid_item:last-child {
        width  : 33%;
        margin : 19px 0 0;
    }

    .og_mid ul {
        padding : 8px 5px 8px 8px
    }

    .og_wrap li {
        margin : 0 0 6px 0
    }

    .og_wrap .og_mid li {
        margin : 5px 11px 5px 0
    }

    .og_wrap .og_mid li:nth-child(4) {
        margin : 5px 11px 5px 0;
    }

    .og_wrap .og_bot .og_title {
        max-width : 100%;
    }

    .og_wrap .og_bot::before {
        width       : 88.5%;
        top         : -50px;
        margin-left : -34.9%;
    }

    .og_bot .og_list_wrap {
        position : relative;
        float    : none;
        width    : 100%;
        padding  : 0 0 100px 0
    }

    .og_wrap .og_mid .og_title {
        font-size : 20px;
    }

    .og_wrap .og_list {
        margin    : 0 4.3% 0 0;
        max-width : 100%;
        width     : 30.4%
    }

    .og_list_top:before {
        position   : absolute;
        top        : -50px;
        right      : -3.6%;
        display    : block;
        clear      : both;
        content    : '';
        width      : 1px;
        height     : 100%;
        background : #bfbfbf;
    }

    .og_list_bot {
        padding : 0;
    }

    .og_list_bot:before {
        position    : absolute;
        top         : -50px;
        left        : 50%;
        margin-left : -34.9%;
        display     : block;
        z-index     : -1;
        clear       : both;
        content     : '';
        width       : 88.5%;
        height      : 1px;
        background  : #bfbfbf;
    }

    /*.og_wrap .og_list_bot .og_list{width:30.46%;margin:0 4.3% 0 0}*/
    .og_wrap .og_list_top .og_list:nth-child(2) .og_title::before {
        display : none;
    }

    .og_bot .og_item {
        max-width : 100%;
    }

    .og_bot .og_item span {
        font-size   : 18px;
        line-height : 40px;
    }

    .og_bot .og_item ul {
        padding : 10px 0;
    }

}

@media screen and (max-width : 767px) {
    .og_wrap .og_title {
        width       : 110px;
        height      : 30px;
        line-height : 30px;
        font-size   : 14px;
    }

    .og_wrap .og_title::after {
        width  : 9px;
        height : 9px;
        bottom : -4px;
        margin : 0 0 0 -4px;
    }

    .og_wrap .og_top .og_title::before {
        display : none;
    }

    .og_mid_item {
        width : 73%
    }

    .og_mid_item:last-child {
        width  : 27%;
        margin : 15px 0 0;
    }

    .og_wrap .og_mid {
        padding : 50px 0 55px
    }

    .og_wrap .og_mid .og_title {
        width     : 100%;
        font-size : 14px;
    }

    .og_wrap .og_mid .og_title:after {
        top : 59%;
    }

    .og_wrap li {
        padding     : 0 0 0 5px;
        font-size   : 11.5px;
        line-height : 1.4
    }

    .og_wrap li::before {
        width  : 3px;
        height : 3px;
        top    : 6px
    }

    .og_wrap .og_mid li {
        margin : 0 13px 0 0;
    }

    .og_wrap .og_mid li:last-child {
        margin : 0;
    }

    .og_wrap .og_mid li:nth-child(4) {
        margin : 0 11px 0 0
    }

    /*.og_wrap .og_list,.og_wrap .og_list_bot .og_list{width:32%;margin:0 2% 0 0;}*/
    .og_wrap .og_bot::before, .og_list_bot:before {
        width       : 88.2%;
        top         : -34px;
        margin-left : -34.7%
    }

    .og_bot .og_list_wrap {
        padding : 0 0 50px 0
    }

    .og_list_top:before {
        top : -34px
    }

    .og_wrap .og_title::before {
        height : 34px;
        top    : -34px;
    }

    .og_bot .og_item {
        padding : 0 5px;
    }

    .og_bot .og_item span {
        font-size   : 13px;
        line-height : 28px
    }

    .og_bot .og_item ul {
        padding : 6px 0
    }
}

/* introduce  */
@media screen and (max-width : 767px) {
    .sub_content2030 ul {
        flex-wrap : wrap
    }

    .sub_content2030 li {
        width : 33.33%
    }

    .sub_content2030 .tab_list li:nth-child(n+4):nth-child(-n+6) {
        border-top : 0
    }

    .sub_content2030 .tab_list li:nth-child(3n+1) {
        border-left : 1px solid #dedede;
    }
}

/** worship **/
.box_ws {
    margin : 0 0 35px 0;
}

.box_ws .box_title {
    margin : 0 0 12px 0;
}

.box_ws .about_tbl {
    border-bottom : 2px solid #8c8c8c
}

.box_ws .about_tbl td {
    padding   : 11px 0;
    font-size : 18.67px;
}

.box_ws .about_tbl .bo_r {
    border-right : 1px solid #d8d8d8
}

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

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

/** location **/
.loc_info {
    position    : relative;
    padding     : 70px 0 15px;
    margin      : 115px 0 0 80px;
    background  : #14355e;
    font-family : 'Roboto', 'Noto Sans KR', sans-serif;
}

.loc_map {
    position : absolute;
    top      : -55px;
    left     : -80px;
}

.loc_map .root_daum_roughmap {
    width         : 650px;
    height        : 460px;
    padding       : 0;
    border        : 0;
    border-bottom : 1px solid #ddd
}

.loc_map .root_daum_roughmap .wrap_map {
    height : 460px;
}

.loc_map .wrap_controllers {
    display : none;
}

.loc_info .loc_txt {
    float     : right;
    width     : 32%;
    max-width : 280px;
    padding   : 0 23px 0 0;
}

.loc_txt dt {
    margin      : 0 0 8px 0;
    color       : #fff;
    font-size   : 24px;
    line-height : 1
}

.loc_txt dd {
    margin      : 0 0 35px 0;
    color       : #bed4f0;
    font-size   : 16px;
    line-height : 1.4;
}

.loc_txt dd a {
    color : #bed4f0
}

.loc_txt dd.loc_tel {
    line-height : 1.7
}

.loc_tel span {
    display        : inline-block;
    vertical-align : top
}

@media screen and (max-width : 1024px) {
    .loc_wrap {
        max-width : 715px;
        margin    : 0 auto
    }

    .loc_info {
        max-width : 655px;
        padding   : 50px 0 15px;
        margin    : 95px 0 0 62px
    }

    .loc_map {
        top  : -40px;
        left : -60px;
    }

    .loc_map .root_daum_roughmap {
        width  : 470px;
        height : 380px;
    }

    .loc_info .loc_txt {
        width : 210px
    }

    .loc_txt dt {
        margin    : 0 0 4px 0;
        font-size : 19px
    }

    .loc_txt dd {
        margin : 0 0 25px 0
    }

    .loc_txt dd.loc_tel {
        line-height : 1.4
    }
}

@media screen and (max-width : 767px) {
    .loc_map {
        top         : -40px;
        left        : 50%;
        margin-left : -150px
    }

    .loc_map .root_daum_roughmap {
        width  : 300px;
        height : 300px;
    }

    .loc_info {
        margin  : 90px 0 0;
        padding : 310px 25px 10px;
    }

    .loc_info .loc_txt {
        float     : inherit;
        width     : 100%;
        max-width : 100%;
        padding   : 0;
    }

    .loc_txt dt {
        font-size : 15px
    }

    .loc_txt dd {
        font-size : 13.5px;
    }

    .loc_txt dd br.br_none {
        display : none;
    }
}

/** broadcast **/
.bc_head {
    padding       : 0 0 25px 0;
    margin        : 0 0 60px 0;
    text-align    : center;
    border-bottom : 1px solid #ccc;
}

.bc_head .bc_title {
    display        : block;
    width          : 100%;
    padding        : 4px 0;
    background     : #8c8c8c;
    color          : #fff;
    font-size      : 21.33px;
    letter-spacing : -0.025em;
}

.bc_head p {
    margin         : 20px 0 0;
    color          : #333;
    font-size      : 32px;
    letter-spacing : -0.055em;
}

.bc_head .bd_desc {
    display        : block;
    color          : #666;
    font-size      : 17.33px;
    letter-spacing : -0.025em;
}

.vd_container {
    position       : relative;
    padding-bottom : 56.25%;
    padding-top    : 30px;
    height         : 0;
    overflow       : hidden;
}

.vd_container iframe {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
}

@media screen and (max-width : 1024px) {
    .bc_head {
        margin : 0 0 40px 0;
    }

    .bc_head .bc_title {
        padding   : 8px 0;
        font-size : 20px;
    }

    .bc_head p {
        font-size : 26px;
    }

    .bc_head .bd_desc {
        margin    : 15px 0 0;
        font-size : 16px;
    }
}

@media screen and (max-width : 767px) {
    .bc_head {
        padding : 0 0 12px 0;
        margin  : 0 0 30px 0
    }

    .bc_head .bc_title {
        padding   : 2px 0;
        font-size : 15px;
    }

    .bc_head p {
        margin    : 15px 0 0;
        font-size : 20px;
    }

    .bc_head .bd_desc {
        margin    : 2px 0 0;
        font-size : 11px;
    }
}

/** eduAbout **/
.sub_content3010 .tab_list {
    margin : 0 0 60px 0;
}

.sub_content3010 .tab_list li {
    width : 11.11%;
}

.about_img .about_img_area {
    float       : left;
    width       : 69.4%;
    height      : 354px;
    text-indent : -9999px
}

.sub_content3010 .tab1 .about_img_area {
    background      : url(/img/yangrim/img_edu01.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab2 .about_img_area {
    background      : url(/img/yangrim/img_edu02.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab3 .about_img_area {
    background      : url(/img/yangrim/img_edu03.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab4 .about_img_area {
    background      : url(/img/yangrim/img_edu04.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab5 .about_img_area {
    background      : url(/img/yangrim/img_edu05.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab6 .about_img_area {
    background      : url(/img/yangrim/img_edu06.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab7 .about_img_area {
    background      : url(/img/yangrim/img_edu07.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab8 .about_img_area {
    background      : url(/img/yangrim/img_edu08.jpg) no-repeat center;
    background-size : cover;
}

.sub_content3010 .tab9 .about_img_area {
    background      : url(/img/yangrim/img_edu09.jpg) no-repeat center;
    background-size : cover;
}

.about_img .about_img_txt {
    float      : right;
    position   : relative;
    width      : 30.6%;
    height     : 354px;
    padding    : 0 3%;
    background : #e9d9bc;
}

.about_img .about_img_txt > div {
    position : absolute;
    bottom   : 40px;
}

.tab8 .about_img .about_img_txt > div {
    bottom : 70px
}

.about_img .about_img_txt span {
    display        : block;
    padding        : 0 0 6px;
    color          : #322817;
    word-break     : keep-all;
    font-size      : 34px;
    letter-spacing : -0.045em;
    line-height    : 1.3;
}

.about_img .about_img_txt p {
    color          : #78694f;
    font-size      : 16px;
    letter-spacing : -0.035em;
    line-height    : 1.5;
    word-break     : keep-all;
}

.tab_area .about_txt {
    margin : 35px 0 0;
}

.about_list {
    float : left;
    width : 50%
}

.about_list:last-child {
    float : right;
}

.about_list .about_item {
    margin : 0 0 30px 0;
}

.about_item p {
    margin         : 0 0 10px 0;
    padding        : 0 0 0 18px;
    color          : #666;
    font-size      : 17.5px;
    letter-spacing : -0.035em;
    line-height    : 1.6;
    word-break     : keep-all;
}

.about_item p a {
    color : #666;
}

.about_goal p {
    margin : 0 0 5px 0;
}

.about_item .ab_ld_tt {
    display : block;
    float   : left;
}

.ab_ld_ls {
    display : block;
    padding : 0 10px 0 90px;
}

.ab_ld_ls_v2 {
    padding : 0 10px 0 160px;
}

@media screen and (max-width : 1024px) {
    .sub_content3010 .tab_list li {
        width      : 20%;
        border-top : 0;
    }

    .sub_content3010 .tab_list li:nth-child(n+1):nth-child(-n+5) {
        border-top : 1px solid #dedede
    }

    .sub_content3010 .tab_list li:nth-child(5n+1) {
        border-left : 1px solid #dedede;
    }

    .about_img .about_img_area {
        width  : 59.3%;
        height : 280px;
    }

    .about_img .about_img_txt {
        width  : 40.7%;
        height : 280px;
    }

    .sub_content3010 .tab1 .about_img_area {
        background      : url(/img/yangrim/img_t_edu01.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab2 .about_img_area {
        background      : url(/img/yangrim/img_edu02.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab3 .about_img_area {
        background      : url(/img/yangrim/img_edu03.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab4 .about_img_area {
        background      : url(/img/yangrim/img_edu04.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab5 .about_img_area {
        background      : url(/img/yangrim/img_edu05.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab6 .about_img_area {
        background      : url(/img/yangrim/img_edu06.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab7 .about_img_area {
        background      : url(/img/yangrim/img_edu07.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab8 .about_img_area {
        background      : url(/img/yangrim/img_edu08.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab9 .about_img_area {
        background      : url(/img/yangrim/img_edu09.jpg) no-repeat center;
        background-size : cover;
    }

    .about_list, .about_list:last-child {
        float : inherit;
        width : 100%;
    }

    .about_img .about_img_txt > div {
        bottom : 30px
    }

    .tab8 .about_img .about_img_txt > div {
        bottom : 30px
    }

    .about_img .about_img_txt span {
        padding     : 0 0 12px;
        font-size   : 28px;
        line-height : 1.2
    }

    .about_img .about_img_txt p {
        font-size   : 19px;
        line-height : 1.4
    }

    .about_item p {
        font-size   : 20px;
        line-height : 1.5
    }

    .ab_ld_ls {
        padding : 0 0 0 103px
    }

    .ab_ld_ls_v2 {
        padding : 0 0 0 182px
    }
}

@media screen and (max-width : 767px) {
    .about_item .box_title {
        margin : 0
    }

    .sub_content3010 .tab_list li {
        width : 25%;
    }

    .sub_content3010 .tab_list li:nth-child(n+1):nth-child(-n+5) {
        border-top : 0
    }

    .sub_content3010 .tab_list li:nth-child(5n+1) {
        border-left : 0
    }

    .sub_content3010 .tab_list li:nth-child(n+1):nth-child(-n+4) {
        border-top : 1px solid #dedede
    }

    .sub_content3010 .tab_list li:nth-child(4n+1) {
        border-left : 1px solid #dedede;
    }

    .about_img .about_img_area {
        float  : inherit;
        width  : 100%;
        height : 210px
    }

    .about_img .about_img_txt {
        float   : inherit;
        width   : 100%;
        height  : auto;
        padding : 15px 0 24px
    }

    .about_img .about_img_txt > div {
        position   : inherit;
        bottom     : inherit;
        text-align : center;
    }

    .tab8 .about_img .about_img_txt > div {
        bottom : 0
    }

    .sub_content3010 .tab1 .about_img_area {
        background      : url(/img/yangrim/img_m_edu01.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab2 .about_img_area {
        background      : url(/img/yangrim/img_edu02.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab3 .about_img_area {
        background      : url(/img/yangrim/img_edu03.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab4 .about_img_area {
        background      : url(/img/yangrim/img_edu04.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab5 .about_img_area {
        background      : url(/img/yangrim/img_edu05.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab6 .about_img_area {
        background      : url(/img/yangrim/img_edu06.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab7 .about_img_area {
        background      : url(/img/yangrim/img_edu07.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab8 .about_img_area {
        background      : url(/img/yangrim/img_edu08.jpg) no-repeat center;
        background-size : cover;
    }

    .sub_content3010 .tab9 .about_img_area {
        background      : url(/img/yangrim/img_edu09.jpg) no-repeat center;
        background-size : cover;
    }

    .about_img .about_img_txt span {
        font-size : 21px;
    }

    .about_img .about_img_txt p {
        font-size   : 14px;
        line-height : 1.3
    }

    .about_list .about_item {
        margin : 0 0 25px 0
    }

    .tab_area .about_txt {
        margin : 25px 0 0;
    }

    .about_item p {
        font-size : 14px;
    }

    .ab_ld_ls {
        padding : 0 0 0 74px
    }

    .ab_ld_ls_v2 {
        padding : 0 0 0 129px
    }
}

/** ministryAbout **/
.sub_content4010 .tab_list {
    margin : 0 0 60px 0;
}

.sub_content4010 .tab_list li {
    width : 16.66%;
}

.sub_content4010 .comm_ul {
    margin : 0 0 4px 0;
}

.sub_content4010 .comm_ul li {
    padding : 0;
    margin  : 0 0 4px 0;
}

.sub_content4010 .comm_ul li::before {
    display : none;
}

.sub_content4010 .comm_ul b {
    color       : #333;
    font-weight : 400
}

.sub_content4010 .box_title {
    margin : 0 0 14px 0;
}

.sub_content4010 .about_item {
    margin : 0 0 35px 0;
}

.tab_area .mini_title {
    margin         : 0 0 30px 0;
    font-size      : 34px;
    line-height    : 1;
    letter-spacing : -0.025em;
    color          : #322817;
    font-weight    : 600;
}

.about_item .mini_info {
    padding : 0 0 20px 20px
}

.about_item .mini_info:last-child {
    padding : 0 0 0 20px;
}

.about_item .mini_info > span {
    display        : block;
    margin         : 0 0 6px 0;
    color          : #d73e3e;
    font-size      : 19px;
    font-weight    : 600;
    letter-spacing : -0.035em;
}

.about_item .mini_info p {
    padding : 0;
}

.about_item .mini_info p:last-child {
    margin : 0
}

.sub_content .about_item .mini_spot {
    margin         : 5px 0 0;
    font-size      : 16px;
    letter-spacing : -0.035em;
    color          : #e15252;
    font-weight    : 500;
}

.sub_content .about_item .mini_spot2 {
    color : #333;
}

.tab2 .about_item .mini_spot2 {
    margin : 0 0 4px 0
}

.about_tbl table {
    width : 100%;
}

.about_tbl caption {
    visibility  : hidden;
    overflow    : hidden;
    width       : 0;
    height      : 0;
    font-size   : 0;
    line-height : 0;
}

.about_tbl th {
    width          : 19%;
    padding        : 7px 0;
    background     : #8c8c8c;
    color          : #fff;
    letter-spacing : -0.05em;
    text-align     : center;
    font-size      : 17.5px;
    border-right   : 1px solid #a3a3a3;
}

.about_tbl th:last-child {
    width        : 43%;
    border-right : 0;
}

.about_tbl td {
    padding        : 8px 0;
    background     : #f7f7f7;
    color          : #333;
    letter-spacing : -0.05em;
    text-align     : center;
    font-size      : 16px;
    border-bottom  : 1px solid #d8d8d8;
    border-right   : 1px solid #d8d8d8
}

.about_tbl td:last-child {
    border-right : 0
}

.container .sub_content .about_tbl .tbl_title {
    color       : #69799f;
    font-size   : 17.5px;
    font-weight : 600;
    text-align  : center
}

.about_item .about_tbl_v1 td {
    width : 50%;
}

.about_item .about_tbl_v2 {
    border-bottom : 2px solid #8c8c8c;
}

.about_item .about_tbl_v3 {
    border-bottom : 2px solid #8c8c8c;
    border-top    : 2px solid #8c8c8c
}

.about_item .about_tbl2 {
    border-top : 0;
}

.about_item .about_tbl_v3 td {
    padding    : 8px 0 8px 30px;
    text-align : left;
}

.about_item .about_tbl_v3 td.tbl_title {
    padding    : 0;
    text-align : center;
}

.tab6 .about_item .about_tbl_v3 td {
    padding    : 8px 0;
    text-align : center;
}

.about_tbl .bb_none, .bb_none td {
    border-bottom : 0
}

.about_tbl .t_m, .about_tbl .m_m {
    display : none
}

.about_item .about_tbl2 .tbl_title {
    padding    : 30px 0 0;
    text-align : center;
}

.tab_area .about_item .about_tbl2 td {
    padding        : 20px 10px 20px 20px;
    text-align     : left;
    vertical-align : top;
}

.about_item .about_tbl2 td li {
    position    : relative;
    padding     : 0 0 0 10px;
    color       : #666;
    line-height : 1.4;
}

.about_item .about_tbl2 td li::before {
    display    : block;
    clear      : both;
    content    : '';
    position   : absolute;
    top        : 12px;
    left       : 0;;
    width      : 4px;
    height     : 1px;
    background : #666
}

.about_item .about_tbl2 ul {
    margin     : 0 0 15px 0;
    text-align : left;
}

.about_item .about_tbl2 ul:last-child {
    margin : 0
}

.about_item .about_tbl2 .td_title {
    padding : 0;
    color   : #333;
}

.about_item .about_tbl2 .td_title::before {
    display : none;
}

.tab5 .about_item .about_tbl2 td {
    padding : 10px 5px 10px 20px;
}

.sub_content .tab5 .about_tbl .tbl_title {
    padding        : 0;
    vertical-align : middle;
}

.sub_content .tab5 .td_title_v2 {
    margin : 0 0 8px 0
}

.sub_content .tab6.tab_area .about_tbl .tbl_title {
    padding : 25px 0;
}

@media screen and (max-width : 1024px) {
    .about_tbl th {
        padding   : 5px 0;
        font-size : 20px;
    }

    .box_ws .about_tbl td {
        padding   : 27px 0;
        font-size : 20px;
    }

    .box_ws .td_b td b {
        display : block;
    }

    .container .sub_content .about_tbl .tbl_title {
        font-size : 19px
    }

    .about_tbl .t_m {
        display : block
    }
}

@media screen and (max-width : 767px) {
    .about_tbl .m_m {
        display : block
    }

    .about_tbl th {
        width     : 22.6%;
        font-size : 14px;
    }

    .about_tbl th:last-child {
        width : 32%;
    }

    .box_ws .about_tbl td {
        padding    : 14px 4px;
        font-size  : 14px;
        word-break : keep-all;
    }

    .container .sub_content .about_tbl .tbl_title {
        font-size : 14px
    }
}

/** history **/
.sub_content .his_wrap {
    position : relative;
}

.sub_content .his_wrap:before {
    position   : absolute;
    top        : 0;
    left       : 50%;
    z-index    : -1;
    display    : block;
    clear      : both;
    content    : '';
    width      : 1px;
    height     : 100%;
    background : #ddd;
}

.his_box {
    position : relative;
    width    : 50%;
}

.his_box.f_l {
    float      : left;
    padding    : 0 30px 0 0;
    text-align : right; /*border-right:1px solid #ddd;*/
}

.his_box.f_r {
    float   : right;
    padding : 0 0 0 30px;
}

.his_box.his_box_1904 {
    padding : 310px 0 0 30px;
}

.his_box.his_box_1905 {
    padding : 120px 30px 0 0
}

.his_box.his_box_1906 {
    padding : 280px 30px 0 0
}

.his_box.his_box_1908 {
    padding : 130px 0 0 30px
}

.his_box.his_box_1909 {
    padding : 300px 30px 0 0
}

.his_box.his_box_1910 {
    padding : 290px 0 0 30px
}

.his_box.his_box_1915 {
    padding : 250px 30px 0 0
}

.his_box.his_box_1923 {
    padding : 260px 0 0 30px
}

.his_box.his_box_1930 {
    padding : 300px 30px 0 0
}

.his_box.his_box_1936 {
    padding : 290px 0 0 30px
}

.his_box.his_box_1952 {
    padding : 270px 30px 0 0
}

.his_box.his_box_1958 {
    padding : 260px 0 0 30px
}

.his_box.his_box_1959 {
    padding : 290px 0 0 30px
}

.his_box.his_box_1961 {
    padding : 300px 30px 0 0
}

.his_box.his_box_1967 {
    padding : 380px 0 0 30px
}

.his_box.his_box_1974 {
    padding : 280px 30px 0 0
}

.his_box.his_box_1984 {
    padding : 280px 0 0 30px
}

.his_box.his_box_1985 {
    padding : 280px 30px 0 0
}

.his_box.his_box_1994 {
    padding : 270px 0 0 30px
}

.his_box.his_box_1998 {
    padding : 230px 30px 0 0
}

.his_box.his_box_1999 {
    padding : 130px 30px 0 0
}

.his_box.his_box_2002 {
    padding : 195px 0 0 30px
}

.his_box.his_box_2004 {
    padding : 80px 30px 0 0
}

.his_box.his_box_2008 {
    padding : 290px 0 0 30px
}

.his_box.his_box_2009 {
    padding : 290px 30px 0 0
}

.his_box.his_box_2011 {
    padding : 260px 0 0 30px
}

.his_box.his_box_2013 {
    padding : 230px 30px 0 0
}

.his_box.his_box_2018 {
    padding : 280px 0 0 30px
}

.his_box.his_box_2020 {
    padding : 370px 30px 0 0
}

.his_box.on {
    opacity           : 1;
    transform         : translateY(0);
    -moz-transform    : translateY(0);
    -webkit-transform : translateY(0);
    -o-transform      : translateY(0);
    -ms-transform     : translateY(0);
}

.his_box {
    opacity           : 0;
    transform         : translateY(30px);
    -moz-transform    : translateY(30px);
    -webkit-transform : translateY(30px);
    -o-transform      : translateY(30px);
    -ms-transform     : translateY(30px);
    transition        : all 1.2s;
}

.his_box .his_title {
    position       : relative;
    display        : inline-block;
    margin         : 0 0 10px 0;
    color          : #bda16e;
    font-size      : 44px;
    font-family    : 'Roboto', 'Noto Sans KR', sans-serif;
    font-weight    : 400;
    letter-spacing : -0.06em;
    line-height    : 1.1;
}

.his_box .his_title::before {
    position   : absolute;
    top        : 17px;
    right      : -37px;
    display    : block;
    clear      : both;
    content    : '';
    width      : 13px;
    height     : 13px;
    background : #e15252;
    z-index    : 1;
}

.his_box.f_r .his_title::before {
    left  : -37px;
    right : inherit;
}

.his_box .his_desc {
    display        : block;
    margin         : 40px 0 15px 0;
    color          : #666;
    font-size      : 17.33px;
    letter-spacing : -0.03em;
    line-height    : 1.6;
}

.his_box .his_desc:first-child {
    margin : 0 0 15px 0;
}

.his_box .his_desc b {
    color       : #333;
    font-weight : 500;
}

.his_box_st::after {
    position   : absolute;
    top        : 0;
    right      : -6px;
    display    : block;
    clear      : both;;
    content    : '';
    width      : 10px;
    height     : 17px;
    background : #fff;
}

.his_box_st li {
    float      : left;
    width      : 33.33%;
    margin     : 0 0 15px 0;
    text-align : center;
}

.his_box_st li img {
    width     : 100%;
    max-width : 140px;
}

.his_box_st li span {
    display        : block;
    margin         : 5px 0 0;
    line-height    : 1.3;
    color          : #666;
    font-size      : 17.33px;
    letter-spacing : -0.03em;
}

.his_info img {
    width : 100%
}

@media screen and (max-width : 1024px) {
    .his_box.his_box_1904 {
        padding : 120px 0 100px 30px
    }

    .his_box.his_box_1905 {
        padding : 90px 30px 0 0
    }

    .his_box.his_box_1906 {
        padding : 100px 30px 0 0
    }

    .his_box.his_box_1908 {
        padding : 200px 0 280px 30px
    }

    .his_box.his_box_1909 {
        padding : 100px 30px 0 0
    }

    .his_box.his_box_1910 {
        padding : 100px 0 0 30px;
    }

    .his_box.his_box_1915 {
        padding : 140px 30px 0 0
    }

    .his_box.his_box_1923 {
        padding : 180px 0 0 30px
    }

    .his_box.his_box_1930 {
        padding : 120px 30px 0 0
    }

    .his_box.his_box_1936 {
        padding : 140px 0 0 30px
    }

    .his_box.his_box_1952 {
        padding : 140px 30px 0 0
    }

    .his_box.his_box_1958 {
        padding : 150px 0 0 30px
    }

    .his_box.his_box_1959 {
        padding : 190px 0 0 30px
    }

    .his_box.his_box_1961 {
        padding : 200px 30px 0 0
    }

    .his_box.his_box_1967 {
        padding : 280px 0 0 30px
    }

    .his_box.his_box_1974 {
        padding : 180px 30px 0 0
    }

    .his_box.his_box_1984 {
        padding : 180px 0 0 30px
    }

    .his_box.his_box_1985 {
        padding : 180px 30px 0 0
    }

    .his_box.his_box_1994 {
        padding : 170px 0 0 30px
    }

    .his_box.his_box_1998 {
        padding : 130px 30px 0 0
    }

    .his_box.his_box_2008 {
        padding : 190px 0 0 30px
    }

    .his_box.his_box_2009 {
        padding : 190px 30px 0 0
    }

    .his_box.his_box_2011 {
        padding : 160px 0 0 30px
    }

    .his_box.his_box_2013 {
        padding : 130px 30px 130px 0
    }

    .his_box.his_box_2018 {
        padding : 100px 0 0 30px
    }

    .his_box .his_title {
        font-size      : 33px;
        letter-spacing : -0.04em;
    }

    .his_box .his_title::before {
        top : 12px;
    }

    .his_box .his_desc {
        font-size   : 19px;
        line-height : 1.5;
        word-break  : keep-all;
    }

    .his_box .his_desc .br_none {
        display : none
    }

    .his_box_st li {
        width  : 47%;
        margin : 0 6% 15px 0;
    }

    .his_box_st li span {
        font-size : 19px;
    }

    .his_box_st li img {
        width     : 100%;
        max-width : 100%;
    }

    .his_box_st li:nth-child(2n) {
        margin : 0 0 15px 0
    }
}

@media screen and (max-width : 767px) {
    .sub_content .his_wrap:before {
        left : 5px;
        top  : 12px;
    }

    .his_box.f_l {
        width      : 100%;
        float      : inherit;
        padding    : 0 0 0 20px;
        margin     : 0 0 30px 0;
        text-align : left
    }

    .his_box.f_r {
        width   : 100%;
        float   : inherit;
        padding : 0 0 0 20px;
        margin  : 0 0 30px 0
    }

    .his_box .his_title {
        font-size : 25px;
    }

    .his_box.f_l .his_title::before, .his_box.f_r .his_title::before {
        width  : 10px;
        height : 10px;
        left   : -19px;
        top    : 8px
    }

    .his_box .his_desc {
        margin    : 30px 0 15px;
        font-size : 13.5px;
    }

    .his_info_user {
        max-width : 400px;
    }

    .his_box_st li {
        width     : 30%;
        max-width : 99px;
        margin    : 0 5% 20px 0;
    }

    .his_box_st li:nth-child(2n) {
        margin : 0 5% 20px 0
    }

    .his_box_st li:nth-child(3n) {
        margin : 0 0 20px 0
    }

    .his_box_st li span {
        font-size : 14px;
    }
}

@media screen and (max-width : 340px) {
    .his_box_st li span {
        height     : 54px;
        word-break : keep-all;
    }
}

.intro__slide {
    width         : 100%;
    position      : relative;
    margin-bottom : 85px;
}

.intro__slide__img {
    width : 80%;
}

.intro__slide__other {
    position : absolute;
    right    : 0;
    bottom   : -30px;
    z-index  : 27;
}

.intro__slide__other__info {
    width       : 490px;
    height      : 230px;
    background  : url("../img/yangrim/info-icon.png") no-repeat 35px center, #bda16f;
    display     : flex;
    align-items : center;
    padding     : 0 0 0 160px;
    word-break  : keep-all;
    color       : #fff;
}

.intro__slide__other__info__wrap {
}

.intro__slide__other__info__title {
    font-size      : 34px;
    padding-bottom : 8px;
    display        : inline-block;
}

.intro__slide__other__info__span {
    font-size      : 16px;
    line-height    : 22px;
    letter-spacing : -0.035em;
}

.intro__slide__other__info__span p {
    padding-top : 10px;
    line-height : 26px;
}

.intro__slide__other__info__span span {
    font-weight   : 600;
    color         : #14355e;
    padding-right : 5px;
}

.intro__slide__other__info__span strong {
    display     : block;
    color       : #230900;
    font-size   : 14px;
    font-weight : 400;
    line-height : 20px;
    padding-top : 8px;
}

.intro__slide__other__btn {
    position : absolute;
    width    : 136px;
    right    : 44px;
    top      : -63px;
}

.intro .swiper-slide img {
    width : 100%;
}

.intro .swiper-button-prev {
    background : url("../img/yangrim/prev-icon.png") no-repeat center center, #AAA;
    width      : 63px;
    height     : 63px;
    left       : 0;
}

.intro .swiper-button-prev:hover {
    background : url("../img/yangrim/prev-icon.png") no-repeat center center, #e15252;
}

.intro .swiper-button-prev::after {
    content : '';
}

.intro .swiper-button-next {
    background : url("../img/yangrim/next-icon.png") no-repeat center center, #AAA;
    width      : 63px;
    height     : 63px;
    right      : 0;
}

.intro .swiper-button-next:hover {
    background : url("../img/yangrim/next-icon.png") no-repeat center center, #e15252;
}

.intro .swiper-button-next::after {
    content : '';
}

.intro__mini {
    margin-bottom : 30px;
}

.intro__mini__ul {
    font-size      : 18px;
    line-height    : 28px;
    letter-spacing : -0.035em;
    padding-left   : 15px;
}

.intro__mini__li {
    color : #666;
}

.intro__mini__li p {
    font-size    : 16px;
    padding-left : 20px;
}

.intro__org__img {
    width : 100%;
}

.intro__org__img img {
    width : 100%;
}

.cate {
    display         : flex;
    width           : 100%;
    justify-content : space-between;
    margin-bottom   : 55px;
}

.cate__li {
    width            : 10%;
    height           : 36px;
    border-radius    : 36px;
    background-color : #e9e9e9;
    color            : #666;
    font-size        : 16px;
    font-weight      : 500;
    display          : flex;
    justify-content  : space-around;
    align-items      : center;
    cursor           : pointer;
}

.cate__li.on, .cate__li:hover {
    background : #fff;
    color      : #e15252;
    border     : 2px solid #e15252;
}

.cate__ca {
    display : none;
}

.cate__ca.on {
    display : block;
}

@media only screen and (max-width : 1024px) {
    .intro__slide {
        margin-bottom : 260px;
    }

    .intro__slide__img {
        width : 100%;
    }

    .intro__slide__other {
        left   : 0;
        bottom : -200px;
        width  : 76%;
        height : 72%;
    }

    .intro__slide__other__info {
        width           : 100%;
        height          : 100%;
        background      : url(../img/yangrim/info-icon-m.png) no-repeat 38px center, #bda16f;
        background-size : 20%;
        padding         : 15px 5% 15px 31%;
    }

    .intro__slide__other__info__title {
        font-size      : 33.3px;
        padding-bottom : 6px;
    }

    .intro__slide__other__info__span {
        font-size      : 18px;
        line-height    : 33px;
        letter-spacing : -1px;
    }

    .intro__slide__other__info__span br {
        display : none;
    }

    .intro__slide__other__info__span p {
        line-height : 28px;
    }

    .intro__slide__other__info__span p br {
        display : block;
    }

    .intro__slide__other__info__span strong {
        font-size   : 18px;
        line-height : 22px;
    }

    .intro__slide__other__btn {
        width : 110px;
        top   : 62%;
        right : -125px;
    }

    .intro .swiper-button-prev {
        background      : url("../img/yangrim/prev-icon-m.png") no-repeat center center, #fff;
        background-size : 25%;
        width           : 50px;
        height          : 50px;
        left            : 0;
        border          : 1px solid #e15252;
    }

    .intro .swiper-button-next {
        background      : url("../img/yangrim/next-icon-m.png") no-repeat center center, #fff;
        background-size : 25%;
        width           : 50px;
        height          : 50px;
        right           : 0;
        border          : 1px solid #e15252;
    }

    .intro__mini {
        margin-bottom : 40px;
    }

    /*.intro .box_title{font-size: 32px;padding: 0 0 0 27px;}*/
    /*.intro .box_title::before{width: 19px;height: 19px;top: 14px;}*/
    .intro__mini__ul {
        padding-left : 25px;
    }

    .intro__mini__li {
        font-size   : 18px;
        line-height : 29px;
    }

    .intro__mini__li p {
        font-size    : 18px;
        padding-left : 22px;
    }

    .cate__li {
        width     : 10%;
        font-size : 15px;
    }
}

@media only screen and (max-width : 767px) {
    .intro__slide {
        margin-bottom : 190px;
    }

    .intro__slide__other {
        height : 210px;
        bottom : -156px;
    }

    .intro__slide__other__info {
        background      : #bda16f;;
        padding         : 10px 20px;
        min-height      : 210px;
        height          : auto;
        justify-content : normal;
    }

    .intro__slide__other__info__title {
        font-size : 23px;
    }

    .intro__slide__other__info__span {
        font-size      : 15.3px;
        letter-spacing : 0;
        line-height    : 21px;
    }

    .intro__slide__other__info__span p {
        line-height    : 21px;
        font-size      : 14.5px;
        letter-spacing : -0.5px;
    }

    .intro__slide__other__btn {
        width  : 47px;
        height : 104px;
        right  : -60px;
        top    : 90px;
    }

    .intro__slide__other__info__span strong {
        font-size   : 13px;
        line-height : 18px;
    }

    .intro__mini {
        margin-bottom : 30px;
    }

    .intro .box_title {
        font-size : 18px;
        padding   : 0 0 0 15px;
    }

    .intro .box_title::before {
        width  : 10px;
        height : 10px;
        top    : 7px;
    }

    .intro__mini__ul {
        padding-left : 15px;
    }

    .intro__mini__li {
        font-size   : 15px;
        line-height : 26px;
        width       : 100% !important;
    }

    .intro__mini__li p {
        font-size    : 14px;
        line-height  : 25px;
        padding-left : 18px;
    }

    .intro .swiper-button-prev {
        background      : url("../img/yangrim/prev-icon-m.png") no-repeat center center, #fff;
        background-size : 25%;
        width           : 47px;
        height          : 47px;
        left            : 0;
        border          : 1px solid #e15252;
        top             : 0;
    }

    .intro .swiper-button-prev:hover {
        background      : url("../img/yangrim/prev-icon.png") no-repeat center center, #e15252;
        background-size : 25%;
    }

    .intro .swiper-button-next {
        background      : url("../img/yangrim/next-icon-m.png") no-repeat center center, #fff;
        background-size : 25%;
        width           : 47px;
        height          : 47px;
        right           : 0;
        border          : 1px solid #e15252;
        bottom          : 0;
    }

    .intro .swiper-button-next:hover {
        background      : url("../img/yangrim/next-icon.png") no-repeat center center, #e15252;
        background-size : 25%;
    }

    .cate {
        width   : 100%;
        display : block;
    }

    .cate__li {
        display : none;
    }
}
@media (min-width: 1200px) {
    .mypage{
        width: 980px;
        margin: 0 auto;
    }
}

.mypage .box {
    padding-bottom : 35px;
}

.mypage .box:nth-of-type(3) {
    padding-bottom : 0;
}

.mypage .box_content {
    background : #F8F8F8;
    padding    : 30px 40px;
}

.mypage .box_line {
    display       : flex;
    margin-bottom : 18px;
}

.mypage .box_line:last-child {
    margin-bottom : 0px;
}

.mypage .box_line_title {
    min-width      : 82px;
    margin-right   : 20px;
    text-align     : right;
    color          : #333;
    font-size      : 18px;
    letter-spacing : -0.03em;
}

.mypage .box_line_content {
    font-size : 18px;
    color     : #666;
}

.mypage .notice {
    width       : 100%;
    height      : 40px;
    line-height : 40px;
    background  : #dcd8d1;
    color       : #333;
    font-size   : 16px;
    font-weight: bold;
    text-align  : center;
    margin-top  : 60px;
}

.mypage .notice span {
    color : #DE5151;
}

.mypage .btn_confirm {
    text-align : center;
    margin-top : 40px;
}

.mypage .btn_confirm .btn_submit {
    width       : 200px;
    height      : 66px;
    line-height : 66px;
    text-align  : center;
    font-size   : 24px;
    display     : inline-block;
    background  : #f08327;

}

.mypage .m_view {
    display : none;
}

@media (min-width: 1200px) {
    .year {
        width: 980px;
        margin: 0 auto;
    }
}
.year {
    display         : flex;
    justify-content : space-between;
}

.year .box {
    width   : 300px;
    display : block;
}

.year .box_top {
    width           : 300px;
    height          : 250px;
    background      : #F8F8F8;
    display         : flex;
    justify-content : space-around;
    align-items     : center;
}

.year .box_bot {
    width      : 100%;
    padding    : 10px 0;
    text-align : center;
    font-size  : 21px;
    color      : #fff;
    background : #f08327;
}

@media (min-width: 1200px) {
    .personal.year_end{
        width: 980px;
        margin: 0 auto;
    }
}

.year_end .box_wrap {
    padding-bottom : 35px;
}

.year_end .box_wrap:last-child {
    padding-bottom : 0;
}

.year_end .box_content {
    background : #F8F8F8;
    padding    : 30px 40px;
}

.year_end .input_line {
    display       : flex;
    margin-bottom : 15px;
}

.year_end .input_line:last-child {
    margin-bottom : 0;
}

.year_end .input_title {
    min-width      : 112px;
    margin-right   : 12px;
    text-align     : right;
    line-height    : 50px;
    color          : #333;
    font-size      : 18px;
    letter-spacing : -0.03em;
}

.year_end .input_title span {
    color       : #f08327;
    font-weight : 600;
    margin-right: 6px;
}

.year_end .input_content {
    width : 100%;
}

.year_end .input_content span {
    color       : #DE5151;
    font-size   : 14px;
    line-height : 50px;
    margin-left : 10px;
}

.year_end .input_content input {
    width         : 100%;
    height        : 50px;
    border-radius : 0;
    border        : 2px solid #E5E5E5;
    font-size     : 16px;
    padding       : 0 10px;
    max-width     : 385px;
    float         : left;
}

.year_end .input_content input.full_input {
    max-width : 100%;
}

.year_end .input_content .find {
    width       : 150px;
    height      : 50px;
    background  : #686467;
    color       : #fff;
    font-size   : 18px;
    text-align  : center;
    line-height : 50px;
    float       : left;
    margin-left : 10px;
}

.year_end .input_content textarea {
    min-height : 150px;
    border     : 2px solid #E5E5E5;
    font-size  : 16px;
    resize: none;
}

.year_end .btn_confirm {
    text-align : center;
    margin-top : 60px;
}

.year_end .btn_confirm .btn_cancel, .year_end .btn_confirm .btn_submit {
    width       : 200px;
    height      : 66px;
    line-height : 66px;
    text-align  : center;
    font-size   : 24px;
    color: #fff;
}

.year_end .btn_confirm .btn_cancel {
    color: #686467 !important;
    background-color: #e5e5e5;
    margin-right : 20px;
}

.year_end .btn_confirm .btn_submit {
    background : #f08327;
}

.year_list .t_view {
    display : none;
}

.year_list .tab {
    display         : flex;
    justify-content : space-between;
}

.year_list .tab a {
    width       : 50%;
    background  : #dcdcdc;
    font-size   : 18px;
    font-weight : 600;
    color       : #333;
    text-align  : center;
    padding     : 14px 0;
}

.year_list .tab a.on {
    background : #9e1c51;
    color      : #fff;
}

.year_list_title {
    color       : #322817;
    font-size   : 34px;
    font-weight : 600;
    padding     : 50px 0 42px;
    text-align  : center;
}

.year_list table {
    table-layout : fixed;
    width        : 100%;
}

.year_list table th {
    background : #8C8C8C;
    color      : #fff;
    font-size  : 18px;
    padding    : 6.5px 0;
}

.year_list table td {
    text-align    : center;
    color         : #666;
    font-size     : 19px;
    padding       : 11px 0;
    border-bottom : 1px solid #D8D8D8;
    cursor        : pointer;
}

.year_list table td.done {
    color : #ff851e;
}

.year_list .pg_wrap {
    padding-top : 50px;
}

.year_list table tr.notice {
    background : rgba(0, 0, 0, 0.1);
}

/*.year_list table tr.notice td{color: #fff;}*/

.year_view .box_wrap {
    padding-bottom : 35px;
}

.year_view .box_wrap:last-child {
    padding-bottom : 0;
}

.year_view .box_content {
    background : #F8F8F8;
    padding    : 30px 40px;
}

.year_view .box_line {
    display       : flex;
    margin-bottom : 15px;
}

.year_view .box_line:last-child {
    margin-bottom : 0;
}

.year_view .box_line_title {
    min-width      : 112px;
    margin-right   : 12px;
    text-align     : right;
    line-height    : 50px;
    color          : #333;
    font-size      : 18px;
    letter-spacing : -0.03em;
}

.year_view .box_line_title span {
    color       : #DE5151;
    font-weight : 600;
}

.year_view .box_line_content {
    width       : 100%;
    color       : #666;
    font-size   : 19px;
    line-height : 50px;
}

.year_view .box_line_content.no-line-height {
    line-height : 25px;
    padding-top : 13px;
}

.year_view .box_line_content span {
    color       : #DE5151;
    font-size   : 14px;
    line-height : 50px;
    margin-left : 10px;
}

.year_view .box_line_content input {
    width         : 100%;
    height        : 50px;
    border-radius : 0;
    border        : 2px solid #E5E5E5;
    font-size     : 16px;
    padding       : 0 10px;
    max-width     : 385px;
    float         : left;
}

.year_view .box_wrap:nth-of-type(1) .box_line .box_line_title {
    margin-right : 40px;
}

.year_view .btn_confirm {
    text-align : center;
}

.year_view .btn_confirm .btn_cancel, .year_view .btn_confirm .btn_submit {
    width       : 200px;
    height      : 66px;
    line-height : 66px;
    text-align  : center;
    font-size   : 24px;
}

.year_view .btn_confirm .btn_cancel {
    background   : #CECECE;
    margin-right : 20px;
}

.year_view .btn_confirm .btn_submit {
    background : #f08327;
}

@media only screen and (max-width : 1200px) {
    .mypage .box_line {
        margin-bottom : 13px;
    }

    .mypage .box_content {
        padding : 25px 45px;
    }

    .mypage .box_line_title {
        font-size : 17px;
    }

    .mypage .box_line_content {
        font-size : 17px;
    }

    .mypage .btn_confirm .btn_submit {
        width       : 160px;
        height      : 50px;
        line-height : 50px;
        font-size   : 20px;
    }

    .year .box {
        width : 250px;
    }

    .year .box_top {
        width  : 250px;
        height : 200px;
    }

    .year .box_bot {
        font-size : 17px;
        padding   : 12.5px 0;
    }

    .year_end .input_content input {
        max-width : 368px;
    }

    .year_end .input_title {
        min-width : 106px;
        font-size : 17px;
    }

    .year_end .box_content {
        padding : 30px 30px 30px 60px;
    }

    .year_end .box_wrap {
        padding-bottom : 0;
    }

    .year_end .btn_confirm .btn_cancel, .year_end .btn_confirm .btn_submit {
        width       : 160px;
        height      : 50px;
        line-height : 50px;
        font-size   : 20px;
    }

    .year_end .btn_confirm .btn_cancel {
        margin-right : 10px;
    }

    .year_list .t_view {
        display : table-row;
    }

    .year_list .pc_view {
        display : none;
    }

    .year_list .tab a {
        font-size : 17px;
        padding   : 10px 0;
    }

    .year_list_title {
        font-size : 29px;
        padding   : 30px 0 14px;
    }

    /*.year_list table td:nth-of-type(3) {*/
    /*    display : none;*/
    /*}*/

    /*.year_list table th:nth-of-type(3) {*/
    /*    display : none;*/
    /*}*/

    /*.year_list table td:nth-of-type(2) {*/
    /*    width : 60%;*/
    /*}*/

    .year_list table th:nth-of-type(1){
        width: 15%;
    }

    .year_list table th:nth-of-type(2){
        width: 25%;
    }

    .year_list table th:nth-of-type(4){
        width: 16%;
    }
}

@media only screen and (max-width : 767px) {
    .mypage .m_view {
        display : block;
    }

    .mypage .box {
        padding-bottom : 25px;
    }

    .mypage .box_content {
        padding : 15px;
    }

    .mypage .box_line_title {
        min-width : 63px;
        font-size : 14px;
    }

    .mypage .box_line_content {
        font-size : 14px;
    }

    .mypage .notice {
        font-size   : 16px;
        line-height : 22px;
        height      : 67px;
        padding     : 10px 0;
        margin-top  : 40px;
        font-weight: normal;
    }

    .mypage .btn_confirm .btn_submit {
        width       : 100%;
        height      : 40px;
        line-height : 40px;
        font-size   : 16px;
    }

    .mypage .btn_confirm {
        margin-top : 20px;
    }

    .year {
        display : block;
    }

    .year .box {
        width         : 100%;
        margin-bottom : 20px;
    }

    .year .box:last-child {
        margin-bottom : 0;
    }

    .year .box_top {
        width  : 100%;
        height : 170px;
    }

    .year .box_bot {
        font-size : 16px;
        height    : 40px;
        padding   : 8px 0;
    }

    .year_end .box_content {
        padding : 15px 15px 20px;
    }

    .year_end .input_line {
        display       : block;
        margin-bottom : 5px;
    }

    .year_end .input_line:after {
        content : '';
        display : block;
        clear   : both;
    }

    .year_end .input_title {
        font-size   : 14px;
        line-height : 22px;
        text-align  : left;
        padding-top : 5px;
    }

    .year_end .input_title_m {
        display : none;
    }

    .year_end .input_content input {
        height    : 40px;
        font-size : 14px;
    }

    .year_end .input_line_address .input_content {
        display : flex;
    }

    .year_end .input_line_address .input_content .find {
        height      : 40px;
        min-width   : 100px;
        width       : 100px;
        line-height : 40px;
        font-size   : 14px;
    }

    .year_end .btn_confirm{
        display: flex;
        justify-content: space-between;
    }

    .year_end .btn_confirm .btn_cancel, .year_end .btn_confirm .btn_submit {
        width       : 50%;
        height      : 40px;
        line-height : 40px;
        font-size   : 16px;
    }

    .year_list .tab a {
        font-size : 12px;
        padding   : 12.5px 0;
    }

    .year_list_title {
        font-size : 19px;
    }

    .year_list table th {
        font-size : 14px;
        padding   : 5px 0;
    }

    .year_list table td {
        font-size : 12px;
        padding   : 10px 0;
    }
}

@media (min-width: 1200px) {
    .privacy{
        width: 980px;
        margin: 0 auto;
    }
}
.privacy {
    letter-spacing : -0.03em;
}

.privacy .box_title {
    margin-top : 50px;
}

.box_maker_01{
    color: #f08327;
}

.privacy .box_maker_02{
    font-weight: 500;
    color: #333333;
}

.privacy p, .privacy_sub_content {
    font-size   : 16px;
    color       : #686467;
    line-height : 1.75;
}

.privacy_sub_content{
    margin-top: 20px;
}

@media (min-width: 1200px) {
    .tou{
        width: 980px;
        margin: 0 auto;
    }
}
.tou {
    letter-spacing : -0.03em;
}

.tou .box_title {
    margin-top : 20px;
}

.tou .sec_title {
    color       : #f08327;
    font-size   : 28px;
    font-weight : bold;
    line-height : 24px;
}

.tou .sec_title.mt {
    margin-top : 50px;
}

.tou p {
    font-size   : 16px;
    color       : #686467;
    line-height : 1.75;
}

#email_denied{
    border-bottom: 3px solid #ededed;
    padding-bottom: 100px;
}
@media (max-width: 768px) {
    #email_denied{
        padding-bottom: 50px;
    }
}

.email > * {
    text-align     : center;
    letter-spacing : -0.03em;
}

.email .email_title {
    font-size      : 40px;
    color          : #333;
    padding-bottom : 17px;
}

.email .email_title span {
    color       : #f08327;
}

.email p {
    color     : #333;
    font-size : 22px;
}

.email p span{
    text-decoration: underline;
}

.email br.for_mobile {
    display : none;
}

@media only screen and (max-width : 1024px) {
    .privacy .box_title {
        margin-top : 40px;
    }

    .privacy p, .privacy_sub_content {
        font-size   : 16px;
        line-height : 22px;
    }

    .tou .box_title {
        margin-top : 18px;
    }

    .tou .sec_title {
        font-size   : 26px;
        line-height : 26px;
    }

    .tou p {
        font-size   : 16px;
        line-height : 22px;
    }

    .email .email_title {
        font-size      : 29px;
        padding-bottom : 8px;
    }

    .email p {
        font-size   : 16px;
        line-height : 22px;
    }
}

@media only screen and (max-width : 767px) {
    .privacy .box_title {
        margin-top : 30px;
    }

    .privacy p, .privacy_sub_content {
        font-size   : 14px;
        line-height : 20px;
    }

    .tou .box_title {
        margin-top : 28px;
    }

    .tou .sec_title {
        font-size   : 20px;
        line-height : 20px;
    }

    .tou p {
        font-size   : 14px;
        line-height : 20px;
    }

    .email .email_title {
        font-size      : 19px;
        padding-bottom : 12px;
    }

    .email p {
        font-size   : 14px;
        line-height : 20px;
    }

    .email br {
        display : none;
    }

    .email br.for_mobile {
        display : block;
    }
}

.bo_title{display: block;margin:55px auto 0 auto;font-size: 34px;font-weight:bold;letter-spacing: -0.025em;color:#322817;text-align: center;border-bottom: 3px solid #dcd8d1;width: 1180px;padding: 0 0 28px}
.bo_title_02{display: block;margin:55px auto 0 auto;font-size: 34px;font-weight:bold;letter-spacing: -0.025em;color:#322817;text-align: center;border-bottom: 3px solid #dcd8d1;width: 1180px;padding: 0 0 28px}
@media (max-width: 1200px) {
    .bo_title{margin:40px auto 0 auto;font-size:29px;width: 1000px}
    .bo_title_02{margin:40px auto 0 auto;font-size:29px;width: 1000px}
}
@media screen and (max-width: 1024px) {
    .bo_title {
        margin: 40px 20px 0 20px;
        font-size: 29px;
        width: auto;
    }
    .bo_title_02 {
        margin: 40px 20px 0 20px;
        font-size: 29px;
        width: auto;
    }
}
@media screen and (max-width: 767px) {
    .bo_title {
        font-size: 19px;
        padding-bottom: 20px
    }
    .bo_title_02 {
        font-size: 19px;
        padding-bottom: 20px
    }
}