@charset "utf-8";

/*************
common
**************/

.txtline {display:block}
.txtline--b {display:inline-block}
.txtline--b02 {display:contents;}

.view__pc {display:none}
.view__mo {display:inline-block}

/*팝업제어시 필요/20210114/mklee*/
@media screen and (max-width:1200px) {
    .hide__mo {display: none !important;}
}

.block__mo {display: block;}
.inline__mo {display: inline;}

/*20210112/mklee*/
/*=========== width ===========*/
.mo-w100p {width: 100% !important;}

/*=========== font ===========*/
@media screen and (max-width:1200px) {
    .mo-fs11 {font-size: 11px;}
    .mo-fs12 {font-size: 12px;}
    .mo-fs13 {font-size: 13px;}
    .mo-fs14 {font-size: 14px;}
    .mo-fs15 {font-size: 15px;}
    .mo-fs16 {font-size: 16px;}
    .mo-fs17 {font-size: 17px;}
    .mo-fs18 {font-size: 18px;}
    .mo-fs19 {font-size: 19px;}
    .mo-fs20 {font-size: 20px;}
    .mo-fs21 {font-size: 21px;}
    .mo-fs22 {font-size: 22px;}
    .mo-fs23 {font-size: 23px;}
    .mo-fs24 {font-size: 24px;}
    .mo-fs25 {font-size: 25px;}
    .mo-fs26 {font-size: 26px;}
    .mo-fs27 {font-size: 27px;}
    .mo-fs28 {font-size: 28px;}
    .mo-fs29 {font-size: 29px;}
    .mo-fs30 {font-size: 30px;}
}

/*20210112/mklee*/
/*=========== margin ===========*/
@media screen and (max-width:1200px) {
    .mo-mb5 {margin-bottom: 5px;}
    .mo-mb10 {margin-bottom: 10px;}
    .mo-mb15 {margin-bottom: 15px;}
    .mo-mb20 {margin-bottom: 20px;}
    .mo-mb25 {margin-bottom: 25px;}
    .mo-mb30 {margin-bottom: 30px;}

    .mo-mt5 {margin-top: 5px;}
    .mo-mt10 {margin-top: 10px;}
    .mo-mt15 {margin-top: 15px;}
    .mo-mt20 {margin-top: 20px;}
    .mo-mt25 {margin-top: 25px;}
    .mo-mt30 {margin-top: 30px;}
    .mo-mt80 {margin-top: 80px !important;}
}


@media screen and (max-width:1200px) {
    .mo-center {text-align: center !important;}
}


/*=========== button ===========*/
.btn-area a + a {margin-left:10px;}
.btn-area button + button {margin-left:10px;}
.btn-more {width:150px; font-size:13px; background-position:top 8px right 12px; padding:12px 42px 12px 18px;}
.btn-more02 {width:163px; font-size:12px; color:#6c1492; border-radius:25px; border:1px solid #6c1492; padding:20px 0;}
.btn-more02--org {color:#fa5900;border:1px solid #fa5900;}
.btn-deactive .btn-more02 {border:1px solid #d9d9d9;}
.btn-normal {padding:9px 23px 10px 23px; font-size:12px;}
.btn-normal02 {padding:6px 11px; font-size:12px;}

/*버튼 가이드 추가/20210112/mklee*/
.btn-round {
    width:150px; 
    background-position:top 8px right 12px; 
    
    /*20210303/mklee/작은 너비에서 버튼 드랍 현상*/
    /* width:163px;  */
    width: 143px; 

    font-size:12px; 
    border-radius:25px; 
    border-width:1px;
}
.btn-round.mo-35 {
    border-radius: 25px;
    padding: 20px 0;   
}
.btn-round.mo-54 {
    border-radius: 25px;
    padding: 20px 0;
}
.btn-round.mo-52 {
    border-radius: 25px;
    height: 52px;
    width: 140px;    
}
.btn-round.mo-42 {
    border-radius: 25px;
    height: 42px;
    width: 145px;
}
/*멘토링신청의 경우 모바일도 버튼이 똑같음. 폰트사이즈 이슈 있음. 다른페이지 더 봐야할듯./20210114/mklee*/
/*
.btn-round.btn-small {
    height: 40px;
    width: 140px;
}
*/
.btn-rectangle {
    height: 37px;
    font-size:12px;
}

/*20210112/mklee*/
/*=========== advice ===========*/


/*=========== input ===========*/
/* check box */
.input-chk + label {font-size:11px; padding-left:14px; line-height:15px;} 
.input-chk + label::before {width:9px; height:9px; top:4px}

/*=========== tab ===========*/
.tab-btn {display:none;}
.tab-btn--mo {border-width:1px 0 0 0; border-color:#dadada; border-style:solid;}
.tab-btn--mo.tab-btn {display:block;}
.tab-btn--mo .tab-btn__item {width:33%; border-width:0 1px 1px 0; height:35px;}
.tab-btn--num05 .tab-btn__item {width:33%;}
.tab-btn--mo .tab-btn__item:first-child {border-width:0 1px 1px 1px;}
.tab-btn--mo .tab-btn__item:nth-child(3n+1) {border-width:0 1px 1px 1px;}
.tab-btn--mo .tab-btn__item:nth-child(3n) {width:34%;}
.tab-btn--mo .tab-btn__item > a {font-size:10px; height:35px; line-height:35px;}
.seltab-btn {display:block; position:relative; margin-bottom:25px;}
.sel__menu {display:block; position:relative; width:100%; height:30px; border:1px solid #ddd; box-sizing:border-box; background:#f7f7f7; line-height:30px; padding:0 11px; font-size:13px; color:#666;}
.sel__menu::after {content:''; width:9px; height:5px; position:absolute; top:12px; right:12px; background:url(../images/about/ico_select.png) no-repeat; background-size:contain;}
.seltab-btn select {position:absolute; top:0; left:0; width:100%; height:30px; opacity:0;}

/*small tab 추가/mklee/20210112*/
.tab.small {
    /* border: 1px dashed red; */
}


/*20110112/mklee*/
/*=========== form ===========*/
.form .item {
    margin-bottom: 16px;
}
@media screen and (max-width:1200px) {    
    .form .gr.mo-horizontal {
        overflow: hidden;
    }
    .form .gr.mo-horizontal .item {
        float: left;
    }    
    .form .gr.mo-horizontal .item:nth-of-type(1) {
        width: calc(100% - 120px);
    }
    .form .gr.mo-horizontal .item:nth-of-type(2) {
        width: 110px;
        margin-left: 10px;
    }  
}

/*20110112/mklee*/
/*=========== link-list ===========*/
@media screen and (max-width:1200px) {
    .link-list {
        display: block;
    }
    
}

/*20110112/mklee*/
/*=========== input ===========*/
.txt-input {
    width: calc(100% - 34px);
    height: 37px;
    padding: 0 17px;
    
}


/*=========== pagination ===========*/
.pagination {padding:0 10px;}
.pagination__list {margin-right:5px;}
.pagination__list > a {width:23px; height:23px; font-size:10px; padding:6px 0;}

.pagination__list--arwll > a {background:url(../images/common/mo/ico/ico_arw_left01.png) center no-repeat; background-size:7px 6.5px;}
.pagination__list--arwll:hover > a {background:#868686 url(../images/common/mo/ico/ico_arw_left01.png) center no-repeat;}
.pagination__list--arwl > a {background:url(../images/common/mo/ico/ico_arw_left02.png) center no-repeat; background-size:3.5px 6.5px;}
.pagination__list--arwl:hover > a {background:#868686 url(../images/common/mo/ico/ico_arw_left02.png) center no-repeat;}
.pagination__list--arwrr > a {background:url(../images/common/mo/ico/ico_arw_right01.png) center no-repeat; background-size:6.5px 6.5px;}
.pagination__list--arwrr:hover > a {background:#868686 url(../images/common/mo/ico/ico_arw_right01.png) center no-repeat;}
.pagination__list--arwr > a {background:url(../images/common/mo/ico/ico_arw_right02.png) center no-repeat; background-size:3.5px 6.5px;}
.pagination__list--arwr:hover > a {background:#868686 url(../images/common/mo/ico/ico_arw_right02.png) center no-repeat;}


/*=========== container ===========*/
.content {padding:0 20px;}
.main .content {padding:60px 16px 0;}
.content__center {text-align:center;}
.content__wide {padding:0 20px}
.content__center.content__center--auto-w {width:100%;}

/*=========== header ===========*/
/*헤더스타일/20210216/mglee*/
.hstyle.scroll-top {background:#fff; border-bottom:1px solid #e7e7e7;}

.header__area {padding:8px 0 7px 20px;} /* 2021-09-02 수정 */
.header__logo {margin-top:0; width:113px; height:45px; background:url(../images/common/mo/logo.png) no-repeat; background-size:100% auto;} /* 2021-09-02 수정 */
.hstyle .header__logo {background-position:0 -45px;} /* 2021-09-02 수정 */
.gnb {position:static;}
.gnb__list {display:none;}
.gnb__logmenu {display:none;}
.gnb__btn {position:absolute; top:24px; right:25px; width:23px; height:18px; padding:0; margin-left:0;} /* 2021-09-02 수정 */
.gnb__btn span {margin:6px 0;}
.gnb__btn--menu::before {top:-6px;}
.gnb__btn--menu::after {top:6px;}
.gnb__recomenu {display:none;}
.gnb__languages {display: none;}

.sitemap {touch-action: none;}
.sitemap .header__logo {display:none;}
.sitemap .gnb {padding:0 40px 10px; background:#000 url(../images/main/mo/gnb_bg.png) 0 0 no-repeat; background-size:100% auto; overflow:auto;}
.sitemap .gnb__list {display:block; width:auto; padding-bottom:0; padding-top:70px; border-bottom:0;}
.sitemap .gnb__list__item {float:none; margin-right:0; padding:25px 0; border-bottom:1px solid #333;}
.sitemap .gnb__list__item > a {font-size:18px; margin-bottom:0}
.sitemap .gnb__sub {padding:0; overflow:hidden; margin-top:20px;}
.sitemap .gnb__sub__item {float:left; width:50%;}
.sitemap .gnb__sub.gnb__sub--3 .gnb__sub__item:nth-child(1) {width:50%;}
.sitemap .gnb__sub.gnb__sub--3 .gnb__sub__item:nth-child(2) {width:30%;}
.sitemap .gnb__sub.gnb__sub--3 .gnb__sub__item:nth-child(3) {width:20%;} 
.sitemap .gnb__sub.gnb__sub--3line .gnb__sub__item:nth-child(3) {margin-top:20px;}
.sitemap .gnb__sub__item > a {font-size:14px; padding:0;}
.sitemap .gnb__utilmenu {width:auto; padding-top:30px; padding-bottom:30px;}
.sitemap .gnb__utilmenu__item {
    padding:10px 0; margin-right:0;
    width: 50%;
}

/*
.sitemap .gnb__utilmenu__item:nth-child(3n+1) {width:38%;}
.sitemap .gnb__utilmenu__item:nth-child(3n+2) {width:44%;}
.sitemap .gnb__utilmenu__item:nth-child(3n+3) {width:18%;}
*/

.sitemap .gnb__utilmenu__item > a {font-size:12px;}
.sitemap .gnb__logmenu {display:block; top:28px; right:auto; left:40px; padding-left:0; margin-bottom:30px;}
.sitemap .gnb__logmenu__item > a {padding:0; position:static;}
.sitemap .gnb__logmenu__item > a::before {content:none;}
.sitemap .gnb__logmenu__item:first-child {margin-right:38px;}

/*20201223/mklee/PC버전에서 약간만 변경*/
/*
.sitemap .gnb__recomenu {display:block; margin-left:0; float:none; margin-top:18px;}
.sitemap .gnb__recomenu__item--fmly {width:calc((100% - 10px)/2); height:35px; margin-right:10px; background:#363636; border:none;}
.sitemap .gnb__recomenu__item--fmly > a {line-height:35px; color:#fff; font-weight:400;}
.sitemap .gnb__recomenu__item--aply {width:calc((100% - 10px)/2); height:35px; border:none;}
.sitemap .gnb__recomenu__item--aply > a {line-height:35px; font-weight:400;}
*/
.sitemap .gnb__recomenu {
    width: 100%;
    border: 0;
    margin-top: 30px;
    /* border-bottom: 1px solid #2c2c2c; */
}
.sitemap .gnb__recomenu .gnb__recomenu__item {
    width: 100%;
    margin: 0;
    margin-bottom: 18px;
}
.sitemap .gnb__recomenu .gnb__recomenu__item:last-of-type {
    margin-bottom: 0;
}
.sitemap .gnb__btn {top:24px; right:25px;}
.sitemap .gnb__copyright {display:none;}
.sitemap .gnb__family-site {display:none;}

/*=========== footer ===========*/
.footer {margin-top:100px;}
.main .footer {margin-top:0;}
.footer__inner {padding:0; background:url(../images/common/mo/logo_footer.png) no-repeat; background-size:113.5px 44px; background-position:center 63px;} /* 2021-09-02 수정 */
.footer__menu {padding:10px 20px; border-bottom:1px solid #ddd; margin-bottom:0;}
.footer__menu__item {margin-right:30px;}
.footer__menu__item:last-child {margin-right:0;}
.footer__menu__item a {font-size:12px; color:#666;}
.footer__menu__item a,.footer__menu__item:first-child a {padding:10px 0;}
.footer__info-list {padding:70px 20px 0;} /* 2021-09-02 수정 */
.footer__info {margin-bottom:16px; margin-right:20px;}
.footer__info--site01 {margin-right:20px;}
.footer__info__tit {font-size:11px;}
.footer__info__ad {font-size:10px; word-break:break-all;}
.footer__info__num {font-size:10px; word-break:break-all;}
.footer__info__num > span {margin-right:10px;}
.footer__copyright {padding-left:20px;} /* 2021-09-02 수정 */
.footer__copyright > p {font-size:10px;}
.footer__right-area {position:static; margin:20px 0 20px 20px;}
.footer__right-area:after {content:''; display:block; clear:both;}
.footer__family-site {float:left; margin-bottom:0;}
.footer__family-site__btn {width:140px; height:30px;font-size:12px;}
.footer__family-site__list {padding:10px;}
.footer__family-site__list li > a {font-size:12px; padding:10px 0;}
.footer__sns {float:right; padding:6px 0; margin-right:25px;}
.footer__sns__item {margin-right:15px;}
.footer__sns__item > a {height:20px;}
.footer__sns__item:nth-child(1) > a {width:8px; background:url(../images/common/mo/ico/ico_sns01.png) no-repeat; background-position:center 0; background-size:100% auto;}
.footer__sns__item:nth-child(2) > a {width:20px; background:url(../images/common/mo/ico/ico_sns02.png) no-repeat; background-position:center 2px; background-size:100% auto;}
.footer__sns__item:nth-child(3) > a {width:18px; background:url(../images/common/mo/ico/ico_sns03.png) no-repeat; background-position:center 3px; background-size:100% auto;}
.footer__sns__item:nth-child(4) > a {width:18px; background:url(../images/common/mo/ico/ico_sns04.png) no-repeat; background-position:center 0; background-size:100% auto;}
.footer__sns__item:nth-child(5) > a {width:19px; background:url(../images/common/mo/ico/ico_sns05.png) no-repeat; background-position:center 1px; background-size:100% auto;}
.top-btn {right:12px; margin-bottom:25px;}
.top-btn > a {width:36px; height:36px;}

/*=========== popup ===========*/
.pop-cont {width:100%; height:auto; position:absolute; top:0; left:0; transform:none;}
.pop-cont__btn {padding:9px 10px;}
.pop-cont__btn .pop-btn__close {width:11px; height:11px; top:11px; right:10px;}

/*팝업 가이드 추가/2021.01.12/mklee*/
.pop-cont.general__pop {
    width: 100%;
    border-radius: 0px;
}
/*
.pop-cont.general__pop .pc-pop-cont-header {
    display: none;
}
*/
.pop-cont.general__pop .pop-cont-main {
    padding: 15px; 
}
.pop-cont.general__pop .pop-cont-header {
    display: block;
    
    position: relative;
    /* position: fixed; */
    /* width: 100%; */
    /* z-index: 2; */

    background:#fff;
    height:59px;
    border-bottom:1px solid #e7e7e7;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
}
.pop-cont.general__pop .pop-cont-header>.pop-cont-header-tit {
    margin-top: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 60px;
    text-align: left;
    background-size: 14px 14px;
}
.pop-cont.general__pop .pop-cont-header .pop-cont-header-btn {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 60px;
    height: 60px;
    background: url(../images/common/mo/ico/ico_close.png) no-repeat 50% 50%;
    background-size: 17px 17px;
    text-indent: -9999px;
}
.pop-cont.general__pop .pop-cont-header .btn-close {
    right: 20px;
}
.pop-cont.general__pop .pop-cont-main {
    /*아이디찾기 너무 좁아짐*/
    /* padding: 35px 20px;  */
    margin: 5px;
    max-height: none !important;
}



.general__pop .form .row {
    margin-bottom: 0px;
}
.general__pop .form .row .th {
    float: none;
    width: 100%;
    min-height: 30px;
}
.general__pop .form .row .th>.txt {
    font-size: 11px;
    padding-left: 10px;
}
.general__pop .form .row .th>.txt:after {
    top: 18px;
}
.general__pop .form .row .td {
    float: none;
    width: 100%;    
    min-height: 38px;
}
.general__pop .form .row .td input[type=text] {
    font-size: 11px;
    height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 22px);
}
/* 20210401 th 텍스트 스타일 추가 :: S */
.general__pop .form .row .th>.txt-has-small {
    padding-top: 14px;
}
.general__pop .form .row .th>.txt small {
    display: inline;
    font-size: 11px;
}
/* 20210401 th 텍스트 스타일 추가 :: E */
/* 20210401 td 텍스트 스타일 추가 :: S */
.general__pop .form .row .td .txt_box {
    font-size: 11px;
    padding: 11px 10px;
}
.general__pop .form .row .td .txt_box ol > li {
    padding-left: 10px;
}
.general__pop .form .row .td .txt_box ul > li {
    padding-left: 5px;
}
/* 20210401 td 텍스트 스타일 추가 :: E */
/* 20210401 advice 팝업 수정 :: S */
.pop-cont.general__pop .pop-cont-main.advice__pop {
    height: auto !important;
}
.pop-cont.general__pop .pop-cont-main.advice__pop .advice li {
    font-size: 11px;
}
.advice li:after {
    top: 8px;
}
/* 20210401 advice 텍스트 사이즈 수정 :: E */
.pop-cont.sample__pop .form {
    margin-bottom: 10px;
}


/*새로운매핑 리스트*/
.mapping-list {
    border: 0;
}
.mapping-list ul li {
    border: 1px solid #dae1e6;
    margin-bottom: 25px;
}
.mapping-list ul li .tit-row {
    display: table;
    border-bottom: 1px solid #dae1e6;
}
.mapping-list ul li .tit-row .tit {
    height: 35px;
}
.mapping-list ul li .tit-row .tit:nth-of-type(2) {
    border-right: 0;
}
.mapping-list ul li .tit-row .tit:last-of-type{
    display: none;
}
.mapping-list ul li .txt-row {
    display: block;
    border-bottom: 0;
}
.mapping-list ul li .txt-row li {
    display: block;
}
.mapping-list ul li .txt-row .txt {
    display: block;
    height: 35px;
}
.mapping-list ul li .txt-row .txt:nth-of-type(1) {
    width: calc(100% - 151px);
    float: left;
    line-height: 35px;
}
.mapping-list ul li .txt-row .txt:nth-of-type(2) {
    width: 110px;
    float: left;
    line-height: 35px;
    border-right: 0;
}
.mapping-list ul li .txt-row .txt:nth-of-type(3) {
    clear: both;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dae1e6;
}
.mapping-list ul li .txt-row .txt:nth-of-type(3) button {
    padding: 0;
    text-decoration: none;
    background: #aaaaaa;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-weight: 400;
}

.mapping-btn-area {
    /* border: 1px dashed red; */
    /* margin */
    margin-left: 25px;
    margin-right: 25px;

    position: relative;
    /* border: 1px solid red; */
}
.mapping-btn-area .btn {
    display: block;
    width: 100%;
    height: 35px;
    border-radius: 0px;
    font-weight: 600;
    margin-right: 0;
    margin-left: 0; 
    margin-bottom: 18px;
}
.mapping-btn-area .btn:last-of-type {
    margin-bottom: 0;
}
.mapping-btn-area .btn.btn-gray {
}
.mapping-btn-area .btn.btn-orange {
    background: #e64900;
    color: #fff;
    /* border: 1px solid #e64900; */
}




.general__pop .bottom-btn-area {
    padding: 0px 0px 0px 0px;
    /* position: fixed; */
    /* bottom: 0; */
    /* left: 0; */
    /* z-index: 2; */
    /* width: 100%; */
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}


.general__pop .bottom-btn-area .btn{
    border-radius: 0;
}

/*개인정보처리방침 팝업*/
.pop-cont.general__pop2 {
    width: 100%;
    border-radius: 0;
    
    /*20210305/mklee*/
    height: calc(100% - 259px);
}
.pop-cont.general__pop2 .pop-cont-header {
    margin-left: 0;
    margin-right: 0;
}
.pop-cont.general__pop2 .pop-cont-header>.pop-cont-header-tit {
    text-align: center;
}
.pop-cont.general__pop2 .pop-cont-header .btn-close {
    right: auto;
    left: 20px;

    width: 18px;
    height: 18px;
}
.pop-cont.general__pop2 .bottom-btn {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    /* border-top: 1px solid #eaeaea; */
    /* background: pink; */
    overflow: hidden;
}
.pop-cont.general__pop2 .bottom-btn:after {
    content: "";
    display: block;
    height: 1px;
    background: #eaeaea;
    position: absolute;
    top: 0px;
    left: 20px;
    right: 20px;
}
.pop-cont.general__pop2 .bottom-btn .btn {
    width: 100%;
    height: 48px;
    border-radius: 0;
    background: #fa5900;
    color: #fff;
}
/*체크박스 추가*/
.pop-cont.general__pop2 .bottom-btn label {
    font-size: 11px;
    text-align: left;
    display: block;
    width: auto;
    margin: 20px 20px;
}
.pop-cont.general__pop2 .bottom-btn label>input {
    width: 12px;
    height: 12px;
    bottom: -2px
}

/*개인정보처리방침 팝업 하단 버튼 모바일에서는 고정형*/
.pop-cont.general__pop,
.pop-cont.general__pop2 {
    /* position: relative; */
    max-height: none !important;
    max-width: none !important;    
    height: 100vh;

    /*팝업 수정후 개발쪽에서 문제 발생/20210305/mklee*/
    position: fixed;
    top: 0;

}
.pop-cont.general__pop .pop-cont-main,
.pop-cont.general__pop2 .pop-cont-main {
    max-height: none !important;
    max-width: none !important;
}
.pop-cont.general__pop2 .pop-cont-main {
    height: calc(100vh - 203px);
}
.pop-cont.general__pop .pop-cont-main {
    height: calc(100vh - 145px);
}
.pop-cont.general__pop .pop-cont-main2 {
    height: calc(100vh - 203px);
}
.pop-cont.general__pop .bottom-btn,
.pop-cont.general__pop2 .bottom-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.pop-cont.general__pop .bottom-btn .btn,
.pop-cont.general__pop2 .bottom-btn .btn {
    padding: 0;
    border: 0;
}
.pop-cont.general__pop .bottom-btn::after,
.pop-cont.general__pop2 .bottom-btn::after {
    display: none;
}


/*************
main
**************/

/* side nav */
#fp-nav {display:none !important;}
#fp-nav.show {display:none !important;}

/* main swiper-slide */
.main-slide__cont {font-size:27px;}
.main-slide__cont .btn_more {display:block;}
.main-slide .swiper-pagination-bullet {width:24px; margin:0 4px; vertical-align:middle;}
.main-slide .swiper-stopbtn {margin-left:6px; vertical-align:middle;}
.main-slide__ctrl {left:50%; bottom:16vh; transform:translatex(-50%);}

.img-scroll {display:none;}

/* scroll button */
.btn-scroll {display:block; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:1;}
.btn-scroll > a {display:block; width:17px; height:29px; text-indent:-9999px; overflow:hidden; background:url(../images/main/mo/img_scroll.png) no-repeat; background-size:contain;}

/* main section content */
.main .content .btn-area {text-align:center;}
.main .btn-more {font-size:2.03vh; width:28.12vh; background-size:3.75vh; background-position:top 50% right 1.87vh; padding:1.87vh 6.56vh 1.87vh 2.81vh; border-radius:3.43vh; text-align: left;} /* 20210503 수정 */

.maincopy-area {position:static;text-align:center; margin-left:0; margin-bottom:52px; transform:none; margin-top:35px;}
.maincopy-area {margin:0 0 4.8vh;}
.main .section05 .maincopy-area {margin:0;}
.maincopy-area__cate {display:none;}
.maincopy-area__txt {font-size:2.81vh; margin-bottom:3.6vh; letter-spacing:-1px; min-width:230px;}
.mainimg-area {display:inline-block; float:none; position:static; transform:none; margin:0; background-size:contain; background-position:center;}
.main .section02 .mainimg-area {width:100%; max-width:327px; max-height:320px; height:50vh; background-image:url(../images/main/mo/img_illust01.png); padding-bottom:0; padding-left:0;}
.main .section03 .mainimg-area {width:100%; max-width:345px; max-height:382px; height:58vh; background-image:url(../images/main/mo/img_illust02.png); padding-bottom:0; padding-left:0;}

.main-tab {margin-top:8px;}
.main-tab__menu {display:block; margin-bottom:5.46vh;}
.main-tab .tab-btn__item {height:36px; border-bottom:2px solid transparent; line-height:36px;}
.main-tab .tab-btn__item.active,
.main-tab .tab-btn__item:hover {border-bottom:2px solid #ff5000;}
.main-tab .tab-btn__item > a {padding:0 13px; letter-spacing:-1px; font-size:2.5vh;}
.main-tab__subitem {width:calc((100% - 20px)/2); height:18.75vh; margin:0 20px 3.12vh 0; border-radius:10px; box-shadow:2px 2px 5px 0px #dedede;}
.main-tab__subitem:nth-child(2n) {margin-right:0;}
.main-tab__subitem:nth-child(n+5) {display:none;}
.main-tab__subitem img {max-height:18.75vh;}

.main-news__list {margin-top:3vh;}
.main-news__item {width:calc((100% - 20px)/2); margin:0 20px 3.12vh 0; box-shadow:2px 2px 8px 2px #dbdbdb;}
.main-news__item:nth-child(2n) {margin-right:0;}
.main-news__item > a {position:relative; padding-top:0; padding-bottom:15.6vh;}
.main-news__img {height:12vh;}
.main-news__txt {position:absolute; bottom:0; left:0; width:100%; height:15.6vh; padding:1.87vh 1.7vh;}
.main-news__tit {font-size:11px; line-height:1.5; text-align:left;}
.main-news__date {bottom:1.7vh; left:1.7vh; font-size:10px;}


/*************
sub
**************/

/* common txt */
.top-bnr {height:260px;}
/* .top-bnr__txt {padding-top:20px;} */ /* 2021-09-02 주석 */
.top-bnr__subtit {margin-bottom:12px;}
.top-bnr__tit {font-size:26px;}

/*20210113/mklee*/
.top-bnr__desc {
    font-size: 13px;
}

/*영어 제목부분, 공통적으로 적용가능해 보여서 추가함.*/
.top-bnr__subtit {
    height:10px !important; 
    background-position-x: center;
}

.sub-txt {margin-top:50px;}
.sub-txt__tit {padding-left:24px; padding-bottom:14px; line-height:15px; font-size:15px; margin-bottom:18px;}
.sub-txt__tit::before {width:14px; height:14px; background-size:contain;}

/*큰 타이틀/20210113/mklee*/
.sub-txt__tit.large {font-size:27px; margin-bottom:90px; padding-bottom:24px;}

/*추가 DESC가 있는 케이스도 있다/20210202/mklee*/
.sub-txt.sub-txt-with-desc .sub-txt__tit {
    padding-bottom: 40px;
}
.sub-txt.sub-txt-with-desc .sub-txt__desc {
    /* color: #6b6b6b; */
    font-size: 12px;
    /* position: absolute; */
    top: 28px;
    left: 0px;
}

.sub-txt p {padding-left:0;}
.sub-txt__sum {font-size:20px; line-height:1.2; letter-spacing:-1px;} /* 20210503 font-size 변경 */
.sub-txt__sum strong {font-size: 26px;} /* 20210503 추가 */ /* 2021-09-02 수정 */
/*작은 섬머리/20210113/mklee*/
.sub-txt__sum.small {
    /* font-size: 18px; */
    font-size: 14px;
    margin-bottom: 12px;
}

.sub-txt__dtl {font-size:14px; text-align: justify;} /* 20210510 text-align 추가 */

/* news letter pop */
.news-lttr__btn {right:5px; bottom:0; margin-bottom:25px;}
.news-lttr__btn > a {width:50px; height:50px; background:url(../images/common/mo/btn_newsletter.png) no-repeat; background-size:50px;}
.tshow .news-lttr__btn {margin-bottom:65px;}

/*=========== about ===========*/

/* 오렌지플래닛 소개 */
.about .top-bnr {background-image:url(../images/about/mo/img_bnr.jpg);}
.about .top-bnr__subtit {width:53px; height:10px; background-image:url(../images/about/mo/txt_subtit.png);}

.about01 .sub-txt__tit {margin-bottom:20px;}
.about01 .sub-txt__sum + .sub-txt__sum {margin-bottom:12px;}
.about01 .sub-txt__sum--top {font-size:20px;}
.about01 .sub-txt__dtl {line-height:1.5;}
.about01 .sub-txt__dtl + .sub-txt__dtl {margin-top:20px;}
.about01 .sub-diagram {max-width:640px; margin-top:10px; text-align:center;}

.history {margin-top:50px;}
.history .sub-txt__tit {margin-bottom:0;}
.history__img {float:none; width:100%; padding-right:0;}
.history__area .history__img {display:none;}
.history__list {margin-top:30px;}
.history__cont-set {float:none; width:100%;}
.history__cont {margin-left:6px; padding-left:19px; padding-bottom:36px; height: auto !important;} /* 2021-09-02 수정 */
.history__area:nth-child(1) .history__cont:last-child {padding-bottom:36px;}
.history__cont::after {width:10px; height:17px; left:-5px; background-image:url(../images/about/mo/ico_history.png); background-size:contain;}
.history__area:first-child .history__cont:first-child::after {background-image:url(../images/about/mo/ico_history_w.png);}
.history__cont__year > span {width:62px; height:20px; margin-bottom:15px; background:url(../images/about/mo/txt_history.png) no-repeat; background-size:68px auto;}
.history__cont__year--01 > span {width:68px; height:20px; background-position:0 -82px;}
.history__cont__year--02 > span {height:21px; background-position:0 -61px;}
.history__cont__year--03 > span {background-position:0 -41px;}
.history__cont__year--04 > span {height:21px;background-position:0 -20px;}
.history__cont__year--05 > span {width:64px; height:20.5px; background-position:0 -102.5px;} /* 2021-09-02 수정 */
.history__cont__year--06 > span {width:63px; background-position:0 0;}
.history__cont__year--07 > span {width: 68px; background-position:0 bottom;} /* 2021-09-02 추가 */
.history__cont__list li {margin-bottom:8px;}
.history__cont__month {width:44px; font-size:15px;}
.history__cont__txt {font-size:15px; letter-spacing:-1.3px; width: calc(100% - 46px);} /* 2021-09-15 수정 */

.history__area--rv .history__cont-set {float:left;}
.history__area--rv .history__cont {margin-left:6px; margin-right:0; padding-left:19px; padding-right:0;}
.history__area--rv .history__cont:last-child {padding-bottom:36px;}
.history__area--rv .history__cont__year {text-align:left;}
.history__area--rv .history__cont__year > span {text-indent:-9999px;}
.history__area--rv .history__cont::before {top:0; left:-1px; right:0;}
.history__area--rv .history__cont::after {left:-5px; right:auto;}
.history__area--rv .history__cont__month {float:left; text-align:left; padding-left:2px; padding-right:0;}
.history__area--rv .history__cont__txt {float:left; text-align:left;}

/* 공간소개 */
.about02 .top-bnr {background-image:url(../images/about/mo/img_bnr02.jpg);}
.about02 .top-bnr__subtit {width:59px; height:10px; background-image:url(../images/about/mo/txt_subtit02.png);}
.about02 .content {padding:0;}
.about02 .sub-txt {margin-top:50px; padding:0 20px;}
.about02 .sub-txt__sum {margin-bottom:23px;}

.space-tab {margin-top:32px;}
.space-sel__menu {padding:0 20px;}

.space-swiper {margin-bottom:70px;}
.space-swiper .swiper-pagination {bottom:-35px;}
.space-swiper .swiper-button-next, .space-swiper .swiper-button-prev {background:url(../images/about/ico_slide.png) no-repeat;}
.space-swiper .swiper-pagination-bullet {width:10px; height:10px; background:url(../images/about/ico_slide.png) no-repeat; background-size:90px 55px; background-position:-20px -45px; margin:0 10px;}
.space-swiper .swiper-pagination-bullet-active {background-position:-10px -45px;}
.space-noimg {margin-bottom:70px;}
.space-noimg > span {width:100%;}

.space-info {display:block;}
.space-info__list {width:100%; margin-right:0; padding:0 20px; box-sizing:border-box;}
.space-info__item {display:table; width:100%; padding:8px 5px 7px; line-height:1.5;}
.space-info__item::after {content:none;}
.space-info__item__tit {width:55px; font-size:12px; padding-right:13px;}
.space-info__item__txt {width:calc(100% - 55px); font-size:12px;}
.space-map {width:100%; height:230px; margin-top:22px;}
.space-map iframe {width:100%; height:100%;}

.about02 footer {margin-top:0;}

/* 파트너 */
.about03 .top-bnr {background-image:url(../images/about/mo/img_bnr03.jpg);}
.about03 .top-bnr__subtit {width:70px; height:10px; background-image:url(../images/about/mo/txt_subtit03.png);}
.about03 .sub-txt {margin-bottom:15px;}

.sub-cont {margin-bottom:15px;}
.sub-cont__tit {font-size:14px; padding:20px 0 20px 25px; margin-bottom:21px;}
.sub-cont__tit::before {width:12px; height:12px; top:20px; left:0px; background:url(../images/common/mo/ico/ico_subcont.png) no-repeat; background-size:12px;}
.sub-cont__list01__item {width:calc((100% - 5px)/2); height:124px; margin:0 5px 5px 0;}
.sub-cont__list01__item:nth-child(2n) {margin-right:0;}
.sub-cont__list01__item:nth-child(1) {background:url(../images/about/mo/img_logo01_5.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(2) {background:url(../images/about/mo/img_logo01_1.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(3) {background:url(../images/about/mo/img_logo01_2.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(4) {background:url(../images/about/mo/img_logo01_3.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(5) {background:url(../images/about/mo/img_logo01_4.jpg) center no-repeat; background-size:contain;}/* 20210330 추가 */

.sub-cont__list02 {position:relative;}
.sub-cont__list02__item {float:left; width:calc((100% - 5px)/2); height:124px; margin:0 5px 5px 0;}
.sub-cont__list02__item:nth-child(3n) {margin-right:5px;}
.sub-cont__list02__item:nth-child(2n) {margin-right:0;}
.sub-cont__list02__item:nth-child(1) {background:url(../images/about/mo/img_logo02_1.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(2) {background:url(../images/about/mo/img_logo02_2.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(3) {background:url(../images/about/mo/img_logo02_3.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(4) {background:url(../images/about/mo/img_logo02_4.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(5) {background:url(../images/about/mo/img_logo02_5.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(6) {background:url(../images/about/mo/img_logo02_6.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(7) {width:calc((100% - 5px)/2); background:url(../images/about/mo/img_logo02_7.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(8) {width:calc((100% - 5px)/2); background:url(../images/about/mo/img_logo02_8.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(9) {width:calc((100% - 5px)/2); background:url(../images/about/mo/img_logo02_9.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(10) {width:calc((100% - 5px)/2); background:url(../images/about/mo/img_logo02_10.jpg) center no-repeat; background-size:contain;}

.sub-cont__contact {position:static;}
.sub-cont__contact::after {content:none;}
.sub-cont__contact__txt {font-size:14px; font-weight:400; margin-bottom:31px;}
.sub-cont__contact__list {position:relative; width: calc(100% + 40px); margin-left:-20px;height:270px; border-top:1px solid #ebebeb; background:url(../images/about/mo/bg_contact.jpg) no-repeat; background-size:cover; text-align:center;}
.sub-cont__contact__list::before {content:''; display:inline-block; width:210px; height:37px; background:url(../images/about/mo/img_logo.png) no-repeat; background-size:contain; margin:72px 0 21px;}
.sub-cont__contact__list > ul::before {content:''; display:inline-block; width:77px; height:1px; background:rgba(82, 71, 49, 0.8); margin-bottom:20px;}
.sub-cont__contact__list li {font-size:17px; line-height:1.5; color:#fff; padding-left:0;}
.sub-cont__contact__list li::before {content:none;}
.sub-cont__contact__list li > a {color:#fff;}

.about03 footer {margin-top:0;}


/*=========== social value ===========*/
.sv .top-bnr {background-image:url(../images/SocialValue/mo/img_bnr.jpg);}
.sv .top-bnr__subtit {width:108px; height:16px; background-image:url(../images/SocialValue/mo/subtit.png);}
.sv .sub-txt__sum {margin-bottom:12px; max-width: 100%;} /* 20210506 수정 */
.sv .sub-diagram {margin-top:35px;}
.sv .sub-diagram img {max-width:642px; width:90%;}
.sv .sub-diagram img.view__mo {display:block; margin:0 auto;}


/*=========== family ===========*/
/* 입주사 */
.family .top-bnr {background-image:url(../images/Family/mo/img_bnr.jpg);}
.family .top-bnr__subtit {width:131px; height:10px; background-image:url(../images/Family/mo/txt_subtit.png);}

.family .space-sel__menu {padding:0;}
.family__list__item {width:calc((100% - 5px)/2); height:123px; margin:0 5px 5px 0;}
.family__list__item:nth-child(2n) {margin-right:0;}
.family__list__item-img > img {max-width:100%; max-height:121px;}
.family__list__item .family__list__item-info {height:123px;} 
.family__list__item.family__list__item--nocmpy .view__mo {display:block;}
.family__list__cate {font-size:10px; bottom:10px; left:10px; transform:scale(0.6);}
.family__list__name {font-size:11px; padding:0 5px;}
.family__list__type {font-size:10px; margin-top:8px;}
.family__list__homepage {width:10px; height:8.5px; background-size:100%; bottom:10px; right:10px;}
.family__list .btn-area {margin-top:30px;} 

/* 졸업사 */
.family02 .top-bnr {background-image:url(../images/Family/mo/img_bnr02.jpg);}
.family02 .top-bnr__subtit {width:110px; height:10px; background-image:url(../images/Family/mo/txt_subtit02.png);}

/*=========== program ===========*/
/* 성장단계별 프로그램 */
.program__nav {display:none !important;}

.program .top-bnr {background-image:url(../images/Program/mo/img_bnr.jpg); height:545px;}
.program .top-bnr__inner {width:100%; padding-top:60px;}
.program .top-bnr__tit {font-size:21px;}
.program .top-bnr__tit__lit {font-size:14px; font-weight:400;}

.top-bnr__diag {margin-top:10px;}
.top-bnr__diag > ul {width:320px; margin:0 auto;}
.top-bnr__diag__item {margin:0 15px 15px 0;}
.top-bnr__diag__item:nth-child(2n) {margin-right:0;}
.top-bnr__diag__item > a {width:152px; height:152px; padding-top:105px; background-size:50%;}
.top-bnr__diag__item > a::before {width:78px; height:1px; top:92px; left:37px;}
.top-bnr__diag__item:nth-child(1) > a {background-image:url(../images/Program/mo/img_bnr_logo01.png); background-position:center 48px;}
.top-bnr__diag__item:nth-child(2) > a {background-image:url(../images/Program/mo/img_bnr_logo02.png); background-position:center 46px;}
.top-bnr__diag__item:nth-child(3) > a {background-image:url(../images/Program/mo/img_bnr_logo03.png); background-position:center 46px;}
.top-bnr__diag__item:nth-child(4) > a {background-image:url(../images/Program/mo/img_bnr_logo04.png); background-position:center 45px;}
.top-bnr__diag__item span {font-size:12px;}

.program__area__inner {padding:35px 0 40px;}
.program__desc {padding:85px 0 0 0;}
.program__area--op .program__desc {background:url(../images/Program/mo/img_cont_logo01.png) 0 top no-repeat; background-size:152px auto;}
.program__area--og .program__desc {background:url(../images/Program/mo/img_cont_logo02.png) 0 top no-repeat; background-size:149px auto;}
.program__area--of .program__desc {background:url(../images/Program/mo/img_cont_logo03.png) 0 top no-repeat; background-size:150px auto;}
.program__area--ov .program__desc {background:url(../images/Program/mo/img_cont_logo04.png) 0 top no-repeat; background-size:144px auto;}

/*지원하기 버튼 추가/mklee/20210215*/
.program__desc .btn-orange {
    position: relative;
    top: auto;
    right: auto;
    display: block;
    width: 150px;
    height: 52px;
    line-height: 50px;
    margin: 20px auto 0 auto;
}


.program__mtxt {font-size:17px; line-height:1.5;}
.program__stxt {font-size:13px; margin-top:6px;}
.program__area--og .program__stxt span:last-child {display:block; margin-top:8px;}
.program__area .btn-area {margin-top:16px;}
.program__area .btn-more02 {width:146px}
.btn-deactive + a {margin-left:10px;}
.program__area .btn-area a + a {margin-left:10px;}
.program__notice {font-size:12px; padding:7px 0 7px 20px; text-align:left; margin-top:10px;}
.program__notice::before {width:13px; height:13px; top:7px; left:0; background:url(../images/Program/mo/ico_exc.png); background-size:100% auto;}

.program__table {padding:20px 0 0; margin-top:17px;}
.program__table__item {width:100%; padding:15px 15px; box-sizing:border-box;}
.program__table__item.program__table__item--w100 {display:block;}
.program__area--of .program__table__item:first-child {min-height:auto;}
.program__area--of .program__table__item:nth-child(2) {min-height:auto;}
.program__table__tit {width:auto; float:none; font-size:13px; padding:0; padding-left:12px;}
.program__table__item:nth-child(2n) .program__table__tit {width:auto;}
.program__table__item.program__table__item--w100 .program__table__tit {display:block; width:auto;}
.program__table__tit::before {top:50%; left:0; margin-top:-1px; width:3px; height:3px;}
.program__table__txt {float:none; width:100%; padding:2px 0 0 12px; font-size:13px;}
.program__table__item:nth-child(2n) .program__table__txt {width:100%;}

.program__flow {display:block; padding:20px 0 0 0;}
.program__flow > ul {width:281px; height:auto;}
.program__flow__item {height:53px; box-sizing:border-box; padding-left:89px; padding-top:10px; margin-left:20px; margin-bottom:48px;}
.program__flow__item:first-child {padding-left:58px;}
.program__flow__item:last-child {padding-top:20px;}
.program__flow__item:nth-child(3) {margin-bottom:0; float:right; padding-left:60px; margin-right: 26px;}
.program__flow__item:nth-child(4) {margin-bottom:0; float:right; padding-left:60px; padding-right:53px; margin-left:0;}
.program__flow__item + .program__flow__item::before {width:11px; height:15px; top:17px; left:0; background:url(../images/Program/mo/ico_arw.png) no-repeat; background-size:11px 15px}
.program__flow__item:nth-child(3)::before {top:-28px; left:auto; right:25px; transform:rotate(90deg);}
.program__flow__item:nth-child(4)::before {left:auto; right:0; transform:rotate(180deg);}
.program__flow__item::after {width:53px; height:53px; left:28px;}
.program__flow__item:nth-child(1)::after {background:url(../images/Program/mo/img_step01.png) no-repeat; left:0; background-size:53px;}
.program__flow__item:nth-child(2)::after {background:url(../images/Program/mo/img_step02.png) no-repeat; background-size:53px;}
.program__flow__item:nth-child(3)::after {background:url(../images/Program/mo/img_step03.png) no-repeat; left:0; background-size:53px;}
.program__flow__item:nth-child(4)::after {background:url(../images/Program/mo/img_step04.png) no-repeat; left:0; background-size:53px;}
.program__flow__tit {font-size:13px;}
.program__flow__txt {font-size:13px; margin-top:9px;}
.program__flow__notice {font-size:12px; margin-top:20px;}

.program__bnf {display:block; width:100%; padding:26px 15px 15px 15px; box-sizing:border-box; text-align:center;}
.program__bnf ul {display:block;}
.program__area--og .program__bnf {padding-left:15px;}
.program__area--of .program__bnf {padding-left:15px;}
.program__bnf__item {width:50%; height:123px; box-sizing:border-box; padding:20px 0;}
.program__bnf__item + .program__bnf__item::before {content:none;}
.program__bnf__item:nth-child(1) {border-bottom:1px solid #ebebeb;}
.program__bnf__item:nth-child(2) {border-bottom:1px solid #ebebeb;}
.program__bnf__item:nth-child(2n+1) {border-right:1px solid #ebebeb;}
.program__area--of .program__bnf__item:nth-child(3) {border-bottom:1px solid #ebebeb;}
.program__area--of .program__bnf__item:nth-child(4) {border-bottom:1px solid #ebebeb;}
.program__bnf__img {height:40px; background-size:auto 100%;}
.program__area--og .program__bnf__item:nth-child(1) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf01_1.png);}
.program__area--og .program__bnf__item:nth-child(2) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf01_2.png);}
.program__area--og .program__bnf__item:nth-child(3) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf01_3.png);}
.program__area--og .program__bnf__item:nth-child(4) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf01_4.png);}
.program__area--of .program__bnf__item:nth-child(1) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf02_1.png);}
.program__area--of .program__bnf__item:nth-child(2) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf02_2.png);}
.program__area--of .program__bnf__item:nth-child(3) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf02_3.png);}
.program__area--of .program__bnf__item:nth-child(4) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf02_4.png);}
.program__area--of .program__bnf__item:nth-child(5) .program__bnf__img {background-image:url(../images/Program/mo/img_bnf02_5.png);}
.program__bnf__txt {display:block; font-size:12px; margin-top:7px;}

/* 성장지원 프로그램 */
.program02 .top-bnr {background-image:url(../images/Program/mo/img_bnr02.jpg);}
.program02 .top-bnr__inner {padding-top:0;}

.program02 .top-bnr__diag {margin-top:28px;}
.program02 .top-bnr__diag > ul {width:281px; position:relative; padding-bottom:118px;}
.program02 .top-bnr__diag__item {margin:0;}
.program02 .top-bnr__diag__item > a {width:137px; height:137px; padding-top:74px;}
.program02 .top-bnr__diag__item > a::before {top:64px; left:30px;}
.program02 .top-bnr__diag__item:nth-child(1) > a {background-image:url(../images/Program/mo/img_bnr02_logo01.png); background-position:center 30px; background-size:78px 27px; margin-right:5px;}
.program02 .top-bnr__diag__item:nth-child(2) > a {background-image:url(../images/Program/mo/img_bnr02_logo02.png); background-position:center 33px; background-size:52px 25px; margin:0;}
.program02 .top-bnr__diag__item:nth-child(3) > a {background-image:url(../images/Program/mo/img_bnr02_logo03.png); background-position:center 33px; background-size:45px 23px; position:absolute; top:123px; left:71px;}
.program02 .top-bnr__diag__item span:last-child { margin-top:6px; line-height:1.3;}

.program02 .program__desc {padding:0;}
.program02 .program__area__inner {padding:35px 0;}
.program__area--ofd .program__area__inner {padding-top:35px;}
.program__area--bnf .program__area__inner {padding-bottom:35px;}
.program__tit {font-size:14px; padding-bottom:6px; margin-bottom:17px; border-bottom:1px solid #222;}
.program__area--ofd .program__mtxt {padding-left:0; padding-top:78px; margin-top:8px;}
.program__area--ofd .program__mtxt::before {width:143px; height:49px; background:url(../images/Program/mo/img_oragefund.png) no-repeat; background-size:143px auto; top:0; left:0;}
.program02 .program__stxt span:last-child {display:inline; margin-top:0;}

.invest-list {margin-top:30px; padding-bottom:40px;}
.invest-list__item {width:100%; height:auto; min-height:284px; float:none; padding:45px 20px;}
.invest-list__item + .invest-list__item {margin-left:0; margin-top:5px;}
.invest-list__item:nth-child(1) {background:url(../images/Program/mo/img_invest01.png) no-repeat; background-position:top 22px right 20px; background-size:65px;}
.invest-list__item:nth-child(2) {background:url(../images/Program/mo/img_invest02.png) no-repeat; background-position:top 22px right 20px; background-size:65px;}
.invest-list__num {margin-bottom:46px;}
.invest-list__item:nth-child(1) .invest-list__num {width:14px; height:13px; background:url(../images/Program/mo/img_num01.png) no-repeat; background-size:100% auto;}
.invest-list__item:nth-child(2) .invest-list__num {width:19px; height:13px; background:url(../images/Program/mo/img_num02.png) no-repeat; background-size:100% auto;}
.invest-list__tit {font-size:20px; margin-bottom:11px;}
.invest-list__txt {font-size:13px; line-height:1.7;}

.invest-step {padding:35px 0 15px 0;}
.invest-step__item {float:none; width:203px; margin:63px auto 0; text-align:center;}
.invest-step__item:first-child {margin:0 auto;}
.invest-step__item::before {width:20px; height:14px; top:-37px; left:92px; background:url(../images/Program/mo/ico_arw02.png) no-repeat; background-size:20px auto; transform:none;}
.invest-step__item:nth-child(1) {height:203px; background:url(../images/Program/mo/img_invest_step01.png) 0 0 no-repeat; background-size:contain;}
.invest-step__item:nth-child(2) {height:203px; background:url(../images/Program/mo/img_invest_step02.png) 0 0 no-repeat; background-size:contain;}
.invest-step__item:nth-child(3) {height:203px; background:url(../images/Program/mo/img_invest_step03.png) 0 0 no-repeat; background-size:contain;}
.invest-step__item:nth-child(4) {height:203px; background:url(../images/Program/mo/img_invest_step04.png) 0 0 no-repeat; background-size:contain;}
.invest-step__item > span {margin-top:140px; font-size:16px;}
.invest-step__item:nth-child(1) > span {margin-left:0;}
.invest-step__item:nth-child(2) > span {margin-left:0;}
.invest-step__item:nth-child(3) > span {margin-left:0;}
.invest-step__item:nth-child(4) > span {margin-left:0;}
.invest-step__noti {font-size:16px; margin-top:40px;} 

.global-step {margin-top:30px;}
.global-step__item {width:183px; height:183px; float:none; margin:0 auto 18px;}
.global-step__item:last-child {margin:0 auto;}
.global-step__item:nth-child(1) {background:url(../images/Program/mo/img_global01.png) no-repeat; background-size:183px auto;}
.global-step__item:nth-child(2) {background:url(../images/Program/mo/img_global02.png) no-repeat; background-size:183px auto;}
.global-step__item:nth-child(3) {background:url(../images/Program/mo/img_global03.png) no-repeat; background-size:183px auto;}
.global-step__item > span {margin-top:126px; font-size:14px;;}

.program-bnf__desc {padding-left:0; padding-top:83px; margin-top:40px; margin-bottom:15px;}
.program-bnf__item:nth-child(1) .program-bnf__desc {background:url(../images/Program/mo/img_num_lg01.png) no-repeat; background-size:74px 68px;}
.program-bnf__item:nth-child(2) .program-bnf__desc {background:url(../images/Program/mo/img_num_lg02.png) no-repeat; background-size:88px 68px;}
.program-bnf__item:nth-child(3) .program-bnf__desc {background:url(../images/Program/mo/img_num_lg03.png) no-repeat; background-size:87px 68px;}
.program-bnf__tit {font-size:20px; margin-bottom:12px;}
.program-bnf__txt {font-size:13px;}

.program-bnf__partner li {float:none; width:100%; margin-right:0; padding-top:51%; margin-right:0; margin-bottom:5px; background-size:contain;}
.program-bnf__partner li:last-child {margin-bottom:0;}
.program-bnf__partner li:nth-child(1) {background-image:url(../images/Program/mo/img_partner01.jpg);}
.program-bnf__partner li:nth-child(2) {background-image:url(../images/Program/mo/img_partner02.jpg);}
.program-bnf__partner li:nth-child(3) {background-image:url(../images/Program/mo/img_partner03.jpg);}
.program-bnf__partner li:nth-child(4) {background-image:url(../images/Program/mo/img_partner04.jpg);}

.program-bnf__mentor {width: calc(100% + 40px); border-width:1px 0; border-style:solid; border-color:#ebebeb; padding:26px 20px; margin-left:-20px; box-sizing:border-box;}
.program-bnf__mentor__type {width:100%; float:none; padding:0; border:none;}
.program-bnf__mentor__type:nth-child(1) {padding:0; border-width:0;}
.program-bnf__mentor__type:nth-child(2) {padding:0; border-width:0;}
.program-bnf__mentor__list li {font-size:13px; padding-left:20px; line-height:1.9;}
.program-bnf__mentor__list li::before {left:8px; top:9px;}

.program__area--bnf .program-bnf__desc {text-align:center;}
.program__area--bnf .program-bnf__tit, .program__area--bnf .program-bnf__txt {text-align:left;}
.program-bnf__desc .btn-more02 {position:static; width:199px; margin-top:22px;}
.program-bnf__review li {float:none; width:100%; padding-top:73%;}
.program-bnf__review li + li {margin-left:0; margin-top:5px;}
.program-bnf__review li:nth-child(1) {background-image:url(../images/Program/mo/img_review01.jpg);}
.program-bnf__review li:nth-child(2) {background-image:url(../images/Program/mo/img_review02.jpg);}
.program-bnf__review li:nth-child(3) {background-image:url(../images/Program/mo/img_review03.jpg);}
.program-bnf__review li:nth-child(4) {background-image:url(../images/Program/mo/img_review04.jpg);}

/* 프로그램 */
.program03 .top-bnr {background-image:url(../images/Program/mo/img_bnr03.jpg);}
.program03 .top-bnr__subtit {width:76px; height:10px; background-image:url(../images/Program/mo/txt_subtit.png);}
.program03 .space-sel__menu {padding: 0;}

/*=========== news ===========*/
.news .top-bnr {background-image:url(../images/News/mo/img_bnr.jpg);}
.news .top-bnr__subtit {width:45px; height:10px; background-image:url(../images/News/txt_subtit.png);}
.news .sub-txt {margin-top:50px; margin-bottom:35px;}

.news-tag {margin-bottom:30px;}
.news-tag__item {width:calc((100% - 9px)/2); margin-right:9px; margin-bottom:5px;}
.news-tag__item:nth-child(2n) {margin-right:0;}
.rdtag + label {font-size:12px; padding:8px 0;}
.news-tag__item:first-child label {width:auto;}

.news-list__noitem {height:315px; background:#f3f3f3 url(../images/News/mo/nolist.jpg) center no-repeat; background-size:230px 158px}
.news-list > ul {margin-bottom:0;}
.news-list__item {float:none; width:100%; margin:-120px 0 35px 0; padding-top:120px;} 
.news-list__item:last-child {margin-bottom:0;}
.news-list__item__img {width:100%; height:206px; background-image:url(../images/News/mo/noimg.jpg);}
.news-list__item__txt {padding:14px 17px 17px; margin-bottom:16px;}
.news-list__item__tit {margin-bottom:13px; height:auto;}
.news-list__item__tit span {font-size:13px;}
.news-list__item__date {font-size:12px;}
.news-list__item__tag {padding:0 17px;}
.news-list__item__tag li {width:calc((100% - 10px)/2); margin-right:10px; padding:8px 0; text-align:center;}
.news-list__item__tag li:nth-child(2n) {margin-right:0;}
.news-list__item__tag li > span {font-size:12px;}

.news-area .btn-more02 {margin-top:35px;}

/* news view */
.news-view {margin-top:0; margin-bottom:25px;}
.news-view__cont {padding:0 0 5px; border-width:2px 0;margin-bottom:25px;}
.news-view__cont__top {padding:20px 0;}
.news-view__cont__tit {font-size:19px; margin-bottom:10px;}
.news-view__cont__date {font-size:12px; letter-spacing: 0;}
.news-view__cont__btm {padding-top:14px;}
.news-view__cont__btm > p,.news-view__cont__btm > img {margin-bottom:19px;}
.news-view__cont__btm > p {font-size:13px; color:#6b6b6b;  line-height:1.8;}

.news-view__btn__lside .btn-normal:first-child {margin-right:0;}

.news-blist {margin-bottom:25px;}
.news-blist__item::before {top:22px; left:0;}
.news-blist__item > a {padding:17px 10px 16px; font-size:13px;}
.news-blist__item__date {float:none; width:auto; margin-bottom:5px;}
.news-blist__item__tit {float:none; width:100%;}


/*=========== Community(family service) ===========*/
.community .top-bnr {background-image:url(../images/Commuenity/mo/img_bnr.jpg);}
.community .top-bnr__subtit {width:127px; height:10px; background-image:url(../images/Community/mo/txt_subtit.png);}
.community .btn-normal02 {top:-5px; right:0;}


.community-menu__list {padding-bottom:0; margin-bottom:15px;}
.community-menu__list:after {content:none;}
.community-menu__item {width:50%; border-width:1px 1px 1px 0; height:35px;}
.community-menu__item:nth-child(2n+1) {border-width:1px 1px 1px 1px;}
.community-menu__item:nth-child(3n) {width:50%;}
.community-menu__item > a {font-size:10px; height:35px; line-height:35px;}

.community-cont {width:100%;}


/*=========== Apply ===========*/
.apply .top-bnr {background-image:url(../images/Apply/mo/img_bnr.jpg);}
.apply .top-bnr__subtit {width:127px; height:10px; background-image:url(../images/Apply/mo/txt_subtit.png);}

.apply-cont {width:100%;}

/*=========== Apply (2021) ===========*/
/*성장 단계별 프로그램, 성장 지원 프로그램*/
.apply-tab {
    margin-top: 80px;   
}
.apply-tab .tab-btn {
    display: block;
    border-bottom: 0;
}
.apply-tab .tab-btn ul {}
.apply-tab .tab-btn ul .tab-btn__item {
    border: 1px solid #acacac;
    height: 30px;
    width: calc(50% - 10px);
}
.apply-tab .tab-btn ul .tab-btn__item:first-of-type {
    margin-right: 10px;
}
.apply-tab .tab-btn ul .tab-btn__item:last-of-type {
    margin-left: 10px;
}
.apply-tab .tab-btn ul .tab-btn__item a {
    font-size: 12px;
    line-height: 28px;
    height: 100%;
}

.apply .sub-txt {
    margin-top: 30px;    
}

.apply-program-form {
    border: 1px solid #ebebeb;
    padding: 27px 20px;
}
.apply-program-form .apply-program-form-header {
    margin-bottom: 0;
}
.apply-program-form .apply-program-form-header .tit {
    float: none;
    text-align: center;
    margin-bottom: 18px;
    font-size: 18px;
    margin: 0 0 20px 0;
}
.apply-program-form .apply-program-form-header .state {
    float: none;
    text-align: center;  
    margin-left: auto;  
    margin-right: auto;  
    margin-top: 0;
    margin-bottom: 20px;
    width: 80px;
    height:22px;
    line-height:22px;
    font-size: 11px;
}
.apply-program-form .apply-program-form-header .btn-wrap {
    float: none;
    margin-bottom: 30px;
}
.apply-program-form .apply-program-form-header .btn {
    display: block;
    width: 100%;
    border-radius: 0;
    margin-bottom: 18px;
    height: 34px;
    font-size: 14px;
}
.apply-program-form .apply-program-form-header .btn:last-of-type {
    margin-bottom: 0;
}

.apply-program-form .apply-program-form-cont:after {
    display: none;
}
.apply-program-form .apply-program-form-cont .item {
    float: none;
    min-height: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 !important;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(1) {
    width: 100%;
    padding-right: 0;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(2) {
    width: 50%;
    float: left;
    padding-right: 0;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(3) {
    width: 50%;
    float: left;
    padding-right: 0;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(4) {
    width: 100%;
    clear: both;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(5) {
    width: 100%;
}
.apply-program-form .apply-program-form-cont .item:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #ebebeb;    
    /* background: red;     */
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(1):after,
.apply-program-form .apply-program-form-cont .item:nth-of-type(2):after,
.apply-program-form .apply-program-form-cont .item:nth-of-type(3):after {
    display: none;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(2):after {
    display: block;
    content: "";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 1px;
    height: calc(100% - 40px);
    background: #ebebeb;    
}

/*20210316/mklee*/
.apply-program-form .apply-program-form-cont .item:nth-of-type(5):before {

    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #ebebeb;    
}

.apply-program-form .apply-program-form-cont .tit {
    font-size: 13px;
    margin-bottom: 10px;
}
.apply-program-form .apply-program-form-cont .txt {
    font-size: 13px;
    word-break: break-all;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(2) .txt {
    width: calc(100% - 40px);
}
.apply-program-form .apply-program-form-cont .txt-list>li {
    font-size: 13px;
    padding-left: 5px;
}
.apply-program-form .apply-program-form-cont .txt-list>li:after {
    display: none;
}

.apply-msg-box {
    padding-top: 60px;
    padding-bottom: 60px;
}
.apply-msg-box .tit {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.3;
}
.apply-msg-box .txt {
    font-size: 13px;
}

.apply-btn-wrap {
    margin-top: 30px;
}

.apply-btn-wrap .btn {
    display: block;
    margin-bottom: 20px;
    height: 35px;
    font-size: 16px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.apply-step {
    margin-top: 80px;
}
.apply-step .item {
    width: 48px;
    margin-right: 32px;
}
.apply-step .item .num {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}
.apply-step .item .txt {
    font-size: 12px;
    margin-left: -26px;
}

/*지원하기(기본 정보 입력, 연혁/팀원 정보, 기타 입력, 제출 완료)*/
.apply-tit-btn {
    padding: 0;
    padding-bottom: 17px;
    margin-bottom: 20px;
}
.apply-tit-btn .tit {
    font-size: 15px;
}
.apply-tit-btn .btn {
  font-size: 12px;
  border-radius: 0;
  border-width: 1px;
  width: 75px;
  height: 30px;
}

/*20210317/mklee*/
.apply-tit-btn ~ .tit-02 {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px;
}

.apply-form {
    margin-bottom: 20px;
}
.apply-form>.inner {
    padding: 20px;
}
.apply-form .row {
    margin-bottom: 10px;
}
.apply-form .row .cell.th,
.apply-form .row .cell.td {
    width: 100%;
}
.apply-form .row .cell.th {
    font-size: 12px;
    min-height: 0;
    margin-bottom: 5px;
}
.apply-form .row .cell.th>span {
    padding-left: 10px;
}
.apply-form .row .cell.th>span:after {
    top: 18px;   
}
.apply-form .info {
    font-size: 11px;
}
.apply-form .btn-area button {
    border-radius: 0;
    border-width: 1px !important;
    width: 100%;
    height: 35px;
    font-size: 14px;
}
.apply-form .btn-area button + button {
    margin: 0;
    margin-top: 18px;
}
.apply-form .agree .txt {
    font-size: 13px;
    line-height: 1.5;
}
.apply-form .agree label {
    font-size: 13px;
}
.apply-form .agree input {
    top: 1px;
}
.apply-form .txt-box {
    font-size: 10px;
}
.apply-form .txt-box .d1>li {
    margin-bottom: 15px;
}
.apply-form .txt-box .d1>li .tit {
    margin-bottom: 0px;
}
.apply-form .txt-box .d2 {
    padding-left: 0px;
}
.apply-form .btn-area {
    margin-top: 20px;
}

.apply-form .welcome-tit {
    font-size: 21px;
    margin-bottom: 14px;
}
.apply-form .welcome-txt {
    font-size: 13px;    
}
.apply-form .btn-area .btn-go-main {
    color: #fa5900;
    border: 1px solid  #fa5900;    
    width: 125px;
    border-radius: 18px;
    background: #fff;
    height: 36px;
    font-size: 14px;
}
.apply-form .btn-withdrawal {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    background-position: 188px 11px;
}
.apply-form .btn-withdrawal:after {
    width: 6px;
    height: 9px;
    background-size: 6px 9px;
}
.apply-form .row-withdrawal .th {
    width: 164px !important;
}
.apply-form .row-withdrawal .td {
    width: calc(100% - 164px) !important;
}

.apply-form .row {
    margin-bottom: 10;
}
.apply-form .row .cell {
    min-height: 0;
}
.apply-form.file-type .row .cell.th>span {
    padding-top: 1px;
}
.apply-form.file-type .row .cell.th>span:after {
    top: 6px;
}

.apply-form.check-type {
    background: none;
    border: 0;
}
.apply-form.check-type>.inner {
    padding: 0;
}
.apply-form.check-type .row {
    margin-bottom: 0;
}
.apply-form.check-type .row .cell {
    height: 37px;
}
.apply-form.check-type .row .cell.td label {
    font-size: 11px;
    top: 4px;
    position: relative;
}
.apply-form.check-type .row .cell.td.with-ip-txt label{
    top: -1px;
}
.apply-form.check-type .row .cell.td label>input {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    top: 3px;
}
.apply-form.check-type .row .cell.td .ip-txt {
    height: 35px;
    width: 120px;
    font-size: 11px;
}
.apply-form .ta-wrap>textarea {
    font-size: 11px;
}


.apply-form.card-type {
    border-radius: 15px;
}
.apply-form.card-type>.inner {
    padding: 20px;
}
.apply-form.card-type .row {
    float: none;
    width: 100% !important;
}

/*지원하기-기본정보입력 약관동의 버튼*/
.apply-form .btn {    
    /* height: 48px; */
    /* padding-left: 20px; */
    /* padding-right: 21px; */
    width: 100%;
    height: 35px;
    margin-top: 5px;
}
.apply-form .btn.btn-right {    
    position: relative;
    top: auto;
    right: auto;
    transform: translateX(0);
}
.apply-form .btn.btn-gray {    
    background: #666666;
    color: #fff;
    font-weight: 400;
}


.apply-form-func {
    text-align: center;
    overflow: hidden;
}
.apply-form-func .btn-add,
.apply-form-func .btn-remove {
    width: calc(50% - 5px);
    height: 35px;
    font-size: 12px;
    border-radius: 17px;
}
.apply-form-func .btn-remove {
    float: right;
    margin-right: 0;
}
.apply-form-func .btn-add {
    background: #ff5000;
    float: left;
    margin-right: 10px;
}
.apply-form-func .txt1 {
    padding-right: 5px;
}
.apply-form-func .txt2 {
    display: inline;
}
.apply-btn-area button {
    width: 100%;
    height: 40px;
    font-size: 14px;
    border-radius: 0;
    margin-left: 0 !important;
    margin-bottom: 17px;
}
.apply-btn-area button:last-of-type {
    margin-bottom: 0;
}

.apply-section-top {
    /* padding: 20px; */
    padding: 20px 10px 20px 10px;
    /* margin-bottom: 20px; */
    margin-bottom: 0;
}
.apply-section-top .tit {
    font-size: 13px;
    margin-bottom: 5px;
}
.apply-section-top .txt {
    font-size: 12px;
}

.apply-form .rd-group, 
.apply-form .ch-group {
    font-size: 11px;
}
.apply-form .rd-group label, 
.apply-form .ch-group label {
    /* position: relative; */
    /* display: block; */
    padding-left: 25px;
    /* float: left; */
    margin-right: 0px;
    /* margin-bottom: 10px; */
    /* cursor: pointer; */
    width: calc(50% - 25px);
}
.apply-form .rd-group label input, 
.apply-form .ch-group label input {
    /* bottom: -4px; */
    /* left: 0; */
    width: 15px;
    height: 15px;
}
 /*20210325 divider.ad 추가*/
.apply-form .divider.ad {
    display: block;
}
.apply-form .divider.ad .divider-item {
    display: block;
}
.apply-form .divider.ad .divider-item--btn {
    width:100%;
}
.apply-form .divider.ad .divider-item--btn .btn {
    height:35px;
}



/*20210305*/
label.private-agree {
    display: block;
    font-size: 11px;
    position: relative;
    padding-left: 25px;
    width: auto;
    line-height: 1.5;/*20210328*/
    width: calc(100% - 100px);
    float: left;
}
label.private-agree>input {
    top: -1px;
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
}
.private-agree-btn {
    /* float: right; */
    /* color: #666666; */
    font-size: 11px;
    /* background: none; */
}


/*=========== Faq ===========*/
.faq .top-bnr {background-image:url(../images/Faq/mo/img_bnr.jpg);}
.faq .top-bnr__subtit {width:106px; height:13px; background-image:url(../images/Faq/mo/txt_subtit.png);}
.faq .sub-txt__tit {font-size:27px; margin-bottom:40px; padding-bottom:0; border-bottom:0;}
.faq .sub-txt__tit__desc {font-size:14px; margin-top:24px; color:#6b6b6b; border-top:1px solid #eee; padding-top:12px;}

.faq__list__item__que {font-size:13px; padding:12px 0 10px 25px; line-height:2;}
.faq__list__item__que::before {width:19px; height:19px; background:url(../images/Faq/mo/ico_que.png) no-repeat; background-size:19px; top:16px; left:0;}
.faq__list__item__anw {position:relative; padding:14px 20px 13px 37px; background:#ededed;}
.faq__list__item__anw::before {width:26px; height:19px; background:url(../images/Faq/mo/ico_anw.png) no-repeat; background-size:26px auto; top:18px; left:3px;}
.faq__list__item__anw p {font-size:13px;}
.faq__list__item__anw p + p {margin-top:26px;}

/*=========== Contact ===========*/
.contact .top-bnr {background-image:url(../images/Contact/mo/img_bnr.jpg);}
.contact .top-bnr__subtit {width:106px; height:13px; background-image:url(../images/Contact/mo/txt_subtit.png);}
.contact .sub-txt__tit {font-size:27px; margin-bottom:20px; padding-bottom:24px;} /* 20210506 수정 */

.contact-area {position:static;}
.contact-area::after {content:none;}
.contact-area__txt {font-size:14px; font-weight:400; margin-bottom:31px;}
.contact-area__list {position:relative; width: calc(100% + 40px); margin-left:-20px;height:270px; border-top:1px solid #ebebeb; background:url(../images/about/mo/bg_contact.jpg) no-repeat; background-size:cover; text-align:center;}
.contact-area__list::before {content:''; display:inline-block; width:210px; height:37px; background:url(../images/about/mo/img_logo.png) no-repeat; background-size:contain; margin:72px 0 21px;}
.contact-area__list > ul::before {content:''; display:inline-block; width:77px; height:1px; background:rgba(82, 71, 49, 0.8); margin-bottom:20px;}
.contact-area__list li {font-size:17px; line-height:1.5; color:#fff; padding-left:0;}
.contact-area__list li::before {content:none;}
.contact-area__list li > a {color:#fff;}
.contact-area__img {display:none;}

.contact .footer {margin-top:0;}

/*=========== Error ===========*/
.error h1 { margin-bottom:20px;}
.error h1 > a {width:153px; height:27px; background:url(../images/common/mo/logo.png) no-repeat; background-position:0 -27px; background-size: 100% auto;}
.error .section {width:100%; padding:30px 20px; box-sizing:border-box;}
.error__area {margin-top:15px; padding:20px 20px 30px 20px;}
.error__area__img > img {width:69px;}
.error__area__txt {margin:15px 0 20px; font-size:12px; line-height:18px;}
.error__area__txt > strong {font-size:24px; margin-bottom:15px;}
.error__area__btn {padding-top:15px;}

/* 시스템 점검 페이지 *//*20210327 */
.error02 .section {width:100%; margin:50px auto; padding:0 25px;}

/*이하/20210113/mklee*/
/*=========== Login ===========*/
.login-form {
    width: 280px;
    margin: 110px auto 100px auto;
    padding-top: 0;
}


/*=========== Mentoring ===========*/
.mentoring .top-bnr {background-image:url(../images/Mentoring/mo/img_bnr.jpg);}
.mentoring .sub-txt {
    margin-top:50px; 
}

.note-list {
    border: 0;
    padding: 40px 20px 20px 20px;
    margin-bottom: 0px;
}
.note-list .tit {
    font-size: 16px;
    color: #222;
    padding-left: 25px;
    padding-bottom: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid #eeeeee;
}
.note-list .tit::after {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    background: none;
    border-radius: 0;
    background: url(../images/common/ico/ico_subtit.png) no-repeat;
    background-size: contain;
    top: 0;
    left: 0;
}

.note-list ul {

}
.note-list ul li {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 10px;
}
.note-list ul li .gray {color: #6b6b6b;}
.note-list ul li .orange {color: #ff5000;}
.note-list ul li:after {
}
.note-list2 .tit {
    font-size: 14px;
    color: #333;
}
.note-list2.gray {
    background: #efefef;    
    padding: 20px;
}

/*멘토링쪽 지원폼 (주의: 지원하기 대메뉴와 무관)*/
.mentoring-form>.inner {
    padding: 0;
}
.mentoring-form .row .cell:nth-of-type(1) {
    display: block;
    width: 100%;
}
.mentoring-form .row .cell:nth-of-type(2) {
    display: block;
    width: 100%;
}
.mentoring-form .row .cell.th {
    min-height: 20px;
    font-size: 11px;
}
.mentoring-form .row .cell.th>span {
    padding-top: 5px;
    padding-left: 5px;    
}
.mentoring-form .row .cell.th>span:after {
    top: 10px;
}
.mentoring-form .divider .item:nth-of-type(1) {
    margin-right: 0px;
    width: 100%;
    margin-bottom: 10px;
}
.mentoring-form .divider .item:nth-of-type(2) {
    margin-left: 0px;
    width: 100%;
}

.mentoring-form .rd-group, 
.mentoring-form .ch-group {
    /* border: 1px solid red; */
    padding: 0;
}
.mentoring-form .rd-group label, .mentoring-form .ch-group label {
    font-size: 13px;
    padding: 0;
    margin: 0 0 15px 0;
    width: 100%;
    /* height: 37px; */
    vertical-align: middle;
}
/* 20210426 추가 :: S */
.mentoring-form .ch-group2 {
    padding-top: 5px;
}
.mentoring-form .ch-group2 label { 
    max-width: 50%;
}
.mentoring-form .ch-group2 label input {
    vertical-align: text-top;
}
/* 20210426 추가 :: E */


.ip-txt {
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    width: calc(100% - 32px);
    font-size: 11px;
}
.ip-txt[type=file] {
    padding: 7px 15px;
}
.ip-txt.unit + .unit-txt {
    font-size: 11px;
    transform: translate(-20px, 13px);
}




.ip-sel {
    height: 35px;
    padding: 0 15px;
    font-size: 11px;
}
.ta-wrap {
    padding: 15px;
}
.ta-wrap>textarea {
    height: 80px;
    font-size: 11px;
}
/* 20210408 추가 :: S */
.ta-wrap2 {
    padding: 15px;
}
.ta-wrap2>textarea {
    font-size: 11px;
}
/* 20210408 추가 :: E */

/*=========== Join ===========*/
.join-step {
    margin-top: 90px;
}
.join-step .item {
    width: 48px;
    margin-right: 32px;
}
.join-step .item .num {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 18px;
}
.join-step .item .txt {
    font-size: 12px;
    margin-left: -26px;
}

.join-form>.inner {
    padding: 20px;
}

.join-form .line {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 10px;
}

.join-form .row {
    margin-bottom: 10px;
}
.join-form .row .cell.th,
.join-form .row .cell.td {
    width: 100%;
}
.join-form .row .cell.th {
    font-size: 12px;
    min-height: 0;
    margin-bottom: 5px;
}
.join-form .row .cell.th>span {
    padding-left: 10px;
}
.join-form .row .cell.th>span:after {
    top: 18px;   
}
.join-form .info {
    font-size: 11px;
}
.join-form .btn-area button {
    border-radius: 0;
    border-width: 1px !important;
    width: 100%;
    height: 35px;
    font-size: 14px;
}
.join-form .btn-area button + button {
    margin: 0;
    margin-top: 18px;
}
.join-form .row + .row .agree {/*20210325 추가*/
    margin-top:15px;
}
.join-form .agree .txt {
    font-size: 13px;
    line-height: 1.5;
}
.join-form .agree label {
    font-size: 13px;
}
.join-form .agree input {
    top: 1px;
}
.join-form .agree .chk-list {/*20210325 추가*/
    margin-top:10px;
}
.join-form .txt-box {
    font-size: 10px;
}
.join-form .txt-box .d1>li {
    margin-bottom: 15px;
}
.join-form .txt-box .d1>li .tit {
    margin-bottom: 0px;
}
.join-form .txt-box .d2 {
    padding-left: 0px;
}
.join-form .txt-box .d3 {/*20210326 추가*/
    padding-left: 10px;
}
.join-form .btn-area {
    margin-top: 20px;
}

.join-form .welcome-tit {
    font-size: 21px;
    margin-bottom: 14px;
}
.join-form .welcome-txt {
    font-size: 13px;  
    margin-bottom:30px;  
}
.join-form .welcome-txt02 {
    font-size: 11px;  
    padding-bottom:10px;  
}
.join-form .welcome-txt02 + .welcome-txt02 {
    margin-top:0;   
}
.join-form .btn-area .btn-go-main {
    color: #fa5900;
    border: 1px solid  #fa5900;    
    width: 125px;
    border-radius: 18px;
    background: #fff;
    height: 36px;
    font-size: 14px;
}
.join-form .btn-pass-toggle {
    top: 10px;
    width: 26px;
    height: 15px;
    background-size: contain !important;
}

/*회원정보입력-중복체크 버튼*/
.join-form .row .td .devider .devider-item.w95-m {width: 95px;}
.join-form .row .td .btn {
    height: 37px;
}


/*=========== Mypage ===========*/
.mypage-form>.inner {
    padding: 20px;
}
.mypage-form .row {
    margin-bottom: 10px;
}
.mypage-form .row .cell.th,
.mypage-form .row .cell.td {
    width: 100%;
}
.mypage-form .row .cell.th {
    font-size: 12px;
    min-height: 0;
    margin-bottom: 5px;
}
.mypage-form .row .cell.th>span {
    padding-left: 10px;
}
.mypage-form .row .cell.th>span:after {
    top: 18px;   
}
.mypage-form .info {
    font-size: 11px;
}
.mypage-form .btn-area {
}
.mypage-form .btn-area button {
    border-radius: 0;
    border-width: 1px !important;
    width: 100%;
    height: 35px;
    font-size: 14px;
}
.mypage-form .btn-area button + button {
    margin: 0;
    margin-top: 18px;
}

.mypage-form .btn-pass-toggle {
    top: 10px;
    width: 26px;
    height: 15px;
    background-size: contain !important;
}


.mypage-form .agree .txt {
    font-size: 13px;
    line-height: 1.5;
}
.mypage-form .agree label {
    font-size: 13px;
}
.mypage-form .agree input {
    top: 1px;
}
.mypage-form .txt-box {
    font-size: 10px;
}
.mypage-form .txt-box .d1>li {
    margin-bottom: 15px;
}
.mypage-form .txt-box .d1>li .tit {
    margin-bottom: 0px;
}
.mypage-form .txt-box .d2 {
    padding-left: 0px;
}
.mypage-form .btn-area {
    margin-top: 20px;
}

.mypage-form .welcome-tit {
    font-size: 21px;
    margin-bottom: 14px;
}
.mypage-form .welcome-txt {
    font-size: 13px;    
}
.mypage-form .btn-area .btn-go-main {
    color: #fa5900;
    border: 1px solid  #fa5900;    
    width: 125px;
    border-radius: 18px;
    background: #fff;
    height: 36px;
    font-size: 14px;
}
.mypage-form .btn-withdrawal {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    background-position: 188px 11px;
}
.mypage-form .btn-withdrawal:after {
    width: 6px;
    height: 9px;
    background-size: 6px 9px;
}
.mypage-form .row-withdrawal .th {
    width: 164px !important;
}
.mypage-form .row-withdrawal .td {
    width: calc(100% - 164px) !important;
}
.mypage-tab .tab-btn {
    display: block;
    border: 0;
}
.mypage-tab .tab-btn .tab-btn__item {
    width: calc(50% - 5px);
    height: 30px;
    margin-bottom: 5px;
    border: 1px solid #acacac;
    font-size: 12px;
}
.mypage-tab .tab-btn .tab-btn__item.active {
    border: 1px solid #333333;
}
.mypage-tab .tab-btn .tab-btn__item:nth-of-type(2n-1) {
    margin-right: 5px;
}
.mypage-tab .tab-btn .tab-btn__item:nth-of-type(2n) {
    margin-left: 5px;
}
.mypage-tab .tab-btn .tab-btn__item a {
    font-size: 12px;
    line-height: 12px;
    height: 100%;
    line-height: 2.2;
}

/*내 지원현황, 내 멘토링 목록*/
.mypage-form2 {
    /* border: 1px dashed red; */
}
.mypage-form2 .item {
    float: none;
    width: auto;
    margin-top: 20px;
}
.mypage-form2 .item:nth-of-type(2) {
    margin-top: 20px;
}
.mypage-form2 .item:nth-of-type(odd) {
    margin-right: 0;
}
.mypage-form2 .item:nth-of-type(even) {
    margin-left: 0;
}
.mypage-form2 .item .row {

    /*20210225/mklee/모바일도 2칼럼으로 나오게 변경*/
    /* float: none; */
    /* width: auto; */
    width: calc(50% - 5px);

}
.mypage-form2 .item .row:nth-of-type(odd) {
    
    /*20210225/mklee/모바일도 2칼럼으로 나오게 변경*/
    /* margin-right: 0px; */
    margin-right: 5px;
}
.mypage-form2 .item .row:nth-of-type(even) {
    
    /*20210225/mklee/모바일도 2칼럼으로 나오게 변경*/
    /* margin-left: 0px; */
    margin-left: 5px;
}
.mypage-form2 .item .row .cell.th {
    padding-left: 0;
    color: #8c8c8c;
    font-size: 11px;
    font-weight: 400;
}
.mypage-form2 .item .row .cell.th:after {
    display: none;
}
.mypage-form2 .btn {
    
    /*20210319*/
    /* height: 35px; */
    height: 37px;

    font-size: 14px;
}
.mypage-form2 .td.ip-btn .ip-txt {
    width: calc(50% - 32px);/*20210323*/
}
.mypage-form2 .td.ip-btn .btn {
    width: 50%;/*20210323*/
}
/*내멘토링목록*/
.mypage-form2 .td .white-box {
    position: relative;
    height: 37px;
    margin-bottom: 68px;
}
.mypage-form2 .td .white-box>span {
    vertical-align: top;
    line-height: 37px;
    padding-right: 0;
    font-weight: 400;
    font-size: 11px;
}
.mypage-form2 .td .white-box .btn {
    /* display: none; */
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    width: 100%;
    height: 37px;
    border-radius: 0
}
/* 20210416 멘토링목록 테이블 추가 :: S */
.mypage-form2 .mentoring-table, .mypage-form2 .mentoring-table colgroup, .mypage-form2 .mentoring-table thead, .mypage-form2 .mentoring-table tbody, 
.mypage-form2 .mentoring-table tr, .mypage-form2 .mentoring-table th, .mypage-form2 .mentoring-table td {display: block;}
.mypage-form2 .mentoring-table thead {display: none;}
.mypage-form2 .mentoring-table tr {margin-bottom: 20px;}
.mypage-form2 .mentoring-table tr:last-child {margin-bottom: 0;}
.mypage-form2 .mentoring-table td {height: auto; line-height: inherit; padding: 0;; text-align: left; border: none;}
.mypage-form2 .mentoring-table td:nth-of-type(1) {color: #333;}
.mypage-form2 .mentoring-table td:nth-of-type(1) dl {display: none;}
.mypage-form2 .mentoring-table td:nth-child(n+3) dl {border-top: none;}
.mypage-form2 .mentoring-table dl {display: table; width: 100%; table-layout: fixed; box-sizing: border-box; border: 1px solid #dae1e6; font-size: 11px;}
.mypage-form2 .mentoring-table dl dt {display: table-cell; width: 95px; height: 35px; padding-left: 10px; box-sizing: border-box; vertical-align: middle; border-right: 1px solid #dae1e6; background-color: #f7f9fa; color: #8c8c8c;}
.mypage-form2 .mentoring-table dl dd {display: table-cell; height: 35px; line-height: 1.5; padding: 0 10px; vertical-align: middle; box-sizing: border-box;}
.mypage-form2 .mentoring-table dl dt.m-full {display: block; width: 100%; padding-top: 10px; border-bottom: 1px solid #dae1e6; border-right: none;}
.mypage-form2 .mentoring-table dl dt.m-full + dd {display: block; height: auto; padding: 10px;}

.btn-arr {display: block; width: 100%; height: 33px; border: 1px solid #dadce0; border-radius: 3px; padding: 0; text-align: center; font-size: 11px;}
.btn-arr:after {margin-top: -3px;}
.btn-border {display: block; width: 100%; margin-bottom: 5px; border-radius: 0; font-weight: 600;}
.btn-border:last-child {margin-bottom: 0;}
.btn-modify {background-color: #ff5000; color: #fff; border-color: #ff5000;}
/* 20210416 멘토링목록 테이블 추가 :: E */

/*활동내역*/
.mypage-activity {
    border-top: 0;
    border-right: 0;    
}
.mypage-activity>.inner {

}
.mypage-activity .row {
    margin-bottom: 12px;
}
.mypage-activity .row .th,
.mypage-activity .row .td {
    height: 35px;
    vertical-align: top;
}
.mypage-activity .row .th {
    border-top-width: 1px;
    width: 95px;
    line-height: 1.5;
}
.mypage-activity .row .th>span {
    font-size: 11px;
    color: #666666;
    font-weight: 400;
    padding-left: 10px;
    padding-top: 10px;
}
.mypage-activity .row .th>span:after {
    display: none;
}
.mypage-activity .row .td {
    border-top-width: 1px;
    border-right-width: 1px;    
    padding: 0px 5px 0px 5px;
    line-height: 1.5;
}
.mypage-activity .row .td>span {
    font-size: 11px;
    padding-left: 10px;
}
.mypage-activity .row .td>.ta-wrap {
    font-size: 11px;
    padding-left: 10px;
}
.mypage-activity .row.m-full {
    display: block;
}
.mypage-activity .row.m-full .td {
    display: block;
    height: auto;
}
.mypage-activity .row.m-full .th {
    display: block;
    width: auto;
    border-bottom-width: 0px;
    border-right-width: 1px;
}

.mypage-activity .row .td .ta-wrap {
    background: #ffffff;
}
.mypage-activity .row .td .ta-wrap>textarea {
    font-size: 11px;
    color: #333333;
    /* line-height: 1.4; */
}
.mypage-activity .row .td .ta-wrap>input[type="text"] {
    font-size: 11px;
    color: #333333;
    /* line-height: 1.4; */
    width: 100%;
}
.btn-area-mypage-activity {
    /* border: 1px dashed red; */
}
.btn-area-mypage-activity>button {
    border-radius: 0 !important;
    display: block;
    width: 100% !important;
    height: 35px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 18px;
    font-size: 14px;
}
.btn-area-mypage-activity>button:last-of-type {
    margin-bottom: 0px;
}

/*내직원현황 - 등록버튼*/
.mypage-tit-btn {
    padding: 0;
    /* padding-bottom: 17px; */
    margin-top: 40px;
    margin-bottom: 12px;
}
.mypage-tit-btn .tit {
    font-size: 15px;
    padding-bottom: 20px;
}
.mypage-tit-btn .btn {
    position: relative;
    float: none;
    border-radius: 0;
    width: 100%;
    margin-top: 20px;
}

.mypage-nodata {
    /* border: 1px solid red; */
}
.mypage-nodata>.view__mo {
    display: block;
}
.mypage-nodata img {
    display: block;
    width: 100%;
}

/*20210308/mklee/devider*/
.mypage-form .row .td .btn {
    height: 37px;
}
.mypage-form .row .td .devider .devider-item.w95-m {
    width: 95px;
}

/*=========== FamilyService ===========*/
.sub-txt-with-desc-family-service {
    margin-top: 50px !important;
    text-align: center;
}
.sub-txt-with-desc-family-service .sub-txt__desc {
    position: relative !important;
}

.familyService-tab {
    margin-top: 50px;
}
.familyService-tab .tab-btn {
    display: block;
    border: 0;
}
.familyService-tab .tab-btn .tab-btn__item {
    width: calc(50% - 5px) !important;
    height: 30px;
    margin-bottom: 5px;
    border: 1px solid #acacac;
    font-size: 12px;
}
.familyService-tab .tab-btn .tab-btn__item.active {
    border: 1px solid #333333;
}
.familyService-tab .tab-btn .tab-btn__item:nth-of-type(2n-1) {
    margin-right: 5px;
}
.familyService-tab .tab-btn .tab-btn__item:nth-of-type(2n) {
    margin-left: 5px;
}
.familyService-tab .tab-btn .tab-btn__item a {
    font-size: 12px;
    line-height: 12px;
    height: 100%;
    line-height: 2.2;
}
.table-type-list .table-type-list-head {
    display: none;
}
.table-type-list .table-type-list-body {
    border-top: 1px solid #dae1e6;
}
.table-type-list .table-type-list-body .item .tit {
    font-weight: 600;
    font-size: 13px;
    width: calc(100% - 100px);
    margin-top: 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;    
}
.table-type-list .table-type-list-body .item .date {
    position: absolute;
    font-size: 11px;
    padding: 0;
    width:  auto;
    top: 13px;
    text-align: right;
    right: 20px;
    color: #8c8c8c;
}
.table-type-list .table-type-list-body .item .writer {
    position: absolute;
    font-size: 11px;
    padding: 0;
    width:  auto;
    top: 35px;
    text-align: right;
    right: 20px;
    color: #8c8c8c;
}

/*paging*/
.ui-paging {

    /*내직원현황 간격/20210217/mklee*/
    /* margin-bottom: 40px; */
    margin-bottom: 25px;
    margin-top: 25px;
}
.ui-paging ul li {
    margin-right: 4px;
}
.ui-paging ul li>button {
	/* width: 23px; */
    min-width: 23px;
	height: 23px;
}

.board-detail {
    margin-top: 80px;
}
.board-detail .board-detail-header {
    padding-left: 0;
    padding-right: 0;    
}
.board-detail .board-detail-tit {
    font-size: 15px;
}
.board-detail .board-detail-date {
    font-size: 14px;
    margin-bottom: 20px;
}
.board-detail .board-detail-con {
    padding-left: 0;
    padding-right: 0;
}
.board-detail .board-detail-con .attach {
}
.board-detail .board-detail-con .attach .attach-item {
    font-size: 14px;
}
.board-detail .board-detail-bottom-btn button {
    border-radius: 0;
    margin: 0;
    float: none !important;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    font-weight: 600;
    height: 35px;
    font-size: 14px;
}
.board-detail .board-detail-bottom-btn button:last-of-type {
    margin-bottom: 0;
}
.family-service-search .condition {
    padding: 20px;
    border: 1px dashed #ebebeb;
    background: #f8f8f8;    
    float: none;
}
.family-service-search .condition-item {
    margin-right: 0 !important;
    width: 100%;
    margin-bottom: 20px;
}
.family-service-search .condition-item:last-of-type {
    margin-bottom: 0;
}
.family-service-search .condition-item .condition-item-label {
    font-size: 11px;
    width: 83px;
    height: 36px;
    line-height: 36px;
    margin-right: 0;
}
.family-service-search .condition-item .condition-item-label:after {
    top: 19px;
}
.family-service-search .condition-item .condition-item-input {
    width: calc(100% - 100px);
}
.family-service-search .condition-item .condition-item-input .ip-sel {
    background: #fff;
}
.family-service-search .btn-area {
    float: none;
    margin-top: 20px;
}
.family-service-search .btn-area>button {
    height: 40px;
    width: 100%;
}
.btn-area-add button {
    background: #ff5000;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    width: 100%;
    margin-top: 20px;
}

.family-service-card-type-list .item {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; 
    margin-top: 20px;
}
.family-service-card-type-list .item:first-of-type {
    margin-top: 8px;
}
.family-service-card-type-list .item .item-header {
    height: 35px;
}
.family-service-card-type-list .item .item-header .tit {
    font-size: 11px;
    height: 35px;
    line-height: 35px;
}
.family-service-card-type-list .item .item-header .btn-go {
    width: 18px;
    height: 18px;
    top: 8px;
    right: 20px;
    background-size: 5px 10px;
}
.family-service-card-type-list .item .item-con .d1>li {
    height: 27px;
}
.family-service-card-type-list .item .item-con .d1>li>.tit {
    font-size: 9px;
    width: 60px;
}
.family-service-card-type-list .item .item-con .d1>li>.txt {
    font-size: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.family-service-form {
    margin-top: 50px; /* 20210402 margin 수정*/
}
.family-service-form>.inner {
    padding: 20px;
}
.family-service-form .row {
    margin-bottom: 10px;
}
.family-service-form .row .cell.th,
.family-service-form .row .cell.td {
    width: 100%;
}
.family-service-form .row .cell.th {
    font-size: 12px;
    min-height: 0;
    margin-bottom: 5px;
}
.family-service-form .row .cell.th>span {
    padding-left: 10px;
}
.family-service-form .row .cell.th>span:after {
    top: 18px;   
}
.family-service-form .info {
    font-size: 11px;
}
.family-service-form .btn-area {
}
.family-service-form .btn-area button {
    border-radius: 0;
    border-width: 1px !important;
    width: 100%;
    height: 35px;
    font-size: 14px;
}
.family-service-form .btn-area button + button {
    margin: 0;
    margin-top: 18px;
}
.family-service-form .agree .txt {
    font-size: 13px;
    line-height: 1.5;
}
.family-service-form .agree label {
    font-size: 13px;
}
.family-service-form .agree input {
    top: 1px;
}
.family-service-form .txt-box {
    font-size: 10px;
}
.family-service-form .txt-box .d1>li {
    margin-bottom: 15px;
}
.family-service-form .txt-box .d1>li .tit {
    margin-bottom: 0px;
}
.family-service-form .txt-box .d2 {
    padding-left: 0px;
}
.family-service-form .btn-area {
    margin-top: 20px;
}

.family-service-form .welcome-tit {
    font-size: 21px;
    margin-bottom: 14px;
}
.family-service-form .welcome-txt {
    font-size: 13px;    
}
.family-service-form .btn-area .btn-go-main {
    color: #fa5900;
    border: 1px solid  #fa5900;    
    width: 125px;
    border-radius: 18px;
    background: #fff;
    height: 36px;
    font-size: 14px;
}
.family-service-form .btn-withdrawal {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    background-position: 188px 11px;
}
.family-service-form .btn-withdrawal:after {
    width: 6px;
    height: 9px;
    background-size: 6px 9px;
}
.family-service-form .row-withdrawal .th {
    width: 164px !important;
}
.family-service-form .row-withdrawal .td {
    width: calc(100% - 164px) !important;
}
.family-service-form .row {
    margin-bottom: 10;
}
.family-service-form .row .cell {
    min-height: 0;
}
.family-service-form.file-type .row .cell.th>span {
    padding-top: 1px;
}
.family-service-form.file-type .row .cell.th>span:after {
    top: 6px;
}

.family-service-form.check-type {
    background: none;
    border: 0;
}
.family-service-form.check-type>.inner {
    padding: 0;
}
.family-service-form.check-type .row {
    margin-bottom: 0;
}
.family-service-form.check-type .row .cell {
    height: 37px;
}
.family-service-form.check-type .row .cell.td label {
    font-size: 11px;
    top: 4px;
    position: relative;
}
.family-service-form.check-type .row .cell.td.with-ip-txt label{
    top: -1px;
}
.family-service-form.check-type .row .cell.td label>input {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    top: 3px;
}
.family-service-form.check-type .row .cell.td .ip-txt {
    height: 35px;
}

.family-service-form.card-type {
    border-radius: 15px;
}
.family-service-form.card-type>.inner {
    padding: 20px;
}
.family-service-form.card-type .row {
    float: none;
    width: 100% !important;
}


.family-service-form .td-list {
    background: none;
    border: 0;
    padding: 0;
    margin-top: 10px;
}
.family-service-form .td-list>ul>li .tit {
    display: block;
    width: auto;
    font-size: 11px;
    color: #999999;
    padding-top: 0px;
    padding-left: 10px;
    margin-bottom: 5px;
}
.family-service-form .td-list>ul>li .tit:after {
    top: 1px;
}
.family-service-form .td-list>ul>li .txt {
    background: lightcyan;
    display: block;
    width: auto;
}

/*20210226/mklee/메인 팝업 슬라이드*/
.pop-cont-main {
    max-width: 9999px;   
}
.pop-cont-main .swiper-button-prev,
.pop-cont-main .swiper-button-next {
    display: none;
}

/*20210302/mklee/패밀리 서비스 - 게시판 - 리스트 - 탭*/
.family-service-cate {
    overflow: hidden;
    border: 1px solid #ebebeb;
    background: #f8f8f8;
    padding: 20px;
}
.family-service-cate .condition {
    overflow: hidden;
}
.family-service-cate .condition .condition-item {
}
.family-service-cate  .condition-item .condition-item-label {
    position: relative;
    font-size: 11px;
    color: #666666;
    width: auto;
    float: left;
    line-height: 2.5;
    padding-left: 10px;
    margin-right: 35px;
    margin-top: 3px;
}
.family-service-cate  .condition-item .condition-item-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}
.family-service-cate  .condition-item .condition-item-input {
    width: calc(100% - 64px);
    float: left;
    font-size: 11px;
}
.family-service-cate  .condition-item .condition-item-input .ip-sel {
    background: #fff;
}

.sub-txt-mt__mo {
    margin-top: 40px;
}

/* 20210401 오렌지톡 버튼 디자인 추가 */
.sub-txt .btn-add-solid {
    position: static;
    width: 100%;
    height: 35px;
    line-height: 31px;
    border-radius: 0;
    border-width: 1px;
    letter-spacing: -0.02em;
    font-size: 14px;
}