@charset "utf-8";

/*************
common
**************/
.por {position: relative}
.poa {position: absolute}

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

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

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

.block__pc {display: block;}

.dim {display:none; width:100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; z-index: 1000; animation: fade-in .5s both;}
.dim--open {display:block;}
.fixscrl {position:fixed; overflow:hidden; width:100%; height:100%;}

/*20210114/mklee*/
@media screen and (min-width:1201px) {
    .pc-w560 {width: 560px !important;}
}

/*=========== font ===========*/
.fcolor01 {color:#fa5900;}
.fcolor02 {color:#ff5000;}
/*20210112/mklee*/
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}
@media screen and (min-width:1201px) {
    .pc-fs11 {font-size: 11px;}
    .pc-fs12 {font-size: 12px;}
    .pc-fs13 {font-size: 13px;}
    .pc-fs14 {font-size: 14px;}
    .pc-fs15 {font-size: 15px;}
    .pc-fs16 {font-size: 16px;}
    .pc-fs17 {font-size: 17px;}
    .pc-fs18 {font-size: 18px;}
    .pc-fs19 {font-size: 19px;}
    .pc-fs20 {font-size: 20px;}
    .pc-fs21 {font-size: 21px;}
    .pc-fs22 {font-size: 22px;}
    .pc-fs23 {font-size: 23px;}
    .pc-fs24 {font-size: 24px;}
    .pc-fs25 {font-size: 25px;}
    .pc-fs26 {font-size: 26px;}
    .pc-fs27 {font-size: 27px;}
    .pc-fs28 {font-size: 28px;}
    .pc-fs29 {font-size: 29px;}
    .pc-fs30 {font-size: 30px;}

    .pc-fw100 {font-weight: 100;}
    .pc-fw200 {font-weight: 200;}
    .pc-fw300 {font-weight: 300;}
    .pc-fw400 {font-weight: 400;}
    .pc-fw500 {font-weight: 500;}
    .pc-fw600 {font-weight: 600;}
    .pc-fw700 {font-weight: 700;}
    .pc-fw800 {font-weight: 800;}
    .pc-fw900 {font-weight: 900;}    
}
.fw100 {font-weight: 100;}
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}
.fw900 {font-weight: 900;}

/*20210112/mklee*/
/*=========== margin ===========*/
@media screen and (min-width:1201px) {
    .pc-mb5 {margin-bottom: 5px;}
    .pc-mb10 {margin-bottom: 10px;}
    .pc-mb15 {margin-bottom: 15px;}
    .pc-mb20 {margin-bottom: 20px;}
    .pc-mb25 {margin-bottom: 25px;}
    .pc-mb30 {margin-bottom: 30px;}
    .pc-mb80 {margin-bottom: 80px;}
}
.mt0 {margin-top: 0px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}

.mr0 {margin-right: 0px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}

.ml0 {margin-left: 0px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}

.p0 {padding: 0px !important;}
.pt25 {padding-top: 25px !important;}

/*=========== button ===========*/
.btn-area {text-align:center;}
.btn-area > button {outline:none;}
.btn-area a + a {margin-left:40px;}

.btn-area button + button {
    /*너무 간격이 넓음(활동내역)/20210217/mklee*/
    /* margin-left:40px; */
    margin-left: 10px;
}

.btn-more {display:inline-block; width:200px; font-size:16px; font-weight:600; color:#fff; background:#6c1492 url(../images/common/ico/ico_more.png) no-repeat; background-size:24px; background-position:top 11px right 13px; padding:12px 50px 14px 26px; box-sizing:border-box; border-radius:22px; line-height:1.3;}
.btn-more02 {display:inline-block; width:186px; font-size:16px; font-weight:600; color:#6c1492; border-radius:34px; border:2px solid #6c1492; padding:25px 0; background:#fff; text-align:center;}
.btn-more02--org {color:#fa5900; border:2px solid #fa5900;}
.btn-deactive .btn-more02 {background:#d9d9d9; color:#fff; border:2px solid #d9d9d9; cursor:default;}
.btn-normal {display:inline-block; padding:12px 30px 14px 30px; border:1px solid #acacac; color:#262626; font-size:16px; font-weight:500;}
.btn-normal02 {display:inline-block; padding:12px 22px; color:#fff; background:#ff5000; font-size:16px; font-weight:400;}
@media screen and (min-width:1201px) { 
    .btn-more02:hover {background:#6c1492; color:#fff;}
    .btn-more02--org:hover {background:#fa5900; color:#fff;}
    .btn-deactive .btn-more02:hover {background:#d9d9d9;}
    .btn-normal:hover {background:#333; border:1px solid #333; color:#fff;}
}

/*버튼 가이드 추가/20210112/mklee*/
.btn-round {
    display:inline-block; 
    width:186px; 
    font-size:16px; 
    font-weight:600; 
    border-radius:34px; 
    background:#fff; 
    text-align:center;
    border-style: solid;
    border-width: 2px;
}
.btn-round.pc-70 {
    padding:25px 0;
}
.btn-round.pc-56 {
    height: 56px;
    line-height: 0;    
}
.btn-round.pc-r32 {
    height: 32px;
    line-height: 1.3;
    width: 86px;
    font-size: 14px;
    border-radius: 5px;
    border-width: 1px;
}

.btn-round.btn-orange {
    color:#fa5900; 
    border-color:#fa5900;    
}
.btn-round.btn-orange-solid {
    background:#fa5900;
    color:#fff; 
    border-color:#fa5900;    
}
.btn-round.btn-gray {
    background:#fff;
    color:#666666;
    border-color:#dddddd;
}
.btn-round.btn-gray2 {
    background:#efefef;
    color:#666666;
    border-color:#cccccc;
}
.btn-round.btn-dark-gray-solid {
    background:#333333;
    color:#fff; 
    border-color:#333333;
}
/*
.btn-round.btn-small {
    height: 54px;
    line-height: 0;
    margin-left: 10px;
}
*/
.btn-round.btn-small:first-of-type {
    margin-left: 0;
}


.btn-rectangle {
    display:inline-block; 
    width:111px; 
    height: 52px;
    font-size:14px; 
    font-weight:400; 
    background:#fff; 
    text-align:center;
    border-style: solid;
    border-width: 1px;
}
.btn-rectangle.btn-orange {
    color:#fa5900; 
    border-color:#fa5900;   
}
.btn-rectangle.btn-orange-solid {
    background:#fa5900;
    color:#fff; 
    border-color:#fa5900;  
}
.btn-rectangle.btn-dark-gray-solid {
    background:#333;
    color:#fff; 
    border-color:#333;  
}
.btn-rectangle.btn-gray {
    background:#fff;
    color:#8c8c8c;
    border-color:#dddddd;    
}
.btn-rectangle.btn-block {
    width: 100%;
}

/*20210112/mklee*/
/*=========== advice ===========*/
.advice {
    width: 100%;
}
.advice li {
    position: relative;
    color: #8c8c8c;
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 5px;
    padding-left: 10px;
}
.advice li:after {
    position: absolute;
    top: 10px;
    left: 3px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #8c8c8c;
}

/*=========== input ===========*/
/* check box */
.chk-area {position:relative;}
.input-chk {width:1px; height:1px; position:absolute; top:0; left:0; opacity:0;}
.input-chk + label {color:#999; font-size:14px; font-weight:500; padding-left:28px; line-height:17px; cursor:pointer;} 
.input-chk + label::before {content:''; width:18px; height:18px; position:absolute; top:0; left:0; background:url(../images/common/img_chk.png) no-repeat; background-size:contain;}
.input-chk:checked + label::before {background:url(../images/common/img_chk_on.png) no-repeat; background-size:contain;}

/*=========== tab ===========*/
.seltab-btn {display:none;}
.tab-btn {border-bottom:4px solid #333; margin-bottom:20px;}
.tab-btn::after {content:''; display:block; clear:both;}
.tab-btn__item {float:left; width:25%; border-width:1px 1px 0 0; border-style:solid; border-color:#dadada; box-sizing:border-box;}
.tab-btn--num02 .tab-btn__item {width:50%;}
.tab-btn--num05 .tab-btn__item {width:20%;}
.tab-btn__item:first-child {border-width:1px 1px 0 1px; border-color:#dadada;}
.tab-btn__item.active {border-color:#333; background:#333;}
.tab-btn__item.active > a {color:#fff;}
.tab-btn__item > a {display:block; width:100%; height:66px; font-size:20px; line-height:66px; text-align:center;}
.tab-cont .tab-cont__item:first-child {display:block;}
.tab-cont__item {display:none; animation: fade-in .5s both;}

/*small tab 추가/mklee/20210112*/
.tab.small .tab-btn{
    border-bottom: 2px solid #ff5000;
    display: table;
    table-layout: fixed;
    width: 100%;    
}
.tab.small .tab-btn>ul{
    overflow: hidden;
    display: table-row;
    width: 100%;       
}
.tab.small .tab-btn .tab-btn__item{
    position: relative;
    float: none;
    display: table-cell;
    height: 100%;  
    float: none;
    background: #f8f8f8;
    border-color: #f8f8f8;
}
.tab.small .tab-btn .tab-btn__item.active{
    z-index: 2;
    background: #ffffff;
    border-color: #f8f8f8;    
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1)
}
.tab.small .tab-btn .tab-btn__item>a{
    height: 48px;
    font-weight: 600;
    font-size: 16px;
    line-height: 48px;    
    color: #cccccc;    
}
.tab.small .tab-btn .tab-btn__item.active>a{
    color: #ff5000;    
}

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

/*20110112/mklee*/
/*=========== link-list ===========*/
.link-list {
    font-size: 0;
    text-align: center;
    margin-bottom: 20px;
}
.link-list li {
    position: relative;
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    margin-left: 10px;
}
.link-list li:last-of-type {
    margin-right: 0;
}
.link-list li:after {
    position: absolute;
    top: 0;
    right: -10px;
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #dddddd;
}
.link-list li:last-of-type:after {
    display: none;
}

.link-list li a {
    text-decoration: underline;
}
/*20110112/mklee*/
/*=========== input ===========*/
.txt-input {
    display: block;
    width: calc(100% - 46px);
    height: 52px;
    padding: 0 23px;
    margin: 0;
    background: #f8f8f8;
    border: 0;
    font-size: 14px;
}

/*=========== accordion menu ===========*/
.acco__cont {display:none;}

/*=========== pagination ===========*/
.pagination {text-align:center;}
.pagination::after {content:''; display:block; clear:both;}
.pagination > ul {display:inline-block;}
.pagination__list {float:left; margin-right:10px; border:1px solid #868686; text-align:center;}
.pagination__list:last-child {margin-right:0;}
.pagination__list > a {display:block; width:30px; height:30px; font-size:11px; color:#989898; padding:9px 0 10px; box-sizing:border-box;}
.pagination__list:hover > a {color:#fff; background:#868686;}
.pagination__list--arwll > a {text-indent:-9999px; overflow:hidden; background:url(../images/common/ico/ico_arw_left01.png) center no-repeat;}
.pagination__list--arwll:hover > a {background:#868686 url(../images/common/ico/ico_arw_left01_on.png) center no-repeat;}
.pagination__list--arwl > a {text-indent:-9999px; overflow:hidden; background:url(../images/common/ico/ico_arw_left02.png) center no-repeat;}
.pagination__list--arwl:hover > a {background:#868686 url(../images/common/ico/ico_arw_left02_on.png) center no-repeat;}
.pagination__list--arwrr > a {text-indent:-9999px; overflow:hidden; background:url(../images/common/ico/ico_arw_right01.png) center no-repeat;}
.pagination__list--arwrr:hover > a {background:#868686 url(../images/common/ico/ico_arw_right01_on.png) center no-repeat;}
.pagination__list--arwr > a {text-indent:-9999px; overflow:hidden; background:url(../images/common/ico/ico_arw_right02.png) center no-repeat;}
.pagination__list--arwr:hover > a {background:#868686 url(../images/common/ico/ico_arw_right02_on.png) center no-repeat;}


/*=========== container ===========*/
.btnfix {position:relative;}
.content {position:relative; width:100%; max-width:1220px; height:100%; margin:0 auto; padding:0 30px; box-sizing:border-box;}
.main .content {padding:100px 30px 0 30px;}
.content--sub {padding:0 20px;}
.content__inner {position:relative; height:100%;}
.content__center {position:absolute; top:50%; transform:translateY(-50%); width:100%; box-sizing:border-box;}
.content__wide {position:relative; width:100%; max-width:1440px; height:100%; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.content__center.content__center--auto-w {left:50%; transform:translate(-50%, -50%); width:auto;}

/*=========== header ===========*/
.header {
    position:fixed; 
    width:100%; 
    z-index:1000; 
    transition:background .4s; 
    box-sizing:border-box;

    /*회원가입페이지에서 헤더 문제/20210125/mglee*/
    top: 0px;
}
.header.hstyle {background:#fff; border-bottom:1px solid #e7e7e7;}

/*헤더스타일/20210216/mglee*/
@media screen and (min-width:1201px) {.hstyle.scroll-top {background: none; border-bottom: 0;}}


/* 2021-09-02 수정 :: S */
.header__area {position:relative; padding:35px 40px 13px;}
h1 {float:left; position:relative; z-index:10000;}
.header__logo {display:block; width:136px; height:54px; text-indent:-9999px; overflow:hidden; background:url(../images/common/logo.png) no-repeat; background-position:0 0; margin-top: -3px;}
.hstyle .header__logo {background-position:0 -54px;}
/* 2021-09-02 수정 :: E */
@media screen and (min-width:1201px) {.hstyle.scroll-top .header__logo {background-position:0 0;}}

.gnb {position:absolute; top:36px; right:40px; font-weight:600;}
.gnb a {transition:margin .4s;}
.gnb__list {float:left;}
.gnb__list__item {float:left;}
.gnb__list__item > a {display:block; color:#fff; padding:16px 20px 21px;}
.hstyle .gnb__list__item > a {color:#222;}
@media screen and (min-width:1201px) {.hstyle.scroll-top .gnb__list__item > a {color:#fff;}}

/* 20210503 gnb__languages 추가 :: S */
.gnb__languages {position: relative; float: left; margin-left: 9px; padding-left: 31px; padding-right: 14px; }
.gnb__languages:before {display: inline-block; content:''; position: absolute; left: 0; top: 14px; width: 1px; height: 20px; background-color: rgba(255,255,255,0.2);}
.gnb__languages li {float: left; padding: 16px 0 21px; font-size: 13px;}
.gnb__languages li:after {display: inline-block; content:'/'; margin: 0 3px; color: #fff;}
.gnb__languages li:last-child:after {display: none;}
.gnb__languages li a {color: #fff;}
.gnb__languages li a:hover, .gnb__languages li a.active {color: #fa5900 !important;} /* 20210511 active 추가 */
/* 20210510 추가 :: S */
@media screen and (min-width:1201px) {
    .hstyle.scroll-top .gnb__languages:before {background-color: rgba(255,255,255,0.2);}
    .hstyle.scroll-top .gnb__languages li:after {color:#fff;}
    .hstyle.scroll-top .gnb__languages li a {color:#fff;}
}
/* 20210510 추가 :: E */
.hstyle .gnb__languages:before {background-color: rgba(34,34,34,0.2);}
.hstyle .gnb__languages li:after {color: #222;}
.hstyle .gnb__languages li a {color:#222;}
.sitemap .gnb__languages {display: none;}
/* 20210503 gnb__languages 추가 :: E */

.gnb__list__item:hover > a {color:#fff; background:#000;}
.gnb__sub {display:none; width:180px; position:absolute; background:#000; padding:16px 0 9px; box-sizing:border-box;}
.gnb__list__item:hover .gnb__sub {display:block;}
.gnb__sub__item > a {display:block; width:100%; font-size:13px; font-weight:600; color:#fff; padding:14px 0 14px 20px; box-sizing:border-box;}
.gnb__sub__item:hover > a {color:#fa5900;}
.gnb__utilmenu {display:none;}
.gnb__logmenu {float:left; position:relative; padding-left:20px;}
.gnb__logmenu::before {content:''; width:1px; height:20px; position:absolute; top:14px; left:10px; background-color:rgba(256,256,256,.2);}
.hstyle .gnb__logmenu::before {background-color:rgba(0,0,0,.2);}
.gnb__logmenu__item {float:left; color:#fff;}
.gnb__logmenu__item > a {display:block; position:relative; color:#fff; padding:16px 20px 21px 44px;}
.gnb__logmenu__item:first-child > a::before {content:''; display:inline-block; width:16px; height:16px; position:absolute; top:15px; left:20px; background:url(../images/common/ico/ico_join_w.png) no-repeat; margin-right:9px;}
.gnb__logmenu__item:last-child > a::before {content:''; display:inline-block; width:15px; height:16px; position:absolute; top:15px; left:20px; background:url(../images/common/ico/ico_login_w.png) no-repeat; margin-right:9px;}
.hstyle .gnb__logmenu__item > a {color:#222;}
@media screen and (min-width:1201px) {.hstyle.scroll-top .gnb__logmenu__item > a {color:#fff;}}

.hstyle .gnb__logmenu__item:first-child > a::before {background:url(../images/common/ico/ico_join_b.png) no-repeat;}
.hstyle .gnb__logmenu__item:last-child > a::before {background:url(../images/common/ico/ico_login_b.png) no-repeat;}
@media screen and (min-width:1201px) {
    .hstyle.scroll-top .gnb__logmenu__item:first-child > a::before {background:url(../images/common/ico/ico_join_w.png) no-repeat;}
    .hstyle.scroll-top .gnb__logmenu__item:last-child > a::before {background:url(../images/common/ico/ico_login_w.png) no-repeat;}    
}

.gnb__logmenu__item:hover > a {color:#fa5900;}
.gnb__btn {float:left; width:50px; height:50px; box-sizing:border-box; padding:16px 13px 16px 14px; margin-left:13px;}
.gnb__btn--menu {display:inline-block; position:relative; width:100%; height:4px; vertical-align:middle; background-color:#fff; transition:background 0.4s; border-radius:2px;}
.gnb__btn--menu::before { content:''; position:absolute; left:0; right:0; top:-7px; height:4px; background-color:#fff; transition:all .4s; border-radius:2px;}
.gnb__btn--menu::after { content:''; position:absolute; left:0; right:0; top:7px; height:4px; background-color:#fff; transition:all .4s; border-radius:2px;}
.hstyle .gnb__btn--menu, .hstyle .gnb__btn--menu::before, .hstyle .gnb__btn--menu::after {background-color:#222;}
@media screen and (min-width:1201px) {.hstyle.scroll-top .gnb__btn--menu, .hstyle.scroll-top .gnb__btn--menu::before, .hstyle.scroll-top .gnb__btn--menu::after {background-color:#fff;}}

@media screen and (min-width:1201px) {.gnb__btn:hover .gnb__btn--menu, .gnb__btn:hover .gnb__btn--menu::before, .gnb__btn:hover .gnb__btn--menu::after {background-color:#fa5900;}}
.gnb__recomenu {float:left; margin-left:15px;}
.gnb__recomenu__item {float:left; text-align:center;}

/*20201223/mklee/'멘토링'추가 및 나머지 버튼 변경*/
.gnb__recomenu__item--fmly {width:124px; height:50px; background:#fff; box-sizing:border-box; border: 1px solid #e5e5e5;}
.gnb__recomenu__item--fmly > a {display:block; color:#666; line-height:50px;}
.gnb__recomenu__item--fmly:hover > a {background:#eee;}
.sitemap .gnb__recomenu__item--fmly {
    background: #646464;
    border: 0;
}
.sitemap .gnb__recomenu__item--fmly > a {
    color: #fff;
}

.gnb__recomenu__item--metr {width:124px; height:50px; background:#666; box-sizing:border-box;}
.gnb__recomenu__item--metr > a {display:block; color:#fff; line-height:50px;}
.gnb__recomenu__item--metr:hover > a {background:#777;}
.sitemap .gnb__recomenu__item--metr {
    background: #363636;
}

.gnb__recomenu__item--aply {width:98px; height:50px; background:#fa5900;}
.gnb__recomenu__item--aply:hover {background:#ff7122;}
.gnb__recomenu__item--aply > a {display:block; color:#fff; line-height:50px;}
/* .sitemap */

.gnb__copyright {display:none;}
.gnb__family-site {display:none;}

.sitemap {overflow:hidden; height:100vh;}
.sitemap .hstyle .header__logo {background-position:0 0;}
.sitemap .gnb {position:fixed; top:0; left:0; right:auto; width:100%; height:100%; background:#000 url(../images/main/gnb_bg.png) 0 0 no-repeat; background-size:43%; box-sizing:border-box; animation: fade-in .5s both;}

/*20201223/mklee/보더 삭제*/
/* 20210503 display 주석, padding 주석, border 추가 */
.sitemap .gnb__list {/*display:flex;*/ justify-content:space-between; width:934px; float:none; margin:0 auto; /*padding-bottom:66px;*/ padding-top:calc(50vh - 230px); /*border-bottom:1px solid #2c2c2c;*/ border-bottom: 1px solid #2c2c2c;}

.sitemap .gnb__list__item {margin-right:80px;}
.sitemap .gnb__list__item:last-child {margin-right:0;}
.sitemap .gnb__list__item > a {font-size:30px; font-weight:600; border-bottom:0; padding:0; margin-bottom:26px;}
.sitemap .hstyle .gnb__list__item > a {color:#fff;}
.sitemap .gnb__list__item:hover > a {border-bottom:0; background:none;}
.sitemap .gnb__sub {display:block; width:auto; position:static; background:none;}
.sitemap .gnb__sub__item > a {font-size:16px; color:#999; padding:12px 0;}
.sitemap .gnb__sub__item:hover > a {color:#fa5900;}
.sitemap .gnb__utilmenu {width:934px; display:block; margin:0 auto; padding-top:36px;}
.sitemap .gnb__utilmenu__item {float:left; margin-right:38px; color:#666;}
.sitemap .gnb__utilmenu__item:last-child {margin-right:0;}
.sitemap .gnb__utilmenu__item > a {
    font-size:14px; 
    color:#666; 
    /* font-weight:600; */
    font-weight:400;
}
.sitemap .gnb__utilmenu__item > a:hover, .sitemap .gnb__utilmenu__item > a.active {color: #fa5900;} /* 20210503 추가 */  /* 20210511 active 추가 */
.sitemap .gnb__utilmenu__item.bold > a {
    font-weight:600;
}

.sitemap .gnb__logmenu {position:absolute; top:36px; right:100px;}
.sitemap .gnb__logmenu::before {content:none;}
.sitemap .hstyle .gnb__logmenu::before {background-color:rgba(256,256,256,.2);}
.sitemap .hstyle .gnb__logmenu__item > a {color:#fff;}

/*20201223/mklee/sitemap모드에서는 아이콘 없음*/
.sitemap .gnb__logmenu__item > a::before {display: none;}

/*20201223/mklee/sitemap모드에서도 등장-->삭제*/
/* .sitemap .gnb__recomenu {display:none;} */

/*20201223/mklee/'멘토링'추가*/
/*삭제*/
/*
.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 {
    display: block;
    float: none;
    width: 930px;
    margin: 0 auto;
    padding-bottom: 30px;
    overflow: hidden;
    border-bottom: 1px solid #2c2c2c;
}
.sitemap .gnb__recomenu .gnb__recomenu__item {
    width: 31.184%;
    margin-right: 30px;
}
.sitemap .gnb__recomenu .gnb__recomenu__item.gnb__recomenu__item--aply {
    margin-right: 0;
}

.sitemap .gnb__btn {position:absolute; top:36px; right:50px; margin-left:0;}
.sitemap .gnb__btn--menu {background:transparent;}
.sitemap .gnb__btn--menu::before {top:50%; transform:rotate(45deg);}
.sitemap .gnb__btn--menu::after { top:50%; transform:rotate(-45deg);}
.sitemap .hstyle .gnb__btn--menu {background-color:transparent;}
.sitemap .hstyle .gnb__btn--menu::before, .sitemap .hstyle .gnb__btn--menu::after {background-color:#fff;}
.sitemap .gnb__btn:hover .gnb__btn--menu {background-color:transparent;}
.sitemap .gnb__btn:hover .gnb__btn--menu::before, .sitemap .gnb__btn:hover .gnb__btn--menu::after {background-color:#fff;}
.sitemap .gnb__copyright {display:block; position:absolute; bottom:153px; left:50px; color:#555;}
.sitemap .gnb__family-site {display:block; width:100%; position:fixed; bottom:0; background:#fff; padding:44px 0 42px 49px;}
.sitemap .gnb__family-site__tit {color:#fa5900; float:left; margin-right:70px;}
.sitemap .gnb__family-site__tit::before {content:''; display:inline-block; width:25px; height:14px; background:url(../images/main/ico_family.png) no-repeat; margin-right:11px; vertical-align: middle;}
.sitemap .gnb__family-site__list {float:left;}
.sitemap .gnb__family-site__list li {display:inline-block; margin-right:36px;}
.sitemap .gnb__family-site__list li:last-child {margin-right:0;}

@keyframes fade-in { 0% { opacity:0; } 100% {opacity:1;} }

/*=========== footer ===========*/
.footer {position:relative; border-top:1px solid #ddd; margin-top:160px;}
.main footer {margin-top:0;}
.footer__inner {position:relative; background:url(../images/common/logo_footer.png) no-repeat; background-position:40px 83px; padding:35px 0 40px 230px;} /* 2021-09-02 수정 */
.footer__menu {margin-bottom:23px;}
.footer__menu__item {float:left;}
.footer__menu__item > a {
    display:block; padding:10px 15px; font-size:13px; color:#666;
    font-weight: 400;
}
.footer__menu__item.bold > a {
    font-weight: 600;
}

.footer__menu__item:first-child > a {padding:10px 15px 10px 0;}
.footer__info {float:left; margin-bottom:28px; color:#999;}
.footer__info--site01 {margin-right:40px;}
.footer__info__tit {font-size:14px; margin-bottom:7px;}
.footer__info__ad {font-size:12px; margin-bottom:7px;}
.footer__info__num {font-size:12px;}
.footer__info__num > span {margin-right:15px;}
.footer__info__num > span:last-child {margin-right:0;}
.footer__copyright > p {font-size:12px; color:#999;}
.footer__right-area {position:absolute; right:40px; bottom:40px;}
.footer__family-site {position:relative; font-size:13px; color:#666; margin-bottom:34px;}
.footer__family-site__btn {display:block; position:relative; width:230px; height:30px; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; font-size:13px; color:#666; padding-left:14px; line-height:28px; z-index:10;}
.footer__family-site__btn::after {content:''; display:inline-block; position:absolute; top:13px; right:12px; border-bottom:4px solid #666; border-right:4px solid transparent; border-left:4px solid transparent; border-top:0; box-sizing:border-box;}
.footer__family-site__list {width:100%; position:absolute; bottom:29px; padding:10px 14px; box-sizing:border-box; background:#f7f7f7; border:1px solid #ddd; display:none;}
.footer__family-site__list.open {display:block;}
.footer__family-site__list li > a {display:block; padding:6px 0; color:#666;}
.footer__family-site__list li:hover > a {color:#ff5000;}
.footer__sns__item {float:left; margin-right:24px;}
.footer__sns__item > a {display:block; text-indent:-9999px; overflow:hidden; height:33px;}
.footer__sns__item:nth-child(1) > a {width:14px; background:url(../images/common/ico/ico_sns01.png) no-repeat; background-position:center 0;}
.footer__sns__item:nth-child(2) > a {width:32px; background:url(../images/common/ico/ico_sns02.png) no-repeat; background-position:center 4px;}
.footer__sns__item:nth-child(3) > a {width:29px; background:url(../images/common/ico/ico_sns03.png) no-repeat; background-position:center 5px;}
.footer__sns__item:nth-child(4) > a {width:30px; background:url(../images/common/ico/ico_sns04.png) no-repeat; background-position:center 0;}
.footer__sns__item:nth-child(5) > a {width:29px; background:url(../images/common/ico/ico_sns05.png) no-repeat; background-position:center 1px;}
.footer__sns__item:last-child {margin-right:0;}
.top-btn {display:none; position:fixed; right:30px; bottom:0; margin-bottom:50px; z-index:99; animation: fade-in .4s both;}
.top-btn > a {display:block; text-indent:-9999px; overflow:hidden; width:60px; height:60px; background:url(../images/common/btn_top.png) no-repeat; background-size:100%;}
.btnfix .top-btn {position:absolute;}
.tshow .top-btn {display:block;}

/*=========== popup ===========*/
.pop-cont {
    display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; z-index:1001;
    
    /*width제한/20210226/mklee*/
    max-width: 500px;    
    min-width: 100px;
    min-height: 100px;
}
.pop-cont img {
    width:100%;
}
.pop-cont--open {display:block;}
.pop-cont__btn {position:relative; background:#333; padding:18px 20px;}
.pop-btn__close {position:absolute; top:15px; right:20px; background:transparent; padding:0;}

/* 20210401 sample 팝업 클래스 추가 */
.pop-cont.sample__pop {
    max-width: 560px;
}

/*general 팝업 가이드 추가/2021.01.12/mklee*/
.pop-cont.general__pop {
    /* border: 1px dashed red; */
    background: #fff;
    width: 500px;
    border-radius: 5px;
}
.pop-cont.general__pop .btn-area {
    margin-top: 30px;
    margin-bottom: 30px;
}
.pop-cont.general__pop .pop-cont-main {
    padding: 72px 56px 40px 56px;
    overflow-y: auto;

    /*20210225/mklee/팝업이 내용이 많을때 상하가 잘리는 현상*/
    max-height: 650px;

}
.pop-cont.general__pop .pop-cont-main.scroll {
    max-height: 500px;
}
/* 20210401 advice 팝업 클래스 추가 */
.pop-cont.general__pop .pop-cont-main.advice__pop {
    border-top: 1px solid #e6e8eb;
    padding: 20px 0 30px;
}
.pop-cont.general__pop .pop-cont-main .title {
    padding: 13px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff5000;
    font-weight: 600;
    font-size: 16px;
}
.pop-cont.general__pop .pop-cont-header {
    display: block;
    position: relative;
    background:#fff;
    height:72px;
    border-bottom: 1px solid #e7e7e7;
    text-align: left;
    margin: 0 30px;
    overflow: hidden;
}
.pop-cont.general__pop .pop-cont-header>.pop-cont-header-tit {
    font-size: 16px;
    font-weight: 600;
    margin-top: 27px;
}
.pop-cont.general__pop .pop-cont-header .btn-close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url(../images/common/ico/ico_close.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
.general__pop .form .row {
    overflow: hidden;
    min-height: 48px;
    margin-bottom: 15px;
}
.general__pop .form .row .th {
    width: 117px;
    float: left;
    min-height: 48px;    
    color: #666666;
    font-size: 16px;
    /* background: pink; */
}
.general__pop .form .row .th>.txt {
    position: relative;
    padding-top: 14px;
    padding-left: 14px;
    display: inline-block;
    font-size: 16px;
}
.general__pop .form .row .th>.txt:after {
    position: absolute;
    top: 21px;
    left: 0px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fa5900;
}
/* 20210401 th 텍스트 스타일 추가 :: S */
.general__pop .form .row .th>.txt-has-small {
    padding-top: 5px;
}
.general__pop .form .row .th>.txt-has-small:after {
    top: 13px;
}
.general__pop .form .row .th>.txt small {
    display: block;
    color: #8c8c8c;
    font-size: 13px;
    letter-spacing: -0.05em;
    margin-top: 5px;
}
/* 20210401 th 텍스트 스타일 추가 :: E */
.general__pop .form .row .td {
    width: calc(100% - 117px);
    float: left;
    min-height: 48px;
}
.general__pop .form .row .td input[type=text] { 
    border: 1px solid #dddddd;
    background: #f7f7f7;
    font-size: 16px;
    width: calc(100% - 50px);
    height: 46px;
    padding: 0 24px;
}
/* 20210401 td 텍스트 스타일 추가 :: S */
.general__pop .form .row .td .txt_box { 
    border: 1px solid #dddddd;
    background-color: #f7f7f7;
    padding: 13px 24px;
    line-height: 1.6;
    font-size: 16px;
}
.general__pop .form .row .td .txt_box ol > li {
    position: relative;
    padding-left: 15px;
}
.general__pop .form .row .td .txt_box ol > li > span {
    position: absolute;
    left: 0;
    top: 0;
}
.general__pop .form .row .td .txt_box ul > li {
    position: relative;
    padding-left: 8px;
}
.general__pop .form .row .td .txt_box ul > li:before {
    display: inline-block;
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
/* 20210401 td 텍스트 스타일 추가 :: E */
.general__pop .sub-header {
    display: block;
    position: relative;
    background: #fff;
    height: 72px;
    border-bottom: 1px solid #e7e7e7;
    text-align: left;
    overflow: hidden;
}
.general__pop .sub-header>.tit {
    font-size: 16px;
    font-weight: 600;
    margin-top: 27px;
}
.general__pop .sub-header .btn-toggle {
    position: absolute;
    top: 21px;
    right: 0px;
    width: 30px;
    height: 30px;    
    cursor: pointer;
    background: url(../images/common/ico/ico_arrow_down.png) no-repeat 50% 50%;
}
.general__pop .sub-header .btn-toggle.active {
    background-image: url(../images/common/ico/ico_arrow_up.png);
}
.general__pop .selected-member {
    height: 39px;
    overflow: hidden;
    margin-bottom: 40px;
}
.general__pop .selected-member .tit {
    position: relative;
    color: #666666;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    float: left;
    margin-right: 30px;
    padding-left: 14px;
}
.general__pop .selected-member .tit:after {
    position: absolute;
    top: 21px;
    left: 0px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fa5900;
}
.general__pop .selected-member .email {
    position: relative;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    color: #b3b3b3;
    border-bottom: 1px solid #dddddd;
    margin-right: 20px;
    width: calc(100%  - 230px);
}
.general__pop .selected-member .name {
    position: relative;
    float: left;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    color: #b3b3b3;
    border-bottom: 1px solid #dddddd;
    width: 93px;
}
.general__pop .selected-member .email:after,
.general__pop .selected-member .name:after {
    display: none;
    content: "";
    position: absolute;
    top: 10px;
    right: 0px;
    width: 18px;
    height: 18px;
    /* border: 1px solid red; */
    background: url(../images/common/ico/ico_check.png) no-repeat;
}
.general__pop .selected-member .email.active:after,
.general__pop .selected-member .name.active:after {
    display: block;
}
.general__pop .mapping-search {
    font-size: 0;
    margin-top: 24px;
    margin-bottom: 24px;
    overflow: hidden;
}
.general__pop .mapping-search input {
    border: 1px solid #dddddd;
    background: #f7f7f7;
    font-size: 16px;
    height: 46px;
    padding: 0 24px;
    float: left;
}
.general__pop .mapping-search input.name {
    width: 100px;
    margin-right: 12px;
}
.general__pop .mapping-search input.id {
    width: calc(100% - 288px);
}
.general__pop .mapping-search .btn-search {
    color: #fff;
    background: #595959;
    width: 76px;
    height: 48px;
    border: 0;
    float: left;
}
.general__pop .mapping-list table thead th {
    border: 1px solid #dae1e6;
    background: #f7f9fa;
    color: #8c8c8c;
    font-size: 14px;
    height: 48px;
}
.general__pop .mapping-list table tbody td {
    border: 1px solid #dae1e6;
    background: #fff;
    font-size: 14px;
    height: 48px;
    padding-left: 20px;
    padding-right: 20px;
}
.general__pop .mapping-list table tbody td.center {
    text-align: center;
}
.general__pop .mapping-list table tbody td a {
    font-size: 14px;
    color: #34528c;
    text-decoration: underline;
}

/*새로운매핑 리스트*/
.mapping-list {
    /* border: 1px dashed red; */
    border: 1px solid #dae1e6;
    overflow: hidden;
}
.mapping-list ul {
    
}
.mapping-list ul li {
    
}
.mapping-list ul li .tit-row {
    display: none;
    width: 100%;
    table-layout: fixed;
    background: #f7f9fa;
}
.mapping-list ul li:first-of-type .tit-row {display: table;}
.mapping-list ul li .tit-row .tit {
    display: table-cell;
    text-align: center;
    font-size: 14px;
    color: #8c8c8c;
    font-weight: 600;
    height: 48px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;    
    border-right: 1px solid #dae1e6;
}
/* .mapping-list ul li .tit-row .tit:nth-of-type(1) {width: 100px;} */
.mapping-list ul li .tit-row .tit:nth-of-type(2) {width: 110px;}
.mapping-list ul li .tit-row .tit:nth-of-type(3) {width: 60px; border-right: 0;}

.mapping-list ul li .txt-row {
    display: table;
    width: 100%;
    table-layout: fixed;    
    border-bottom: 1px solid #dae1e6;    
}
.mapping-list ul li:last-of-type .txt-row {
    border-bottom: 0;
}
.mapping-list ul li .txt-row .txt {
    display: table-cell;
    text-align: left;    
    height: 48px;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #dae1e6;
}
.mapping-list ul li .txt-row .txt:nth-of-type(2) {width: 110px; text-align: center;}
.mapping-list ul li .txt-row .txt:nth-of-type(3) {width: 60px; text-align: center; border-right: 0;}
.mapping-list ul li .txt-row .txt button {
    background: none;
    color: #34528c;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    outline: 0;
}

.mapping-btn-area {
    /* border: 1px dashed red; */
}
.mapping-btn-area .btn {
    width: 86px;
    height: 32px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
}
.mapping-btn-area .btn.btn-gray {
    background: #efefef;
    color: #1c1c1c;
    border: 1px solid #cccccc;
}
.mapping-btn-area .btn.btn-orange {
    background: #fff;
    color: #e64900;
    border: 1px solid #e64900;
}




.general__pop .bottom-btn-area {
    padding: 30px;
}
.general__pop .bottom-btn-area .btn{
    width: 100%;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #ff5000;
    border-radius: 3px;
}

@media screen and (min-width:1201px) {
    .pop-cont.general__pop .pop-cont-header>.pop-cont-header-btn {
        position: absolute;
        top: 26px;
        right: 25px;        
        width: 30px;
        height: 30px;
        background: url(../images/common/ico/ico_close.png) no-repeat 50% 50%;
        text-indent: -9999px;        
    }   
    .pop-cont.general__pop .btn-area button + button {
        margin-left: 10px;    
    }
}

/*개인정보처리방침 팝업*/
.pop-cont.general__pop2 {
    background: #fff;
    width: 550px;
    /* min-height: 80%; */
    /* max-height: 80%; */
    border-radius: 5px;
}
.pop-cont.general__pop2 .normal-txt {/*20210326*/
    line-height:1.5;
    margin-bottom:18px;
    font-size: 15px;
    font-weight: 400;
    color:#595959;
}
.pop-cont.general__pop2 .btn-area {
    margin-top: 30px;
    margin-bottom: 30px;
}
.pop-cont.general__pop2 .pop-cont-main {
    padding: 40px 30px 40px 30px;
    /* max-height: 500px; */
    height: 500px;
    overflow-y: auto;
}

.pop-cont.general__pop2 .pop-cont-main .tit {
    font-size: 15px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 18px;
    line-height: 1.3;
}
.pop-cont.general__pop2 .pop-cont-main .tit-sub {
    font-size: 15px;
    font-weight: 600;
    color: #595959;
    margin-bottom: 18px;
    line-height: 1.3;        
}
.pop-cont.general__pop2 .pop-cont-main .tit-sub.tit-sub--light {
    font-weight: 500;
}
.pop-cont.general__pop2 .pop-cont-main .txt-list {
    margin-bottom: 20px;/*20210326*/
}
.pop-cont.general__pop2 .pop-cont-main .txt-list>li {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: #595959;   
    margin-bottom: 18px;    
    line-height: 1.3;    
    padding-left: 10px;
}
.pop-cont.general__pop2 .pop-cont-main .txt-list>li:before {
    position: absolute;
    top: 1px;
    left: 1px;
    display: inline-block;
    content: "-";
}
.pop-cont.general__pop2 .pop-cont-main .txt-list>li.fc-orange {
    color: #ff5000;
}


.pop-cont.general__pop2 .pop-cont-main.scroll {
    max-height: 500px;
}
.pop-cont.general__pop2 .pop-cont-main .title {
    padding: 13px 0;
    margin-bottom: 20px;
    border-bottom: 2px solid #ff5000;
    font-weight: 600;
    font-size: 16px;
}
.pop-cont.general__pop2 .pop-cont-header {
    display: block;
    position: relative;
    background:#fff;
    height:72px;
    border-bottom: 1px solid #e7e7e7;
    text-align: left;
    margin: 0 30px;
    overflow: hidden;
}
.pop-cont.general__pop2 .pop-cont-header>.pop-cont-header-tit {
    font-size: 16px;
    font-weight: 600;
    margin-top: 27px;
}
.pop-cont.general__pop2 .pop-cont-header .btn-close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url(../images/common/ico/ico_close.png) no-repeat 50% 50%;
    text-indent: -9999px;
}
.pop-cont.general__pop2 .pop-cont-header {
    display: block;
    position: relative;
    background:#fff;
    height:72px;
    border-bottom: 1px solid #e7e7e7;
    text-align: left;
    margin: 0 30px;
    overflow: hidden;
}
.pop-cont.general__pop2 .pop-cont-header>.pop-cont-header-tit {
    font-size: 16px;
    font-weight: 600;
    margin-top: 27px;
}
.pop-cont.general__pop2 .pop-cont-header .btn-close {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url(../images/common/ico/ico_close.png) no-repeat 50% 50%;
    text-indent: -9999px;
}

.pop-cont.general__pop2 .bottom-btn {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    background: #fff;
}
.pop-cont.general__pop2 .bottom-btn .btn {
    display: inline-block;
    color: #fa5900;
    border: 1px solid #fa5900;
    background: none;
    height: 32px;
    line-height: 1.3;
    width: 86px;
    font-size: 14px;
    border-radius: 5px;
    border-width: 1px;    
}
/*체크박스 추가*/
.pop-cont.general__pop2 .bottom-btn label {
    display: block;
    width: 360px;
    font-size: 23px;
    margin: 0 auto;
    margin-bottom: 20px;
    cursor: pointer;
}
.pop-cont.general__pop2 .bottom-btn label>input {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/*20210326*/
.pop-cont.general__pop2 .anchor-list {
    margin-bottom:30px;
}
.pop-cont.general__pop2 .anchor-list > li {
    line-height:1.5;
    font-size: 15px;
    font-weight: 400;
    color: #595959;
}
.pop-cont.general__pop2 .normal-list {
    padding-left:10px;
}
.pop-cont.general__pop2 .normal-list > li {
    line-height:1.5;
    font-size: 15px;
    font-weight: 400;
    color: #595959;
    margin-bottom:18px;
}
.pop-cont.general__pop2 .normal-list > li .normal-list__tit {
    display:block;
    margin-bottom:18px;
}
.pop-cont.general__pop2 .sub-box {
    padding-left:10px;
    margin-bottom:50px;
}
.pop-cont.general__pop2 .normal-tbl {
    border-top:1px solid #ebebeb;
    border-left:1px solid #ebebeb;
    line-height:1.3;
}
.pop-cont.general__pop2 .normal-tbl th {
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    background:#f8f8f8;
    padding:10px;
    font-size:12px;
}
.pop-cont.general__pop2 .normal-tbl td {
    border-right:1px solid #ebebeb;
    border-bottom:1px solid #ebebeb;
    padding:10px;
    font-size:12px;
}

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

/* side nav */
#fp-nav {display:none !important;}
#fp-nav.show {display:block !important;}
#fp-nav.right {right:40px;}
#fp-nav ul li {width:22px; height:22px; overflow:hidden; margin:4px 0;}
#fp-nav ul li:last-child {display:none;}
#fp-nav ul li a span {width:22px; height:22px; background:url(../images/main/sp_nav.png) center no-repeat; background-position:0 -22px; top:0; left:0; border-radius:0; margin:0; transition:none;} 
#fp-nav ul li a.active span {width:22px; height:22px; background:url(../images/main/sp_nav.png) no-repeat; background-position:0 0; top:0; left:0; border-radius:0; margin:0;}
#fp-nav ul li:hover a span {width:22px; height:22px; background:url(../images/main/sp_nav.png) no-repeat; background-position:0 0; border-radius:0; margin:0;}
#fp-nav ul li:hover a.active span {width:22px; height:22px; background:url(../images/main/sp_nav.png) no-repeat; background-position:0 0; border-radius:0; margin:0;}

/* main swiper-slide */
.main-slide .swiper-slide {display:table; height:100vh; background-size:cover; background-position:center;}
.main-slide__cont {display:table-cell; font-size:5.2vh; color:#fff; vertical-align:middle; text-align:center; line-height:1.3;}
.main-slide__txt {font-weight:300;}
.main-slide .swiper-pagination {width:auto; text-align:left; position:static; float:left;}
.main-slide .swiper-pagination-bullet {width:36px; height:2px; border-radius:0; margin:0 2px;}
.main-slide .swiper-pagination-bullet-active {height:4px; background:#fff;}
.main-slide .swiper-stopbtn {display:inline-block; width:24px; height:24px; margin-left:12px; z-index:10;}
.main-slide .swiper-stopbtn.start {background:url(../images/main/btn_stop.png) no-repeat;}
.main-slide .swiper-stopbtn.stop {background:url(../images/main/btn_start.png) no-repeat;}
.main-slide__ctrl {position:absolute; bottom:37px; left:42px; z-index:10;}
.main-slide .btn-area {margin-top:5.6vh;}

.img-scroll {width:3.1vh; position:absolute; left:50%; bottom:0; transform:translateX(-50%); z-index:1;}
.img-scroll > img {width:100%;}

/* scroll button */
.btn-scroll {display:none;}

/* main section content */
.main .content .btn-area {text-align:left;}
.main .btn-more {font-size:1.5vh; width:19vh; background-size:2.2vh; background-position: top 50% right 1.2vh; padding: 1.1vh 4.6vh 1.3vh 2.4vh; border-radius:2.1vh;}

.main .section04 {background:#f5f5f5;}
.main .section05 {background:#f5f5f5;}

.maincopy-area {position:absolute; top:50%; transform:translateY(-50%);}
.main .section04 .maincopy-area, .main .section05 .maincopy-area {position:static; transform:none;}
.maincopy-area__cate {font-size:2.2vh; font-weight:600; color:#ff5000; margin-bottom:2.6vh;}
.maincopy-area__txt {font-size:3.3vh; font-weight:600; color:#222; margin-bottom:5.3vh; line-height:1.3;}
.main .section04 .maincopy-area__txt, .main .section05 .maincopy-area__txt {margin-bottom:2.7vh;}
.mainimg-area {height:0; background-size:contain; background-position:right center; background-repeat:no-repeat;}
.main .section02 .mainimg-area {background-image:url(../images/main/img_illust01.png); width:82vh; padding-bottom:74vh; padding-left:52vh;}
.main .section03 .mainimg-area {background-image:url(../images/main/img_illust02.png); width:86vh; padding-bottom:74vh; padding-left:40vh;}

.main-tab {margin-top:5.2vh;}
.main-tab__menu {margin-bottom:3.2vh; border-bottom:0;}
.main-tab__menu::after {content:''; display:block; clear:both;}
.main-tab .tab-btn__item {float:left; width:auto; height:50px; border-width:0 0 3px 0; border-color:transparent; line-height:47px; box-sizing:border-box; text-align:center;}
.main-tab .tab-btn__item:last-child {margin-right:0;}
.main-tab .tab-btn__item.active,
.main-tab .tab-btn__item:hover { border-bottom:3px solid #ff5000; background:none;}
.main-tab .tab-btn__item > a {display:block; width:auto; height:auto; font-size:16px; color:#999; font-weight:600; line-height:inherit; padding:0 20px; cursor:pointer;}
.main-tab .tab-cont__item {display:none;}
.main-tab__item > ul::after {content:''; display:block; clear:both;}
.main-tab__subitem {display:table; float:left; width:calc((100% - 18.6vh)/6); height:18.5vh; margin:0 3.7vh 3.7vh 0; background-color:#fff; border-radius:20px; box-shadow:4px 4px 10px 0px #dedede; overflow:hidden; table-layout:fixed;}
.main-tab__subitem:nth-child(6n) {margin-right:0;}
.main-tab__subitem div {display:table-cell; vertical-align:middle; text-align:center;}
.main-tab__subitem img {max-width:100%; max-height:18.4vh;}

.main-news__list {margin-top:5.6vh;}
.main-news__list::after {content:''; display:block; clear:both;}
.main-news__item {width:calc((100% - 120px)/4); margin-right:40px; float:left; border-radius:20px; box-shadow:4px 4px 15px 4px #dbdbdb; overflow:hidden;}
.main-news__item:last-child {margin-right:0;}
.main-news__item > a {display:block; box-sizing:border-box;}
.main-news__img {height:30vh;  background-position:center; background-size:contain; background-repeat:no-repeat; }
.main-news__txt {position:relative; background:#fff; height:142px; padding:20px; box-sizing:border-box;}
.main-news__tit {font-size:16px; color:#222; font-weight:bold; line-height:1.5;}
.main-news__date {position:absolute; bottom:20px; left:20px; font-size:12px; color:#999; font-weight:500; letter-spacing:0px;}

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

/* common txt */
.top-bnr {position:relative; height:540px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.top-bnr__txt {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; text-align:center; padding-top:60px;}
.top-bnr__subtit {display:inline-block; background-repeat:no-repeat; background-size:contain; text-indent:-9999px; overflow:hidden; margin-bottom:25px;}
.top-bnr__tit {display:block; font-size:48px; font-weight:600; text-align:center;}

/*20210113/mklee*/
.top-bnr__desc {
    padding-top: 10px;
    display: inline-block;
    font-size: 17px;
}

/*20210202/mklee*/
.top-bnr__bottom_txt {
    font-size: 17px;
    font-weight: 400;
    margin-top: 25px;
    line-height: 1.5;
}

.sub-txt {
    margin-top:80px;
    position: relative;
    min-height: 18px;
}
.sub-txt__tit {position:relative; padding-left:48px; line-height:28px; font-size:24px; font-weight:600; color:#222; padding-bottom:40px; margin-bottom:35px; border-bottom:1px solid #eee;}
.sub-txt__tit::before {content:''; width:28px; height:28px; position:absolute; top:0; left:0; background:url(../images/common/ico/ico_subtit.png) no-repeat; top:0; left:0;}
/*큰 타이틀/20210113/mklee*/
.sub-txt__tit.large {font-size:42px; padding-left:0; margin-bottom:33px;}
.sub-txt__tit.large::before {content:none;}

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

.sub-txt__sum {font-size:42px; font-weight:600; color:#222; line-height:1.4; letter-spacing:-2px;}

/*작은 섬머리/20210113/mklee*/
.sub-txt__sum.small {
    font-size:25px;
    margin-bottom: 35px;
}

.sub-txt__sum strong {color:#fa5900;}
.sub-txt__dtl {font-size:18px; font-weight:500; color:#222; line-height:1.7;}
.sub-txt__dtl strong {color:#fa5900;}

.sub-diagram {margin:0 auto;}
.sub-diagram img {width:100%;}

/* news letter pop */
.news-lttr__btn {position:fixed; bottom:0; margin-bottom:50px; right:10px; z-index:99;}
.news-lttr__btn > a {display:block; width:100px; height:100px; text-indent:-9999px; overflow:hidden; background:url(../images/common/btn_newsletter.png) no-repeat; background-size:100% auto;}
.news-lttr__pop {width:300px; height:auto; border:1px solid #d4d4d4; box-sizing:border-box;}
.news-lttr__pop__inner {position:relative;}
.news-lttr__pop .pop-btn__close {position:absolute; top:0; right:0; cursor:pointer;}
.news-lttr__pop__img > img {width:100%;}
.news-lttr__pop__cont {padding:20px 0; text-align:center; letter-spacing:0;}
.news-lttr__pop__cont > p {text-indent:-9999px; overflow:hidden; width:229px; height:46px; margin:0 auto; background:url(../images/common/txt_pop.png) no-repeat; text-align:center; margin-bottom:20px;}
.news-lttr__pop__terms {background:#fafafa; border-width:1px 0; border-style:solid; border-color:#e7e7e7; padding:15px 20px;}
.news-lttr__pop__terms-tit {font-size:15px; font-weight:bold; margin-bottom:15px;}
.news-lttr__pop__terms-list {margin-bottom:10px;}
.news-lttr__pop__terms-list > li {position:relative; text-align:left; font-size:13px; line-height:1.5; padding-left:10px;}
.news-lttr__pop__terms-list > li::before {content:''; width:4px; height:4px; border-radius:50%; background:#333; position:absolute; top:10px; left:0;}
.news-lttr__pop__terms-list > li > span {color:#3ab9c4; font-size:15px;}
.news-lttr__pop__terms-desc {font-size:13px; text-align:left; line-height:1.5;}
.news-lttr__pop__stxt {display:block; font-size:13px; text-align:left; line-height:1.5; padding:0 20px; margin:15px 0;}
.news-lttr__pop__mail {width:260px; height:30px; border:1px solid #333; box-sizing:border-box; padding:4px 10px; color:#999; margin-bottom:20px;}
.news-lttr__pop__subsc > button {display:inline-block; width:200px; height:50px; text-indent:-9999px; overflow:hidden; background:url(../images/common/btn_pop.png) no-repeat; cursor:pointer;}
.btnfix .news-lttr__btn {position:absolute;}
.tshow .news-lttr__btn {margin-bottom:130px;}

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

.about01 .sub-txt__tit {margin-bottom:38px;}
.about01 .sub-txt__sum + .sub-txt__sum {margin-bottom:20px;}
.about01 .sub-txt__dtl {line-height:1.8;}
.about01 .sub-diagram {max-width:1160px; margin-top:140px;}

.history {margin-top:100px;}
.history .sub-txt__tit {margin-bottom:50px;}
.history__area::after {content:''; display:block; clear:both;}
.history__img {float:left; width:50%; padding-right:63px; box-sizing:border-box;}
/* 2021-09-15 수정 :: S */
.history__area:nth-child(1) .history__img {margin-top:11px;} 
.history__area:nth-child(2) .history__img {margin-top:21px;}
.history__area:nth-child(3) .history__img {margin-top:56px;}
.history__area:nth-child(4) .history__img {margin-top:25px;}
/* 2021-09-15 수정 :: E */
.history__img > img {width:100%;}
.history__cont-set {float:left; width:50%;}
.history__cont {position:relative; padding-left:73px; box-sizing:border-box; padding-bottom:97px;}
.history__cont::before {content:''; width:2px; background-color:#ccc; height:100%; position:absolute; top:0; left:-1px;}
.history__cont::after {content:''; width:20px; height:27px; background-image:url(../images/about/ico_history.png); background-repeat:no-repeat; background-position:0 bottom; position:absolute; top:0; left:-10px;}
.history__area:nth-child(1) .history__cont:last-child {padding-bottom:90px;}
.history__area:first-child .history__cont:first-child::after {background-image:url(../images/about/ico_history_w.png);}
.history__area:last-child .history__cont:last-child:before {content:none;}
.history__cont__year > span {display:inline-block; text-indent:-9999px; overflow:hidden; width:93px; height:30px; margin-bottom:34px; background:url(../images/about/txt_history.png) no-repeat;}
.history__cont__year--01 > span {width:102px; height:30px; background-position:0 -120px;}
.history__cont__year--02 > span {background-position:0 -90px;}
.history__cont__year--03 > span {background-position:0 -60px;}
.history__cont__year--04 > span {background-position:0 -30px;}
.history__cont__year--05 > span {background-position:0 -150px;}
.history__cont__year--06 > span {background-position:0 0;}
.history__cont__year--07 > span {background-position:0 bottom;} /* 2021-09-02 추가 */
.history__cont__list li {margin-bottom:14px;}
.history__cont__list li:last-child {margin-bottom:0;}
.history__cont__list li::after {content:''; display:block; clear:both;}
.history__cont__month {float:left; width:60px; padding-left:2px; font-size:18px; color:#222; font-weight:600; line-height:1.4;}
.history__cont__txt {float:left; font-size:18px; color:#222; line-height:1.4;}

.history__area--rv .history__img {float:right; padding-right:0; padding-left:73px;}
.history__area--rv .history__cont-set {float:right;}
.history__area--rv .history__cont {padding-left:0; padding-right:70px; border-left:none;}
.history__area--rv .history__cont:last-child {padding-bottom:134px;} 
.history__area--rv .history__cont::before {top:0; left:auto; right:-1px;}
.history__area--rv .history__cont::after {left:auto; right:-10px;}
.history__area--rv .history__cont__year {text-align:right;}
.history__area--rv .history__cont__year > span {text-indent:9999px; font-size:0;}
.history__area--rv .history__cont__month {float:right; text-align:right; padding-left:0; padding-right:2px;}
.history__area--rv .history__cont__txt {float:right; text-align:right;}

/* 공간소개 */
.about02 .top-bnr {background-image:url(../images/about/img_bnr02.jpg);}
.about02 .top-bnr__subtit {width:75px; height:13px; background-image:url(../images/about/txt_subtit02.png);}
.about02 .sub-txt__sum {margin-bottom:22px;}

.space-tab {margin-top:64px;}
.space-swiper {position:relative; margin-bottom:100px;}
.space-swiper__item > img {width:100%;}
.space-swiper .swiper-pagination {width:100%; bottom:-40px;}
.space-swiper .swiper-button-next, .swiper-button-prev {text-indent:-9999px; overflow:hidden; background:url(../images/about/ico_slide.png) no-repeat;outline:none;}
.space-swiper .swiper-button-next {width:90px; height:90px; background-position:-90px 0; right:-120px;}
.space-swiper .swiper-button-prev {width:90px; height:90px; background-position:0 0; left:-120px;}
@media screen and (max-width:1400px) {
    .space-swiper .swiper-button-next, .space-swiper .swiper-button-prev {display:none;}
}
.space-swiper .swiper-pagination-bullet {width:10px; height:10px; background:url(../images/about/ico_slide.png) no-repeat; background-position:-10px -90px; margin:0 10px; outline:none;}
.space-swiper .swiper-pagination-bullet-active {background-position:0 -90px;}
.space-noimg {margin-bottom:100px;}
.space-noimg img {width:100%;}

.space-info {display:flex;}
.space-info__list {width:calc(53% - 21px); margin-right:21px;}
.space-info__item {display:table; width:100%; padding:11px 12px 9px; border-bottom:1px solid #e4e9f1; line-height:1.7; text-align:left; box-sizing:border-box;}
.space-info__item:first-child {border-top:1px solid #e4e9f1;}
.space-info__item::after {content:''; display:block; clear:both;}
.space-info__item__tit {display:table-cell; width:18%; font-size:18px; font-weight:600; color:#222; vertical-align:middle; padding-right:30px; box-sizing:border-box;}
.space-info__item__txt {display:table-cell; width:82%; font-size:18px; color:#959595; vertical-align:middle;}
.space-info__item__txt > a {font-weight:400; color:#fa5900;}
.space-map {width:47%;}
.space-map iframe {width:100%; height:100%;}

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

.sub-cont {margin-bottom:40px;}
.sub-cont:last-child {margin-bottom:0;}
.sub-cont__tit {position:relative; color:#222; font-size:20px; padding:42px 0 42px 46px; border-bottom:1px solid #eee; margin-bottom:50px;}
.sub-cont__tit::before {content:''; width:19px; height:19px; position:absolute; top:42px; left:4px; background:url(../images/common/ico/ico_subcont.png) no-repeat;}
.sub-cont__list01::after {content:''; display:block; clear:both;}
.sub-cont__list01__item {float:left; width:calc((100% - 40px)/5); height:220px; margin-right:10px; border:1px solid #ebebeb; box-sizing:border-box;}/* 20210330 수정 */
.sub-cont__list01__item:last-child {margin-right:0;}
.sub-cont__list01__item:nth-child(1) {background:url(../images/about/img_logo01_5.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(2) {background:url(../images/about/img_logo01_1.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(3) {background:url(../images/about/img_logo01_2.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(4) {background:url(../images/about/img_logo01_3.jpg) center no-repeat; background-size:contain;}/* 20210330 수정 */
.sub-cont__list01__item:nth-child(5) {background:url(../images/about/img_logo01_4.jpg) center no-repeat; background-size:contain;}/* 20210330 추가 */
.sub-cont__list01__item > span {width:0; height:0; position:absolute; left:-1000%; top:0; color:#fff; font-size:0; overflow:hidden;}

.sub-cont__list02::after {content:''; display:block; clear:both;} 
.sub-cont__list02__item {float:left; width:calc((100% - 20px)/3); height:220px; margin:0 10px 10px 0; border:1px solid #ebebeb; box-sizing:border-box;}
.sub-cont__list02__item:nth-child(1) {background:url(../images/about/img_logo02_1.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(2) {background:url(../images/about/img_logo02_2.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(3) {background:url(../images/about/img_logo02_3.jpg) center no-repeat; background-size:contain; margin-right:0;}
.sub-cont__list02__item:nth-child(4) {background:url(../images/about/img_logo02_4.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(5) {background:url(../images/about/img_logo02_5.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(6) {background:url(../images/about/img_logo02_6.jpg) center no-repeat; background-size:contain; margin-right:0;}
.sub-cont__list02__item:nth-child(7) {width:calc((100% - 30px)/4); background:url(../images/about/img_logo02_7.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(8) {width:calc((100% - 30px)/4); background:url(../images/about/img_logo02_8.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(9) {width:calc((100% - 30px)/4); background:url(../images/about/img_logo02_9.jpg) center no-repeat; background-size:contain;}
.sub-cont__list02__item:nth-child(10) {width:calc((100% - 30px)/4); background:url(../images/about/img_logo02_10.jpg) center no-repeat; background-size:contain; margin-right:0;}
.sub-cont__list02__item > span {width:0; height:0; position:absolute; left:-1000%; top:0; color:#fff; font-size:0; overflow:hidden;}

.sub-cont__contact {position:relative;}
.sub-cont__contact::after {content:''; width:351px; height:62px; position:absolute; top:24px; right:73px; background:url(../images/about/img_logo.png) no-repeat;}
.sub-cont__contact__txt {font-size:18px; font-weight:500; color:#222; line-height:1.5; margin-bottom:25px;}
.sub-cont__contact__txt strong {color:#ff5000;}
.sub-cont__contact__list li {position:relative; font-size:18px; line-height:1.5; color:#6b6b6b; padding-left:14px;}
.sub-cont__contact__list li::before {content:''; width:3px; height:3px; position:absolute; top:12px; left:0; background:#fa5900; border-radius:50%;}
.sub-cont__contact__list li > a {color:#6b6b6b;}



/*=========== social value ===========*/
.sv .top-bnr {background-image:url(../images/SocialValue/img_bnr.jpg);}
.sv .top-bnr__subtit {width:139px; height:13px; background-image:url(../images/SocialValue/subtit.png);}
.sv .sub-txt__sum {margin-bottom:20px; max-width: 99%;} /* 20210506 수정 */
.sv .sub-diagram {max-width:1405px; margin-top:100px;} /* 20210506 수정 */


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

.family__list > ul::after {content:''; display:block; clear:both;}
.family__list__item {float:left; width:calc((100% - 30px)/4); height:220px; position:relative; margin:0 10px 10px 0; cursor:pointer; overflow:hidden;}
.family__list__item__inner {display:table; width:100%; height:100%; table-layout:fixed;}
.family__list__item:nth-child(4n) {margin-right:0;}
.family__list__item-img {display:table-cell; width:100%; border:1px solid #ebebeb; text-align:center; vertical-align:middle; background:#fff;}
.family__list__item-img > img {max-width:100%; max-height:218px;}
.family__list__item .family__list__item-info {display:table; table-layout:fixed; width:100%; height:220px; position:absolute; bottom:-100%; left:0; background:#333; color:#fff; transition:all 0.4s ease-out 0s;}
.family__list__item.active .family__list__item-info {bottom:0;}
.family__list__cate {position:absolute; bottom:20px; left:20px; border:1px solid #fff; padding:4px 10px;}
.family__list__name {display:table-cell; width:100%; font-size:23px; font-weight:600; text-align:center; vertical-align:middle; padding:0 10px;}
.family__list__name span {display:block;}
.family__list__type {font-weight:400; font-size:16px; margin-top:16px; line-height:1.5;}
.family__list__homepage {position:absolute; bottom:20px; right:20px; width:20px; height:17px; text-indent:-9999px; overflow:hidden; background:url(../images/Family/ico_home.png) no-repeat;}
.family__list .btn-area {margin-top:60px;}

.family__list__item.family__list__item--nocmpy {width:100%; height:auto; margin:0; cursor:default;}
.family__list__item.family__list__item--nocmpy img {width:100%;}

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

/*=========== program ===========*/
/* 성장단계별 프로그램 */
.program__nav {position:fixed; top:16vh; right:0; z-index:100;}
.program__nav__item {text-indent:-9999px; overflow:hidden;}
.program__nav__item + .program__nav__item {margin-top:-7.2vh;}
.program__nav__item > a {display:block; width:10.8vh; height:17.4vh; background-image:url(../images/Program/sp_nav.png); background-repeat:no-repeat; background-size: 100% auto;}
.program__nav__item:nth-child(1) > a {background-position:0 0;}
.program__nav__item:nth-child(2) > a {background-position:0 -17.3vh;}
.program__nav__item:nth-child(3) > a {background-position:0 -34.7vh;}
.program__nav__item:nth-child(4) > a {background-position:0 -52.1vh;}

.program .top-bnr {background-image:url(../images/Program/img_bnr.jpg); height:660px;}
.program .top-bnr__inner {padding-top:76px;}
.top-bnr__inner {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.program .top-bnr__txt {position:static; top:auto; left:auto; transform:none; padding-top:0;}
.program .top-bnr__tit {font-size:35px; font-weight:500; line-height:1.5;}
.program .top-bnr__tit__lit {font-size:25px; font-weight:400;}

.top-bnr__diag {margin-top:65px;}
.top-bnr__diag > ul {width:934px;}
.top-bnr__diag > ul::after {content:''; display:block; clear:both;}
.top-bnr__diag__item {float:left; margin-right:40px;}
.top-bnr__diag__item:last-child {margin-right:0;}
.top-bnr__diag__item > a {display:block; width:203px; height:203px; position:relative; border-radius:50%; background:#fff; padding-top:140px; box-sizing:border-box; text-align:center; background-repeat:no-repeat;}
.top-bnr__diag__item > a::before {content:''; width:105px; height:1px; background:#ebebeb; position:absolute; top:122px; left:50px;}
.top-bnr__diag__item:nth-child(1) > a {background-image:url(../images/Program/img_bnr_logo01.png); background-position:center 64px;}
.top-bnr__diag__item:nth-child(2) > a {background-image:url(../images/Program/img_bnr_logo02.png); background-position:center 61px;}
.top-bnr__diag__item:nth-child(3) > a {background-image:url(../images/Program/img_bnr_logo03.png); background-position:center 60px;}
.top-bnr__diag__item:nth-child(4) > a {background-image:url(../images/Program/img_bnr_logo04.png); background-position:center 60px;}
.top-bnr__diag__item span {font-size:16px; color:#222;}

.program__area__inner {padding:80px 0; border-bottom:1px solid #ebebeb;}
.program__area--op .program__area__inner {padding-top:35px;}
.program__area--ov .program__area__inner {border-bottom:0; padding-bottom:0;}
.program__desc {padding-left:304px;}
.program__area--op .program__desc {background:url(../images/Program/img_cont_logo01.png) no-repeat; background-position:40px 0;}
.program__area--og .program__desc {background:url(../images/Program/img_cont_logo02.png) no-repeat; background-position:40px 0;}
.program__area--of .program__desc {background:url(../images/Program/img_cont_logo03.png) no-repeat; background-position:40px 0;}
.program__area--ov .program__desc {background:url(../images/Program/img_cont_logo04.png) no-repeat; background-position:40px 0;}

/*지원하기 버튼 추가/mklee/20210215*/
.program__desc .btn-orange {
    position: absolute;
    top: 81px;
    right: 0px;
    display: inline-block;
    width: 185px;
    height: 67px;
    line-height: 64px;
    background: #fff;
    color: #fa5900;
    border: 2px solid;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    border-radius: 35px;
}

.program__mtxt {font-size:24px; font-weight:600; color:#222; line-height:2; word-break:keep-all; word-wrap:break-word;}
.program__stxt {font-size:18px; font-weight:400; color:#6b6b6b; line-height:1.8; word-break:keep-all; word-wrap:break-word; letter-spacing:-1.2px;}
.program__area .btn-area {margin-top:72px;}
.btn-deactive {display:inline-block;}
.btn-deactive + a {margin-left:40px; vertical-align:top;}
.program__notice {display:block; position:relative; font-size:16px; font-weight:300; color:#5e5e5e; padding:10px 0 10px 25px; border-bottom:1px solid #ebebeb; margin-top:10px;}
.program__notice::before {content:''; display:block; width:17px; height:17px; position:absolute; top:10px; left:0; background:url(../images/Program/ico_exc.png);}

.program__table {border:1px solid #ebebeb; padding:45px 40px; margin-top:23px;}
.program__table > ul::after {content:''; display:block; clear:both;}
.program__table__item {float:left; width:50%; border-bottom:1px solid #e4e9f1; overflow:hidden;}
.program__table__item:last-child {border:none;}
.program__table__item.program__table__item--w100 {display:table; width:100%;}
.program__area--of .program__table__item:first-child {min-height:103px;}
.program__area--of .program__table__item:nth-child(2) {min-height:103px;}
.program__table__tit {width:86px; float:left; position:relative; text-align:left; font-size:18px; font-weight:600; color:#222; padding:8px 0 11px 14px; vertical-align:top; line-height:1.5; box-sizing:border-box;}
.program__table__item:nth-child(2n) .program__table__tit {width:122px;}
.program__table__item.program__table__item--w100 .program__table__tit {display:table-cell; float:none; width:148px; box-sizing:border-box; vertical-align:middle;}
.program__table__tit::before {content:''; display:inline-block; width:3px; height:3px; background:#fa5900; border-radius:50%; vertical-align:middle; margin-left:-8px; margin-right:5px;}
.program__table__txt {float:left; width:calc(100% - 86px); padding:10px 20px 12px; font-size:18px; color:#959595; line-height:1.5; vertical-align:top; box-sizing:border-box;}
.program__table__item:nth-child(2n) .program__table__txt {width:calc(100% - 122px);}

.program__flow {display:table-cell; padding:72px 0 20px; text-align:center;}
.program__flow > ul {display:inline-block; height:70px;}
.program__flow > ul::after {content:''; display:block; clear:both;}
.program__flow__item {position:relative; float:left; padding-left:128px; padding-top:10px; margin-left:36px;}
.program__flow__item:first-child {padding-left:82px; margin-left:0;}
.program__flow__item:last-child {padding-top:24px;}
.program__flow__item + .program__flow__item::before {content:''; display:block; width:13px; height:20px; position:absolute; top:24px; left:0; background:url(../images/Program/ico_arw.png) no-repeat;}
.program__flow__item::after {content:''; display:block; width:70px; height:70px; position:absolute; top:0; left:48px;}
.program__flow__item:nth-child(1)::after {background:url(../images/Program/img_step01.png) no-repeat; left:0;}
.program__flow__item:nth-child(2)::after {background:url(../images/Program/img_step02.png) no-repeat;}
.program__flow__item:nth-child(3)::after {background:url(../images/Program/img_step03.png) no-repeat;}
.program__flow__item:nth-child(4)::after {background:url(../images/Program/img_step04.png) no-repeat;}
.program__flow__tit {display:block; font-size:18px; color:#000; font-weight:500; text-align:left;}
.program__flow__txt {display:block; font-size:18px; color:#6b6b6b; margin-top:12px; text-align:left;}
.program__flow__notice {display:block; font-size:16px; color:#e08e34; margin-top:40px; text-align:center;}

.program__bnf {display:table-cell; width:calc(100% - 148px); padding:55px 0 0;}
.program__area--og .program__bnf {padding-left:126px;}
.program__area--of .program__bnf {padding-left:64px;}
.program__bnf > ul {display:inline-block;}
.program__bnf > ul::after {content:''; display:block; clear:both;}
.program__bnf__item {width:138px; float:left; text-align:center;}
.program__bnf__item + .program__bnf__item {position:relative;}
.program__bnf__item + .program__bnf__item::before {content:''; width:1px; height:130px; background:#ebebeb; position:absolute; top:-10px; left:0;}
.program__bnf__img {display:block; height:40px; background-repeat:no-repeat; background-position:center top;}
.program__area--og .program__bnf__item:nth-child(1) .program__bnf__img {background-image:url(../images/Program/img_bnf01_1.png);}
.program__area--og .program__bnf__item:nth-child(2) .program__bnf__img {background-image:url(../images/Program/img_bnf01_2.png);}
.program__area--og .program__bnf__item:nth-child(3) .program__bnf__img {background-image:url(../images/Program/img_bnf01_3.png);}
.program__area--og .program__bnf__item:nth-child(4) .program__bnf__img {background-image:url(../images/Program/img_bnf01_4.png);}
.program__area--of .program__bnf__item:nth-child(1) .program__bnf__img {background-image:url(../images/Program/img_bnf02_1.png);}
.program__area--of .program__bnf__item:nth-child(2) .program__bnf__img {background-image:url(../images/Program/img_bnf02_2.png);}
.program__area--of .program__bnf__item:nth-child(3) .program__bnf__img {background-image:url(../images/Program/img_bnf02_3.png);}
.program__area--of .program__bnf__item:nth-child(4) .program__bnf__img {background-image:url(../images/Program/img_bnf02_4.png);}
.program__area--of .program__bnf__item:nth-child(5) .program__bnf__img {background-image:url(../images/Program/img_bnf02_5.png);}
.program__bnf__txt {display:block; font-size:16px; color:#1c1c1c; margin-top:14px; line-height:1.2;}


/* 성장지원 프로그램 */
.program02 .program__nav {top:27vh}
.program02 .program__nav__item > a {background-image:url(../images/Program/sp_nav02.png);}

.program02 .top-bnr {background-image:url(../images/Program/img_bnr02.jpg);}
.program02 .top-bnr__inner {padding-top:96px;}

.program02 .top-bnr__diag {margin-top:40px;}
.program02 .top-bnr__diag > ul {width:1024px;}
.program02 .top-bnr__diag__item {margin-right:140px;}
.program02 .top-bnr__diag__item:last-child {margin-right:0;}
.program02 .top-bnr__diag__item > a {width:248px; height:248px;}
.program02 .top-bnr__diag__item > a::before {top:125px; left:70px;}
.program02 .top-bnr__diag__item:nth-child(1) > a {background-image:url(../images/Program/img_bnr02_logo01.png); background-position:center 70px;}
.program02 .top-bnr__diag__item:nth-child(2) > a {background-image:url(../images/Program/img_bnr02_logo02.png); background-position:center 72px;}
.program02 .top-bnr__diag__item:nth-child(3) > a {background-image:url(../images/Program/img_bnr02_logo03.png); background-position:center 71px;}
.program02 .top-bnr__diag__item span:last-child {display:block; color:#959595; margin-top:12px; line-height:1.5;}

.program02 .sub-txt__tit {margin-bottom:0;}
.program02 .program__desc {padding-left:0;}
.program__area--ofd .program__area__inner {padding:40px 0 0;}
.program__area--bnf .program__area__inner {padding-bottom:0; border-bottom:0;}
.program__tit {display:inline-block; font-size:20px; font-weight:600; color:#222; padding-bottom:12px; margin-bottom:15px; border-bottom:2px solid #222;}
.program__area--ofd .program__mtxt {position:relative; padding-left:264px; margin-top:13px; line-height:1.5;}
.program__area--ofd .program__mtxt::before {content:''; width:185px; height:66px; background:url(../images/Program/img_oragefund.png) no-repeat; position:absolute; top:2px; left:0;}




.invest-list {margin-top:60px; padding-bottom:80px; border-bottom:3px solid #ebebeb;}
.invest-list > ul::after {content:''; display:block; clear:both;}
.invest-list__item {width:calc((100% - 11px)/2); height:331px; float:left; border:1px solid #dadada; box-sizing:border-box; padding:60px 26px 45px;}
.invest-list__item + .invest-list__item {margin-left:11px;}
.invest-list__item:nth-child(1) {background:url(../images/Program/img_invest01.png) no-repeat; background-position:top 30px right 35px;}
.invest-list__item:nth-child(2) {background:url(../images/Program/img_invest02.png) no-repeat; background-position:top 30px right 35px;}
.invest-list__num {display:block; text-indent:-9999px; overflow:hidden; margin-bottom:65px;}
.invest-list__item:nth-child(1) .invest-list__num {width:19px; height:17px; background:url(../images/Program/img_num01.png);}
.invest-list__item:nth-child(2) .invest-list__num {width:25px; height:17px; background:url(../images/Program/img_num02.png);}
.invest-list__tit {font-size:22px; color:#222; font-weight:600; margin-bottom:16px;}
.invest-list__txt {font-size:17px; color:#959595; letter-spacing:-1px; line-height:1.5; word-break:keep-all; word-wrap:break-word;}

.invest-step {padding:80px 0 30px 40px}
.invest-step > ul::after {content:''; display:block; clear:both;}
.invest-step__item {float:left; width:calc((100% - 159px)/4); position:relative; margin-left:53px;}
.invest-step__item:first-child {margin-left:0;}
.invest-step__item::before {content:''; width:13px; height:20px; position:absolute; top:96px; left:-53px; background:url(../images/Program/ico_arw.png) no-repeat;}
.invest-step__item:first-child::before {content:none;}
.invest-step__item:nth-child(1) {height:220px; background:url(../images/Program/img_invest_step01.png) 0 0 no-repeat;}
.invest-step__item:nth-child(2) {height:220px; background:url(../images/Program/img_invest_step02.png) 0 0 no-repeat;}
.invest-step__item:nth-child(3) {height:220px; background:url(../images/Program/img_invest_step03.png) 0 0 no-repeat;}
.invest-step__item:nth-child(4) {height:220px; background:url(../images/Program/img_invest_step04.png) 0 0 no-repeat;}
.invest-step__item > span {display:inline-block; margin-top:138px; text-align:center; font-size:16px; color:#222;}
.invest-step__item:nth-child(1) > span {margin-left:60px;}
.invest-step__item:nth-child(2) > span {margin-left:65px;}
.invest-step__item:nth-child(3) > span {margin-left:50px;}
.invest-step__item:nth-child(4) > span {margin-left:50px;}
.invest-step__noti {font-size:16px; color:#e08e34; margin-top:40px;}

.global-step {margin-top:34px; text-align:center;}
.global-step > ul {display:inline-block;}
.global-step > ul::after {content:''; display:block; clear:both;}
.global-step__item {width:203px; height:203px; float:left; margin-right:88px;}
.global-step__item:last-child {margin-right:0;}
.global-step__item:nth-child(1) {background:url(../images/Program/img_global01.png) no-repeat;}
.global-step__item:nth-child(2) {background:url(../images/Program/img_global02.png) no-repeat;}
.global-step__item:nth-child(3) {background:url(../images/Program/img_global03.png) no-repeat;}
.global-step__item > span {display:inline-block; margin-top:138px; text-align:center; font-size:16px; color:#222;}

.program-bnf__desc {position:relative; padding-left:168px; margin-top:75px; margin-bottom:36px;}
.program-bnf__item:nth-child(1) .program-bnf__desc {background:url(../images/Program/img_num_lg01.png) no-repeat;}
.program-bnf__item:nth-child(2) .program-bnf__desc {background:url(../images/Program/img_num_lg02.png) no-repeat;}
.program-bnf__item:nth-child(3) .program-bnf__desc {background:url(../images/Program/img_num_lg03.png) no-repeat;}
.program-bnf__tit {font-size:22px; color:#222; font-weight:600; margin-bottom:16px;}
.program-bnf__txt {font-size:18px; color:#959595; line-height:1.5; word-break:keep-all; word-wrap:break-word;}

.program-bnf__partner > ul::after {content:''; display:block; clear:both;}
.program-bnf__partner li {float:left; width:calc((100% - 246px)/4); height:0; text-indent:-9999px; overflow:hidden; padding-top:19%; margin-right:82px; border:1px solid #ebebeb; box-sizing:border-box; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
.program-bnf__partner li:last-child {margin-right:0;}
.program-bnf__partner li:nth-child(1) {background-image:url(../images/Program/img_partner01.jpg);}
.program-bnf__partner li:nth-child(2) {background-image:url(../images/Program/img_partner02.jpg);}
.program-bnf__partner li:nth-child(3) {background-image:url(../images/Program/img_partner03.jpg);}
.program-bnf__partner li:nth-child(4) {background-image:url(../images/Program/img_partner04.jpg);}

.program-bnf__mentor {padding-left:168px;}
.program-bnf__mentor::after {content:''; display:block; clear:both;}
.program-bnf__mentor__type {width:50%; float:left; box-sizing:border-box; border-style:solid; border-color:#ebebeb;}
.program-bnf__mentor__type:nth-child(1) {padding:32px 36px 32px 50px; border-width:1px 0 1px 1px;}
.program-bnf__mentor__type:nth-child(2) {padding:32px 50px 32px 36px; border-width:1px 1px 1px 0;}
.program-bnf__mentor__list li {position:relative; font-size:18px; padding-left:16px; line-height:1.8; color:#6b6b6b;}
.program-bnf__mentor__list li::before {content:''; width:3px; height:3px; border-radius:50%; background:#fa5900; position:absolute; left:0; top:13px;}

.program-bnf__desc .btn-more02 {position:absolute; top:0; right:0; width:276px;}
.program-bnf__review > ul::after {content:''; display:block; clear:both;}
.program-bnf__review li {float:left; width:calc((100% - 15px)/4); height:0; text-indent:-9999px; overflow:hidden; padding-top:18%; box-sizing:border-box; background-size:100% auto; background-repeat:no-repeat; background-position:center;}
.program-bnf__review li + li {margin-left:5px;}
.program-bnf__review li:nth-child(1) {background-image:url(../images/Program/img_review01.jpg);}
.program-bnf__review li:nth-child(2) {background-image:url(../images/Program/img_review02.jpg);}
.program-bnf__review li:nth-child(3) {background-image:url(../images/Program/img_review03.jpg);}
.program-bnf__review li:nth-child(4) {background-image:url(../images/Program/img_review04.jpg);}

/* 프로그램 */
.program03 .top-bnr {background-image:url(../images/Program/img_bnr03.jpg);}
.program03 .top-bnr__subtit {width:98px; height:13px; background-image:url(../images/Program/txt_subtit.png);}


/*=========== news ===========*/
.news .top-bnr {background-image:url(../images/News/img_bnr.jpg);}
.news .top-bnr__subtit {width:76px; height:13px; background-image:url(../images/News/txt_subtit.png);}
.news .sub-txt {margin-top:80px; margin-bottom:70px;}

/* news list */
.news-tag {margin-bottom:50px;}
.news-tag::after {content:''; display:block; clear:both;}
.news-tag__item {float:left; margin-right:4px;}
.news-tag__item:last-child {margin-right:0;}
.rdtag {position:absolute; opacity:0;}
.rdtag + label {display:block; position:relative; line-height:1; border:1px solid #acacac; font-size:16px; font-weight:500; color:#222; padding:12px 18px; text-align:center; box-sizing:border-box; cursor:pointer;}
.rdtag:focus + label::after {content:''; display:block; width:100%; height:100%; position:absolute; top:-2px; left:-2px; border:2px solid #000;}
.rdtag:checked + label {background:#333; border:1px solid #acacac; color:#fff;} 
.news-tag__item:first-child label {width:97px;}

.news-list__noitem {width:100%; height:530px; border:1px solid #ebebeb; box-sizing:border-box; background:#f3f3f3 url(../images/News/nolist.jpg) center no-repeat;}
.news-list__noitem > p {text-indent:-9999px; overflow:hidden;}
.news-list > ul {margin-bottom:20px;}
.news-list > ul::after {content:''; display:block; clear:both;}
.news-list__item {float:left; width:calc((100% - 44px)/3); margin:-200px 22px 50px 0; padding-top:200px;}
.news-list__item:nth-child(3n) {margin-right:0;}
.news-list__item > a {display:block;}
.news-list__item__img {width:100%; height:240px; border:1px solid #dadada; background-image:url(../images/News/noimg.jpg); background-repeat:no-repeat; background-size:contain; background-position:center; box-sizing:border-box;}
.news-list__item__txt {padding:17px 20px 20px; border-bottom:1px solid #dadada; margin-bottom:18px;}
.news-list__item__tit {margin-bottom:13px; height:48px;}
.news-list__item__tit span {font-size:16px; color:#222; font-weight:600; line-height:1.5; word-break:break-all;}
.news-list__item__date {font-size:12px; color:#999; font-weight:500; letter-spacing:0;}
.news-list__item__tag {padding:0 20px;}
.news-list__item__tag::after {content:''; display:block; clear:both;}
.news-list__item__tag li {float:left; margin-right:5px; padding:12px; border:1px solid #acacac; box-sizing:border-box;}
.news-list__item__tag li:last-child {margin-right:0;}
.news-list__item__tag li > span {font-size:16px; font-weight:500; color:#262626;}

/* news view */
.news-view {margin-top:-30px; margin-bottom:30px;}
.news-view__cont {padding:16px 0 10px; border-width:3px 0; border-style:solid; border-color:#333; margin-bottom:40px;}
.news-view__cont__top {padding:26px 0; border-bottom:1px solid #ebebeb;}
.news-view__cont__tit {font-size:30px; color:#222; font-weight:600; margin-bottom:18px; line-height:1.5;}
.news-view__cont__date {font-size:18px; color:#959595;}
.news-view__cont__btm {padding-top:30px;}
.news-view__cont__btm > p,.news-view__cont__btm > img {margin-bottom:30px;}
.news-view__cont__btm > p {font-size:18px; color:#6b6b6b;  line-height:1.8;}
.news-view__cont__btm > img {max-width:100%;}

.news-view__btn::after {content:''; display:block; clear:both;}
.news-view__btn__lside {float:left;}
.news-view__btn__lside .btn-normal:first-child {margin-right:1px;}
.news-view__btn__rside {float:right;}

.news-blist {margin-bottom:40px;}
.news-blist__item {position:relative; border-bottom:1px solid #ebebeb;}
.news-blist__item:first-child {border-top:1px solid #ebebeb;}
.news-blist__item::before {content:''; display:block; width:3px; height:3px; position:absolute; top:25px; left:0; background:#fa5900; border-radius:50%;}
.news-blist__item > a {display:block; padding:15px 14px 16px; font-size:18px; color:#6b6b6b; text-overflow:ellipsis; white-space:nowrap;}
.news-blist__item.active > a {color:#222; font-weight:500;}
.news-blist__item > a::after {content:''; display:block; clear:both;}
.news-blist__item__date {float:left; width:120px; letter-spacing:0;}
.news-blist__item__tit {float:left; width:calc(100% - 120px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}


/*=========== Community(family service) ===========*/
.community .top-bnr {background-image:url(../images/Community/img_bnr.jpg);}
.community .top-bnr__subtit {width:163px; height:13px; background-image:url(../images/Community/txt_subtit.png);}
.community .sub-txt {position:relative;}
.community .btn-normal02 {position:absolute; top:0; right:0; outline:none;}

.community-menu__list {
    padding-bottom:4px;
    position: relative; /*추가/mklee*/
}
.community-menu__list::after {
    content:''; 
    /* width:calc(100% - 60.2px);   */
    width: 100%; /*수정/mklee*/
    height:4px; background:#333; position:absolute; bottom:0; 
    /* left:30px; */ 
    left: 0; /*수정/mklee*/
}
.community-menu__list > ul::after {content:''; display:block; clear:both;}
.community-menu__item {float:left; width:33%; border-width:1px 1px 0 0; border-style:solid; border-color:#dadada; box-sizing:border-box;}
.community-menu__item:first-child {border-width:1px 1px 0 1px; border-color:#dadada;}
.community-menu__item:nth-child(3n) {width:34%;}
.community-menu__item.active {border-color:#333; background:#333;}
.community-menu__item.active > a {color:#fff;}
.community-menu__item > a {display:block; width:100%; height:66px; font-size:20px; line-height:66px; text-align:center;}


.community-cont {width:1201px; margin:0 auto;}


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

.apply-cont {width:1201px; margin:0 auto;}

/*=========== Apply (2021) ===========*/

/*성장 단계별 프로그램, 성장 지원 프로그램*/
.apply-tab {
    margin-top: 80px;
}
.apply-tab .tab-btn ul .tab-btn__item {
    width: 50%;
}

.apply-program-form {
    padding: 40px;
}
.apply-program-form .apply-program-form-header {
    overflow: hidden;
    margin-bottom: 35px;
}
.apply-program-form .apply-program-form-header .tit {
    font-size: 22px;
    font-weight: 600;
    color: #222;
    float: left;
    margin-top: 15px;
    margin-right: 18px;
}
.apply-program-form .apply-program-form-header .tit .fc-orange {
    color: #ff5305;
}
.apply-program-form .apply-program-form-header .state {
    width: 108px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #dddddd;
    color: #999999;
    text-align: center;
    float: left;
    margin-top: 10px;
}
.apply-program-form .apply-program-form-header .state.active {
    border: 1px solid #ff5000;
    color: #ff5000;
}
.apply-program-form .apply-program-form-header .btn-wrap {
    float: right;
}
.apply-program-form .apply-program-form-header .btn {
    width: 189px;
    height: 56px;
    border-radius: 26px;
    font-weight: 600;
    font-size: 15px;
    margin-right: 5px;    
}
.apply-program-form .apply-program-form-header .btn:last-of-type {
    margin-right: 0px;
}
.apply-program-form .apply-program-form-header .btn.btn-gray {
    color: #666666;
    background: none;
    border: 2px solid #dddddd;
}
.apply-program-form .apply-program-form-header .btn.btn-orange {
    color: #fff;
    background: #ff5000;
    border: 2px solid #ff5000;
}
.apply-program-form .apply-program-form-cont {
    position: relative;
    overflow: hidden;
}
.apply-program-form .apply-program-form-cont:after {
    content: "";
    display: block;
    position: absolute;
    
    /*20210316/mklee*/
    /* top: 152px; */
    top: 100%;

    left: 0;
    width: 100%;
    height: 1px;
    background: #ebebeb;
}

/*20210316/mklee*/
.apply-program-form .apply-program-form-cont .item:nth-of-type(5):before {
    display: block;
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 1080px;
    height: 1px;
    background: #ebebeb;     
    /* background: red; */
}

.apply-program-form .apply-program-form-cont .item {
    position: relative;
    float: left;
    min-height: 130px;
    width: 100%;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(1) {
    width: 305px;
    padding-right: 70px;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(2) {
    width: 100px;
    padding-right: 70px;    
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(3) {
    width: 120px;
    padding-right: 70px;    
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(4) {
    width: 320px;
}
.apply-program-form .apply-program-form-cont .item:nth-of-type(5) {
    clear: both;
    margin-top: 55px;
    width: 375px;    
}
.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 {
    content: "";
    position: absolute;
    top: 0px;
    right: 40px;
    width: 1px;
    height: 100%;
    background: #ebebeb;
}

.apply-program-form .apply-program-form-cont .tit {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    padding-left: 12px;
    margin-bottom: 30px;
}
.apply-program-form .apply-program-form-cont .tit:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    background: orange;
    border-radius: 50%;
}
.apply-program-form .apply-program-form-cont .txt {
    font-size: 17px;
    line-height: 1.5;
    color: #6b6b6b;
}
.apply-program-form .apply-program-form-cont .txt .tri {
    color: #d0d0d0;
    font-size: 15px;
}
.apply-program-form .apply-program-form-cont .txt-list>li {
    position: relative;
    font-size: 17px;
    line-height: 1.5;
    padding-left: 20px;
}
.apply-program-form .apply-program-form-cont .txt-list>li:after {
    position: absolute;
    top: 1px;
    left: 2px;
    content: "-";
    display: block;
    color: #6b6b6b;
}

/*지원서 제출 완료*/
.apply-step {
    text-align: center;
    font-size: 0;
    margin-bottom: 40px;
}
.apply-step .item {
    display: inline-block;
    font-size: 13px;
    margin-right: 80px;
    width: 70px;
}
.apply-step .item:last-of-type {
    margin-right: 0;
}
.apply-step .item .num {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #c3c3c3;
    background: #f8f8f8;
    color: #999999;
    font-weight: 600;
    font-size: 25px;
    border-radius: 50%;
    margin-bottom: 12px;
}
.apply-step .item.active .num {
    border: 1px solid #ff5000;
    background: #ff5000;
    color: #fff;
}
.apply-step .item .num:after {
    position: absolute;
    top: 50%;
    left: 100%;
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #c9c9c9;
}
.apply-step .item:last-of-type .num:after {
    display: none;
}
.apply-step .item .txt {
    color: #999999;
    font-weight: 600;
    font-size: 16px;    
    white-space: nowrap;   
    display: inline-block; 
    width: 100px;
    margin-left: -11px;
    text-align: center;
}
.apply-step .item.active .txt {
    color: #ff5000; 
}
.apply-msg-box {
    border: 1px solid #ebebeb;
    background: #f8f8f8;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.apply-msg-box .tit {
    font-weight: 600;
    font-size: 44px;
    margin-bottom: 25px;
}
.apply-msg-box .txt {
    font-size: 24px;
    line-height: 1.5;
}
.apply-msg-box .txt .fc-orange {
    color: #ff5000; 
}

.apply-btn-wrap {
    text-align: center;
    margin-top: 70px;
}
.apply-btn-wrap .btn {
    height: 55px;
    width: 185px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
}
.apply-btn-wrap .btn + .btn {
    margin-left: 10px;
}
.apply-btn-wrap .btn.btn-orange {
    background: #ff5000;
    color: #fff;    
}
.apply-btn-wrap .btn.btn-orange-line {
    color: #ff5000;
    background: #fff;    
    border: 2px solid #ff5000;
}

/*지원하기(기본 정보 입력, 연혁/팀원 정보, 기타 입력, 제출 완료)*/
.apply-tit-btn {
    overflow: hidden;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #eeeeee;
}
.apply-tit-btn .tit {
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin-top: 7px;
}
.apply-tit-btn .btn {
    float: right;
    height: 39px;
    width: 120px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;    
    color: #ff5000;
    background: #fff;
    border: 2px solid #ff5000;    
}

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

.apply-form {
    border: 1px solid #ebebeb;
    /* margin-bottom: 40px; */
    margin-bottom: 80px;
    background: #f8f8f8;
}
.apply-form>.inner {
    padding: 68px 172px;
    font-size: 0;
}
.apply-form .row {
    /* overflow: hidden; */
    margin-bottom: 24px;
}
.apply-form .row:after {
    content: "";
    clear: both;
    display: block;
}
.apply-form .row:last-of-type {
    margin-bottom: 0;
}
.apply-form .row .cell {
    display: inline-block;
    font-size: 13px;
    min-height: 48px;
    float: left;
}
.apply-form .row .cell:nth-of-type(1) {
    width: 160px;
}
.apply-form .row .cell:nth-of-type(2) {
    width: calc(100% - 160px);
}
.apply-form .row .cell.th {
    font-size: 18px;
    color: #666666;
}
.apply-form .row .cell.th>span {
    position: relative;
    display: inline-block;
    padding-top: 14px;    
    padding-left: 15px;
    /* line-height: ; */
    /* background: pink; */
    line-height: 1.3;
}
.apply-form .row .cell.th>span .fc-orange {
    color: #ff5000;
}
.apply-form .row .cell.th>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}

/*관련질의 지원자 공통 질문*/
.apply-form .row .cell.full {
    width: 100%;
}
.apply-form .ta-wrap {
    background: #fff;
}
.apply-form .ta-wrap>textarea {
    font-size: 18px;
}

.apply-form .divider {
    font-size: 0;
}
.apply-form .divider .item {
    position: relative;
    display: inline-block;
}
.apply-form .divider .item:nth-of-type(1) {
    margin-right: 5px;
    width: calc(50% - 5px);
}
.apply-form .divider .item:nth-of-type(2) {
    margin-left: 5px;
    width: calc(50% - 5px);
}
.apply-form .divider.tel .item:nth-of-type(1) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.apply-form .divider.tel .item:nth-of-type(2) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.apply-form .divider.tel .item:nth-of-type(3) {
    margin-left: 0;
    margin-right: 0px;
    width: calc(33.33%);
}
.apply-form .divider.tel .item:after {
    content: "-";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    transform: translateY(-50%);
}
.apply-form .divider.tel .item:last-of-type:after {
    display: none;
}
.apply-form .divider.date .item:nth-of-type(1) {
    margin-right: 10px;
    width: calc(50% - 10px);
}
.apply-form .divider.date .item:nth-of-type(1):after {
    content: "~";
    position: absolute;
    font-size: 18px;
    font-weight: 600;
    top: 15px;
    right: -14px;
}
.apply-form .divider.date .item:nth-of-type(2) {
    margin-left: 10px;
    width: calc(50% - 10px);
}
.apply-form .divider.date .item .ip-txt {
    background: #fff url(../images/common/ico/ico_calendar.png) no-repeat 95% 50%;
}
.apply-form .divider.ad { /*20210325 divider.ad 추가*/
    display: table;
    table-layout: fixed;
    width: 100%;
}
.apply-form .divider.ad .divider-item {
    display: table-cell;
}
.apply-form .divider.ad .divider-item--btn {
    width:100px;
}
.apply-form .divider.ad .divider-item--btn .btn {
    width:100%;
    height:50px;
}
.apply-form input {
    background: #fff;
}
.apply-form select {
    background: #fff;
}
.apply-form .info {
    color: #999999;
    font-size: 14px;
    margin: 8px 0px 0px 0px;
    line-height: 1.3;
}
.apply-form .info.blue {
    color: #059ff7;
}
.apply-form .btn-area {
    margin-top: 50px;
}
.apply-form .btn-area button {
    height: 55px;
    width: 185px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
}
.apply-form .btn-area button.btn-white {
    background: #fff;
    border: 2px solid #dddddd;
    color: #666666;
}
.apply-form .btn-area button.btn-orange {
    background: #ff5000;
    color: #fff;
}
.apply-form .btn-area button.btn-dark-gray {
    background: #666666;
    color: #fff;
}
.apply-form .btn-area button.btn-gray {
    background: #efefef;
    border: 2px solid #dddddd;
    color: #666666;
}
.apply-form  .btn-area button + button {
    margin-left: 10px;
}
.apply-form .agree {
    overflow: hidden;
}
.apply-form .agree .txt {
    font-size: 20px;
    font-weight: 600;
    float: left;
}
.apply-form .agree .txt .fc-orange {
    color: #ff5000;
}
.apply-form .agree label {
    font-size: 20px;
    float: right;
    cursor: pointer;
}
.apply-form .agree input {
    cursor: pointer;
    position: relative;
    top: -1px;
}
.apply-form .txt-box {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 18px;
    color: #6b6b6b;
}
.apply-form .txt-box .d1>li{
    margin-bottom: 50px;
}
.apply-form .txt-box .d1>li:last-of-type{
    margin-bottom: 0;
}
.apply-form .txt-box .d1>li .tit{
    margin-bottom: 10px;
    line-height: 1.5;
}
.apply-form .txt-box .d2 {
    padding-left: 20px;
    line-height: 1.5;
}
.apply-form .txt-box .d2>li {
    position: relative;
    padding-left: 10px;
}
.apply-form .txt-box .d2.orange>li {
    color: #ff5000;
}
.apply-form .txt-box .d2>li:before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 0px;
}
.apply-form .welcome-tit {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.apply-form .welcome-txt {
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
}
.apply-form .welcome-txt .orange {
    color: #fa5900;
}
.apply-form.file-type {
    background: none;
    border: 0;
}
.apply-form.file-type>.inner {
    padding: 0px 10px 10px 10px;
}
.apply-form.file-type .ip-txt[type=file] {
    background: #f7f7f7;
}
.apply-form.check-type .row .cell.td {
    width: 50%;
}
.apply-form.check-type .row .cell.td label{
    font-size: 18px;
    cursor: pointer;
}
.apply-form.check-type .row .cell.td label>input{
    cursor: pointer;

    /* margin-right: 10px; */
    margin-right: 1px;
    
    /* width: 35px; */
    /* height: 35px; */
    width: 20px;
    height: 20px;

    position: relative;
    /* top: 9px; */
    top: 3px;
}
.apply-form.check-type .row .cell.td .ip-txt {
    width: 190px;
    height: 40px;
    margin-left: 10px;
    font-size: 18px;
}
.apply-form.card-type {
    margin-bottom: 20px;
}
.apply-form.card-type>.inner {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 40px;
}
.apply-form.card-type .row {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
}
.apply-form.card-type .row:last-of-type {
    margin-right: 0;
}
.apply-form.card-type .row .cell {
    width: 100%;
}

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


.apply-form-func {
    font-size: 0;
    text-align: right;
    /* margin-top: 20px; */ /*지원하기-기타입력 리스트 자체에 마진이 있어야 함*/
    margin-bottom: 60px;
}
.apply-form-func .btn-add,
.apply-form-func .btn-remove {
    width: 32px;
    height: 32px;
    background: black;
    color: #fff;
    font-size: 18px;
    border-radius: 3px;
}
.apply-form-func .btn-remove {
    background: #666666;
    margin-right: 10px;
}
.apply-form-func .btn-add {
    background: #ff5000;
}
.apply-form-func .txt2 {
    display: none;
}

.apply-btn-area {
    margin-top: 50px;
    text-align: center;
}
.apply-btn-area button {
    height: 55px;
    width: 185px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
}
.apply-btn-area button.btn-white {
    background: #fff;
    border: 2px solid #dddddd;
    color: #666666;
}
.apply-btn-area button.btn-orange {
    background: #ff5000;
    color: #fff;
}
.apply-btn-area button.btn-gray {
    background: #efefef;
    color: #666666;
    border: 1px solid #dddddd;
}
.apply-btn-area button + button {
    margin-left: 10px;
}



.apply-section-top {
    /* border: 1px solid #ebebeb; */
    /* padding: 35px; */
    margin-bottom: 40px;
}
.apply-section-top .tit {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.apply-section-top .txt {
    font-size: 18px;
    color: #6b6b6b;
}

.apply-form .rd-group, 
.apply-form .ch-group {
    padding-top: 5px;
    font-size: 18px;
    color: #666666;
    overflow: hidden;
}
.apply-form .rd-group label, 
.apply-form .ch-group label {
    position: relative;
    display: block;
    padding-left: 30px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}
.apply-form .rd-group label:last-of-type, 
.apply-form .ch-group label:last-of-type {
    margin-right: 0;
}

.apply-form .rd-group label input, 
.apply-form .ch-group label input {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

/*20210305*/
label.private-agree {
    font-size: 18px;
    cursor: pointer;
    font-weight: 600;
}
label.private-agree>input {
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
}
.private-agree-btn {
    float: right;
    color: #666666;
    font-size: 18px;
    background: none;
    line-height:1.5;/*20210328*/
}

/*=========== Faq ===========*/
.faq .top-bnr {background-image:url(../images/Faq/img_bnr.jpg);}
.faq .top-bnr__subtit {width:137px; height:18px; background-image:url(../images/Faq/txt_subtit.png);}
.faq .sub-txt__tit {font-size:42px; padding-left:0; margin-bottom:20px;}
.faq .sub-txt__tit::before {content:none;}
.faq .sub-txt__tit__desc {display:block; font-size:18px; margin-top:38px; font-weight:400;}

.faq__list__item {border-bottom:1px solid #ebebeb; overflow-anchor:none;}
.faq__list__item__que {position:relative; display:block; font-size:18px; font-weight:500; padding:22px 0 22px 40px;}
.faq__list__item__que::before {content:''; width:24px; height:24px; background:url(../images/Faq/ico_que.png) no-repeat; position:absolute; top:20px; left:0;}
.faq__list__item__anw {position:relative; padding:15px 25px 14px 70px; background:#ededed;}
.faq__list__item__anw::before {content:''; width:34px; height:24px; background:url(../images/Faq/ico_anw.png) no-repeat; position:absolute; top:22px; left:25px;}
.faq__list__item__anw p {font-size:18px; color:#6b6b6b; line-height:2;}
.faq__list__item__anw p + p {margin-top:40px;}

/*=========== Contact ===========*/
.contact .top-bnr {background-image:url(../images/Contact/img_bnr.jpg);}
.contact .top-bnr__subtit {width:137px; height:18px; background-image:url(../images/Contact/txt_subtit.png);}
.contact .sub-txt__tit {font-size:42px; padding-left:0; margin-bottom:33px;}
.contact .sub-txt__tit::before {content:none;}
.contact .sub-txt__tit__desc {display:block; font-size:18px; margin-top:38px; font-weight:400;}

.contact-area {position:relative;}
.contact-area::after {content:''; width:351px; height:62px; position:absolute; top:24px; right:73px; background:url(../images/about/img_logo.png) no-repeat;}
.contact-area__txt {font-size:18px; font-weight:500; color:#222; line-height:1.5; margin-bottom:25px;}
.contact-area__txt strong {color:#ff5000;}
.contact-area__list li {position:relative; font-size:18px; line-height:1.5; color:#6b6b6b; padding-left:14px;}
.contact-area__list li::before {content:''; width:3px; height:3px; position:absolute; top:12px; left:0; background:#fa5900; border-radius:50%;}
.contact-area__list li > a {color:#6b6b6b;}
.contact-area__img {padding:72px 0 62px; text-align:center;}

/*=========== Error ===========*/
.error {background:#f2f2f2;}
.error h1 {float:none; margin-bottom:40px;}
.error h1 > a {display:block; width:213px; height:37px; text-indent:-9999px; overflow:hidden; background:url(../images/common/logo.png) no-repeat; background-position:0 -38px; margin:0 auto;}
.error .section {width:544px; margin:0 auto; padding:50px 0; text-align:center;}
.error__area {background:#fff; margin-top: 40px; border-top: 2px solid #ff5000; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 40px 50px 60px 50px;}
.error__area__txt {margin:30px 0 60px; font-size:16px; line-height:24px; color:#333;}
.error__area__txt > strong {display:block; font-size:32px; color:#000; margin-bottom:25px;}
.error__area__btn {padding-top:30px; border-top:1px solid #d9d9d9;}
.error__area__btn .btn-normal:hover {background:#fff; color:#262626; border-color:#acacac}

/* 시스템 점검 페이지 *//*20210327 */
.error02 h1 {float:none; width:202px; height:34px; text-indent:-9999px; overflow:hidden; background:url(../images/common/txt_open.png) no-repeat; position:absolute; top:-14px; left:50%; transform:translateX(-50%); }
.error02 .section {width:736px; text-align:center; position:relative; background:#f2f4f6; border-radius:2px; margin:100px auto; padding:0 50px; box-sizing:border-box;}
.error02__area__top {border-bottom:1px solid #c9cacc; padding-bottom:10px;}
.error02 h2 {display:inline-block; width:284px; height:46px; background:url(../images/common/txt_notice.png) no-repeat; margin-top:32px;}
.error02__area__img {position:absolute; top:-15px; left:50px;}
.error02__area__btm {padding:32px 0 30px;}
.error02__area__btm .time {display:block; font-size:20px; font-weight:500; color:#2e2e2e; margin-bottom:23px;}
.error02__area__btm .txt {display:block; font-size:17px; color:#2e2e2e; line-height:2; margin-bottom:26px;}
.error02__area__deco {position:absolute; bottom:0; right:50px;}

/*이하/20210113/mklee*/
/*=========== Login ===========*/
.login-form {
    width: 480px;
    margin: 0 auto 194px auto;
    padding-top: 200px;
}
.login-form .tit {
    font-size: 29px;
    text-align: center;
    margin-bottom: 50px;
}
.login-form .tit .orange {
    color: #ff5000;
    font-weight: 600;
}
.login-form .tit .gray {
    color: #595959;
    font-weight: 300;
}
.login-form .input-group .input-wrap {
    position: relative;
    margin-bottom: 15px;
}
.login-form .input-group .input-wrap input {
    background: #f2f4f6;
    border: 0;
    height: 50px;
    width: calc(100% - 55px);
    padding: 0 15px 0 40px;
}
.login-form .input-group .input-wrap .ico-email,
.login-form .input-group .input-wrap .ico-pass {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}
.login-form .input-group .input-wrap .ico-email {
    left: 16px;
    width: 16px;
    height: 11px;
    background:url(../images/common/ico/ico_email.png) no-repeat 0 0;
}
.login-form .input-group .input-wrap .ico-pass {
    left: 18px;
    width: 12px;
    height: 16px;
    background:url(../images/common/ico/ico_password.png) no-repeat 0 0;
}
.login-form .save {
    margin-bottom: 30px;
}
.login-form .save label {
    color: #8c8c8c;
    cursor: pointer;
}
.login-form .save label input {
    margin: 0;
    margin-right: 5px;
    position: relative;
    bottom: -1px;
    cursor: pointer;
}
.login-form .submit {
    width: 228px;
    margin: 0 auto 32px auto;
}
.login-form .submit button {
    width: 100%;
    height: 52px;
    background: #ff5000;
    color: #fff;
    border-radius: 25px;
}
.login-form .links {
    text-align: center;
}
.login-form .links a {
    position: relative;
    display: inline-block;
    color: #8c8c8c;
    font-size: 14px;
    margin-right: 36px;
}
.login-form .links a:last-of-type {
    margin-right: 0;
}
.login-form .links a:hover {
    text-decoration: underline;
}
.login-form .links a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    display: block;
    width: 1px;
    height: 16px;
    background: #dddddd;
}
.login-form .links a:last-of-type:after {
    display: none;
}

/*=========== Mentoring ===========*/
.mentoring .top-bnr {background-image:url(../images/Mentoring/img_bnr.jpg);}
.mentoring .top-bnr__subtit {width:118px; height:13px; background-image:url(../images/Mentoring/txt_subtit.png);}
.mentoring .sub-txt {
    margin-top:80px; 
}

.note-list {
    border: 1px solid #eee;
    padding: 37px;
    margin-bottom: 40px;
}
.note-list .tit {
    position: relative;
    font-size: 21px;
    color: #ff5000;
    font-weight: 600;
    margin-bottom: 30px;
    padding-left: 17px;
}
.note-list .tit:after {
    position: absolute;
    top: 8px;
    left: 0px;
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff5000;
}
.note-list ul li {
    position: relative;    
    font-size: 17px;
    margin-bottom: 15px;
    line-height: 1.4;
    padding-left: 17px;
}
.note-list ul li .gray {color: #6b6b6b;}
.note-list ul li .orange {color: #ff5000;}
.note-list ul li:after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "-";
    display: block;
    color: #6b6b6b;
}

.note-list2 {
    margin-bottom: 30px;
}
.note-list2:last-of-type {
    margin-bottom: 0;
}
.note-list2 .tit {
    position: relative;
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 600;
    margin-bottom: 20px;
}
.note-list2 ul {

}
.note-list2 ul li {
    position: relative;    
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.4;
    padding-left: 10px;
    color: #8c8c8c;
}
.note-list2 ul li.special {
    padding-left: 15px;
}.note-list2 ul.no-dash li {
    padding-left: 0px;
}
.note-list2 ul li:last-of-type {
    margin-bottom: 0;
}
.note-list2 ul li .gray {color: #6b6b6b;}
.note-list2 ul li .orange {color: #ff5000;}
.note-list2 ul li:after {
    position: absolute;
    top: 0px;
    left: 0px;
    content: "·";
    display: block;
    color: #8c8c8c;
}
.note-list2 ul li.special:after {
    content: "※";
}
.note-list2 ul.no-dash li:after {
    display: none;
}
.note-list2.gray {
    background: #efefef;
    padding: 17px;
}

/*멘토링쪽 지원폼 (주의: 지원하기 대메뉴와 무관)*/
.mentoring-form {
    margin-bottom: 40px;
}
.mentoring-form>.inner {
    padding: 0 40px;
    font-size: 0;
}
.mentoring-form .row {
    overflow: hidden;
    margin-bottom: 12px;
}
.mentoring-form .row:last-of-type {
    margin-bottom: 0;
}
.mentoring-form .row .cell {
    display: inline-block;
    font-size: 13px;
    min-height: 48px;
    float: left;
}
.mentoring-form .row .cell:nth-of-type(1) {
    width: 160px;
}
.mentoring-form .row .cell:nth-of-type(2) {
    width: calc(100% - 160px);
}
.mentoring-form .row .cell.th {
    font-size: 17px;
    color: #666666;
}
.mentoring-form .row .cell.th.full {
    width: 100%;
}
.mentoring-form .row .cell.td.full {
    width: 100%;
}
.mentoring-form .row .cell.th>span {
    position: relative;
    display: inline-block;
    padding-top: 14px;    
    padding-left: 15px;
}
.mentoring-form .row .cell.th>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}

.mentoring-form .divider {
    font-size: 0;
}
.mentoring-form .divider .item {
    display: inline-block;
}
.mentoring-form .divider .item:nth-of-type(1) {
    margin-right: 5px;
    width: calc(50% - 5px);
}
.mentoring-form .divider .item:nth-of-type(2) {
    margin-left: 5px;
    width: calc(50% - 5px);
}

.mentoring-form .rd-group, 
.mentoring-form .ch-group {
    padding-top: 5px;
    font-size: 18px;
    color: #666666;
    overflow: hidden;
}
.mentoring-form .ch-group2 { /* 20210426 추가 */
    padding-top: 14px;
    font-size: 17px;
}
.mentoring-form .rd-group label, 
.mentoring-form .ch-group label {
    position: relative;
    display: block;
    padding-left: 30px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    cursor: pointer;
}
.mentoring-form .rd-group label:last-of-type, 
.mentoring-form .ch-group label:last-of-type {
    margin-right: 0;
}
.mentoring-form .ch-group2 label:first-child { /* 20210426 추가 */
    padding-left: 0;
}

.mentoring-form .rd-group .ip-txt, 
.mentoring-form .ch-group .ip-txt {
    /* border: 1px solid red; */
    width: 60px;
    margin-left: 10px;
    margin-right: 10px;
}

.apply-form .rd-group label input, 
.apply-form .ch-group label input {
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.ip-txt {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    border: 1px solid #dddddd;
    width: 100%;
    height: 48px;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% - 50px);
}
.ip-txt::-ms-clear, .ip-txt::-ms-reveal {
    display: none;
}


.ip-txt[type=file] {
    padding: 12px 24px;
    height: auto;
}
/* .ip-txt:read-only { */
.ip-txt[readonly='readonly'] {    
    border: 1px solid #dddddd;
    background: #fbfbfb;
    color: #d5d5d5;
    outline: 0;
    /* cursor: not-allowed; */
}


/*명/20210204/mklee*/
.ip-txt.unit {
    padding-right: 48px;
    width: calc(100% - 74px);
}
.ip-txt.unit + .unit-txt {
    color: #999999;
    font-size: 18px;
    position: absolute;
    transform: translate(-30px, 15px);
}

.ip-sel {
    height: 48px;
    width: 100%;
    /* padding: 0 24px; */
    padding: 0 0 0 24px;
    background: #f7f7f7;
    border: 1px solid #dddddd;    
}
.ta-wrap {
    background: #f7f7f7;
    border: 1px solid #dddddd; 
    padding: 24px;
}
.ta-wrap>textarea {
    width: 100%;
    height: 127px;
    border: 0;
    background: none;
}
/* 20210408 추가 :: S */
.ta-wrap2 {
    background: #f7f7f7;
    border: 1px solid #dddddd; 
    padding: 24px;
}
.ta-wrap2>textarea {
    width: 100%;
    border: 0;
    background: none;
}
/* 20210408 추가 :: E */

/*=========== Join ===========*/
.join .top-bnr__subtit {
    width: 198px;
    height: 13px;
    background-image: url(../images/Join/txt_subtit.png);
}
.join .top-bnr {
    background-image: url(../images/Join/img_bnr.jpg);
}
.join-step {
    text-align: center;
    font-size: 0;
    margin-bottom: 40px;
}
.join-step .item {
    display: inline-block;
    font-size: 13px;
    margin-right: 80px;
    width: 70px;
}
.join-step .item:last-of-type {
    margin-right: 0;
}
.join-step .item .num {
    position: relative;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #c3c3c3;
    background: #f8f8f8;
    color: #999999;
    font-weight: 600;
    font-size: 25px;
    border-radius: 50%;
    margin-bottom: 12px;
}
.join-step .item.active .num {
    border: 1px solid #ff5000;
    background: #ff5000;
    color: #fff;
}
.join-step .item .num:after {
    position: absolute;
    top: 50%;
    left: 100%;
    content: "";
    display: block;
    width: 80px;
    height: 1px;
    background: #c9c9c9;
}
.join-step .item:last-of-type .num:after {
    display: none;
}
.join-step .item .txt {
    color: #999999;
    font-weight: 600;
    font-size: 16px;    
    white-space: nowrap;   
    display: inline-block; 
    width: 100px;
    margin-left: -11px;
    text-align: center;
}
.join-step .item.active .txt {
    color: #ff5000; 
}

.join-form {
    position: relative;
    border: 1px solid #ebebeb;
    margin-bottom: 40px;
    background: #f8f8f8;
}
.join-form>.inner {
    padding: 68px 172px;
    font-size: 0;
}
.join-form .line {
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
    height: 1px;
    width: calc(100% + 344px);
    margin-left: -172px;
    background: #e8e8e8;
    margin-bottom: 20px;
}
.join-form .row {
    overflow: hidden;
    margin-bottom: 24px;
}
.join-form .row:last-of-type {
    margin-bottom: 0;
}
.join-form .row .cell {
    position: relative;
    display: inline-block;
    font-size: 13px;
    
    min-height: 48px;
    float: left;
}
.join-form .row .cell:nth-of-type(1) {
    width: 160px;
}
.join-form .row .cell:nth-of-type(2) {
    width: calc(100% - 160px);
}
.join-form .row .cell.th {
    font-size: 17px;
    color: #666666;
}
.join-form .row .cell.th>span {
    position: relative;
    display: inline-block;
    padding-top: 14px;    
    padding-left: 15px;
}
.join-form .row .cell.th>span:after {
    content: "";
    display: none;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}
.join-form .row .cell.th.required>span:after {
    display: block;
}


.join-form .divider {
    font-size: 0;
}
.join-form .divider .item {
    position: relative;
    display: inline-block;
}
.join-form .divider .item:nth-of-type(1) {
    margin-right: 5px;
    width: calc(50% - 5px);
}
.join-form .divider .item:nth-of-type(2) {
    margin-left: 5px;
    width: calc(50% - 5px);
}
.join-form .divider.tel .item:nth-of-type(1) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.join-form .divider.tel .item:nth-of-type(2) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.join-form .divider.tel .item:nth-of-type(3) {
    margin-left: 0;
    margin-right: 0px;
    width: calc(33.33%);
}
.join-form .divider.tel .item:after {
    content: "-";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    transform: translateY(-50%);
}

.join-form input {
    background: #fff;
}
.join-form select {
    background: #fff;
}
.join-form .info {
    color: #999999;
    font-size: 14px;
    margin: 8px 0px 0px 0px;
}
.join-form .btn-area {
    margin-top: 50px;
}
.join-form .btn-area button {
    height: 55px;
    width: 185px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
}
.join-form .btn-area button.btn-white {
    background: #fff;
    border: 2px solid #dddddd;
    color: #666666;
}
.join-form .btn-area button.btn-orange {
    background: #ff5000;
    color: #fff;
}
.join-form  .btn-area button + button {
    margin-left: 10px;
}

.join-form .btn-pass-toggle {
    width: 33px;
    height: 18px;
    position: absolute;
    top: 16px;
    right: 18px;
    text-indent: -9999px;
    background: url(../images/common/ico/ico_eye_hide.png) no-repeat 0 0;
}
.join-form .btn-pass-toggle.active {
    background: url(../images/common/ico/ico_eye_show.png) no-repeat 0 0;
}

.join-form .agree {
    overflow: hidden;
}
.join-form .row + .row .agree {/*20210325 추가*/
    margin-top:20px;
}
.join-form .agree .txt {
    font-size: 20px;
    font-weight: 600;
}
.join-form .agree.agree--even .txt { /*20210325 추가*/
    float: left;
}
.join-form .agree .txt .fc-orange {
    color: #ff5000;
}
.join-form .agree .txt .fc-gray {/*20210325 추가*/
    color: #888;
}
.join-form .agree label {
    font-size: 20px;
    cursor: pointer;
}
.join-form .agree.agree--even label { /*20210325 추가*/
    float: right;
}
.join-form .agree input {
    cursor: pointer;
    position: relative;
    top: -1px;
}
.join-form .agree .chk-list {
    margin-top: 16px;
}
.join-form .agree .chk-list label + label {
    margin-left: 40px;
}
.join-form .txt-box {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 13px; /*20210325*/
    color: #6b6b6b;
    font-weight:500;/*20210325*/
}
.join-form .txt-box .d1>li{
    margin-bottom: 36px;/*20210325*/
}
.join-form .txt-box .d1>li:last-of-type{
    margin-bottom: 0;
}
.join-form .txt-box .d1>li .tit{
    margin-bottom: 10px;
    line-height: 1.5;
}
.join-form .txt-box .d2 {
    padding-left: 20px;
    line-height: 1.5;
}
.join-form .txt-box .d2>li {
    position: relative;
    padding-left: 10px;
}
.join-form .txt-box .d2.orange>li {
    color: #ff5000;
}
.join-form .txt-box .d2>li:before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 0px;
}
.join-form .txt-box .d3 {/*20210326 추가*/
    padding-left: 20px;
    line-height: 1.5;
}
.join-form .txt-box .d3>li + li {
    margin-top:5px;
}
.join-form .txt-box .desc {
    margin-bottom:10px;
    line-height:1.3;
}

.join-form .welcome-tit {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.join-form .welcome-txt {
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom:36px;/*20210325*/
}
.join-form .welcome-txt02 { /*20210325 welcome-txt02 추가*/
    text-align: center;
    font-size:16px;
    line-height: 1.5;
    color:#555;
}
.join-form .welcome-txt02 + .welcome-txt02 {
    margin-top:18px;
}
.join-form .welcome-txt .orange {
    color: #fa5900;
}
.join-form .welcome-txt02 .fcolor01 {
    font-weight:600;
}

/*회원정보입력-중복체크 버튼*/
.join-form .row .td .devider {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.join-form .row .td .devider .devider-item {
    display: table-cell;
    vertical-align: top;
}
.join-form .row .td .devider .devider-item.w110-pc {width: 110px;}
.join-form .row .td .btn {
    background: black;
    color: #fff;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.join-form .row .td .btn.btn-gray {
    background: #595959;
}


/*=========== Mypage ===========*/
.mypage .top-bnr__subtit {
    width: 89px;
    height: 13px;
    background-image: url(../images/Mypage/txt_subtit.png);
}
.mypage .top-bnr {
    background-image: url(../images/Mypage/img_bnr.jpg);
}
.mypage-tab {
    margin-top: 80px;
}
.mypage-form {
    border: 1px solid #ebebeb;
    margin-bottom: 40px;
    background: #f8f8f8;
}
.mypage-form>.inner {
    padding: 48px 40px;
    font-size: 0;
}
.mypage-form .row {
    overflow: hidden;
    margin-bottom: 24px;
}
.mypage-form .row:last-of-type {
    margin-bottom: 0;
}
.mypage-form .row .cell {
    position: relative;
    display: inline-block;
    font-size: 13px;
    min-height: 48px;
    float: left;
}
.mypage-form .row .cell:nth-of-type(1) {
    width: 160px;
}
.mypage-form .row .cell:nth-of-type(2) {
    width: calc(100% - 160px);
}
.mypage-form .row .cell.th {
    font-size: 17px;
    color: #666666;
}
.mypage-form .row .cell.th>span {
    position: relative;
    display: inline-block;
    padding-top: 14px;    
    padding-left: 15px;
}
.mypage-form .row .cell.th>span:after {
    content: "";
    display: none;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}
.mypage-form .row .cell.th.required>span:after {
    display: block;
}

.mypage-form .divider {
    font-size: 0;
}
.mypage-form .divider .item {
    position: relative;
    display: inline-block;
}
.mypage-form .divider .item:nth-of-type(1) {
    margin-right: 5px;
    width: calc(50% - 5px);
}
.mypage-form .divider .item:nth-of-type(2) {
    margin-left: 5px;
    width: calc(50% - 5px);
}
.mypage-form .divider.tel .item:nth-of-type(1) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.mypage-form .divider.tel .item:nth-of-type(2) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.mypage-form .divider.tel .item:nth-of-type(3) {
    margin-left: 0;
    margin-right: 0px;
    width: calc(33.33%);
}
.mypage-form .divider.tel .item:after {
    content: "-";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    transform: translateY(-50%);
}

.mypage-form input {
    background: #fff;
}
.mypage-form select {
    background: #fff;
}
.mypage-form .info {
    color: #999999;
    font-size: 14px;
    margin: 8px 0px 0px 0px;
}
.mypage-form .btn-area {
    margin-top: 50px;
}
.mypage-form .btn-area button {
    height: 55px;
    width: 185px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
}
.mypage-form .btn-area button.btn-white {
    background: #fff;
    border: 2px solid #dddddd;
    color: #666666;
}
.mypage-form .btn-area button.btn-orange {
    background: #ff5000;
    color: #fff;
}
.mypage-form  .btn-area button + button {
    margin-left: 10px;
}
.mypage-form .btn-pass-toggle {
    width: 33px;
    height: 18px;
    position: absolute;
    top: 16px;
    right: 18px;
    text-indent: -9999px;
    background: url(../images/common/ico/ico_eye_hide.png) no-repeat 0 0;
}
.mypage-form .btn-pass-toggle.active {
    background: url(../images/common/ico/ico_eye_show.png) no-repeat 0 0;
}

.mypage-form .agree {
    overflow: hidden;
}
.mypage-form .agree .txt {
    font-size: 20px;
    font-weight: 600;
    float: left;
}
.mypage-form .agree .txt .fc-orange {
    color: #ff5000;
}
.mypage-form .agree label {
    font-size: 20px;
    float: right;
    cursor: pointer;
}
.mypage-form .agree input {
    cursor: pointer;
    position: relative;
    top: -1px;
}
.mypage-form .txt-box {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 18px;
    color: #6b6b6b;
}
.mypage-form .txt-box .d1{
    /* margin-bottom: 10px; */
}
.mypage-form .txt-box .d1>li{
    margin-bottom: 50px;
}
.mypage-form .txt-box .d1>li:last-of-type{
    margin-bottom: 0;
}
.mypage-form .txt-box .d1>li .tit{
    margin-bottom: 10px;
    line-height: 1.5;
}
.mypage-form .txt-box .d2 {
    padding-left: 20px;
    line-height: 1.5;
}
.mypage-form .txt-box .d2>li {
    position: relative;
    padding-left: 10px;
}
.mypage-form .txt-box .d2.orange>li {
    color: #ff5000;
}
.mypage-form .txt-box .d2>li:before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 0px;
}

.mypage-form .welcome-tit {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.mypage-form .welcome-txt {
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
}
.mypage-form .welcome-txt .orange {
    color: #fa5900;
}
.mypage-form .btn-withdrawal {
    height: 48px;
    font-size: 18px;
    color: #fff;
    width: 298px;
    background: #666565;
}
.mypage-form .btn-withdrawal:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 14px;
    background: url(../images/common/ico/ico_arw_right_10_14.png) no-repeat 0 0;
    margin-left: 10px;
}

/*20210308/mklee/devider*/
.mypage-form .row .td .devider {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mypage-form .row .td .devider .devider-item {
    display: table-cell;
    vertical-align: top;
}
.mypage-form .row .td .devider .devider-item.w110-pc {width: 110px;}
.mypage-form .row .td .btn {
    background: black;
    color: #fff;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
.mypage-form .row .td .btn.btn-gray {
    background: #595959;
}





.data-table {
}
.data-table th,
.data-table td {
    font-size: 18px;
    border: 1px solid #dae1e6;
    height: 60px;
    text-align: left;
    padding: 0px 40px 0px 40px;
}
.data-table th {
    position: relative;
    background: #f7f9fa;
}
.data-table th:after {
    position: absolute;
    top: 50%;
    left: 28px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #fa610c;
    border-radius: 50%;
}
.data-table td.pd0 {
    padding: 0;
}
.data-table td .gray {
    color: #989898;
}
.data-table .ta-wrap {
    border: 0;
}
.data-table .ta-wrap textarea {
    border: 0;
    background: none;
    font-size: 18px;
    color: #333333;
    line-height: 1.4;
    height: 120px;
}

/*내 지원현황, 내 멘토링 목록*/
.mypage-form2 {
    /* border: 1px dashed red; */
}
.mypage-form2>.inner {
    overflow: hidden;
}
.mypage-form2 .item {
    overflow: hidden;
    float: left;
    border: 1px solid #dae1e6;
    background: #f7f9fa;
    padding: 30px;
    padding-bottom: 5px;
    width: calc(50% - 82px);
    margin-top: 40px;
}
.mypage-form2 .item:nth-of-type(odd) {
    margin-right: 20px;   
}
.mypage-form2 .item:nth-of-type(even) {
    margin-left: 20px;
}
.mypage-form2 .item .row {
    width: calc(50% - 30px);
    float: left;
    margin-bottom: 25px;
}
.mypage-form2 .item .row:nth-of-type(odd) {
    margin-right: 30px;
}
.mypage-form2 .item .row:nth-of-type(even) {
    margin-left: 30px;
}
.mypage-form2 .item:first-of-type {
    margin-top: 0;
}
.mypage-form2 .item:nth-of-type(2) {
    margin-top: 0;
}
.mypage-form2 .item .row .cell {}
.mypage-form2 .item .row .cell.th {
    position: relative;
    padding-left: 10px;
    font-weight: 600;
    font-size: 14px;
    color: #8c8c8c;
    margin-bottom: 10px;
}
.mypage-form2 .item .row .cell.th:after {
    position: absolute;
    left: 0;
    top: 6px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fa5900;
}
.mypage-form2 .item .row .cell.td {}
.mypage-form2 .item .row.full {
    /* border: 1px solid red; */
    width: 100%;
}
.mypage-form2 .ip-txt {
    background: #fff;
    /* margin-bottom: 25px; */
}
.mypage-form2 .ip-txt:read-only {
    background: #f9f9f9;
    color: #b3b3b3;
}
.mypage-form2 .ip-txt.fc-orange {
    color: #fa5900;
}
.mypage-form2 .ip-txt.fc-blue {
    color: #059ff7;
}
.mypage-form2 .btn {
    height: 50px;
    font-weight: 600;
    color: #fff;
    background: #000;
    font-size: 16px;
    width: 100%;
}
.mypage-form2 .btn.btn-gray {
    background: #666666;
}
.mypage-form2 .btn.btn-orange {
    background: #ff5000;
}
.mypage-form2 .td.ip-btn {
    overflow: hidden;
}
.mypage-form2 .td.ip-btn .ip-txt {
    width: calc(50% - 50px);
    float: left;
}
.mypage-form2 .td.ip-btn .btn {
    width: 50%;
    float: left;
}
/*내멘토링목록*/
.mypage-form2 .td .white-box {
    border: 1px solid #dddddd;
    background: #fff;
    height: 62px;
    line-height: 62px;
    padding-left: 24px;
    padding-right: 24px;
    width: calc(100% - 50px);    
    text-align: center;
}
.mypage-form2 .td .white-box>span {
    display: inline-block;   
    font-size: 14px;
    color: #666666;
    font-weight: 600;
    padding-right: 10px;
}
.mypage-form2 .td .white-box>.btn {
    display: inline-block;   
    width: auto;
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 3px;    
    font-size: 14px;    
}
.mypage-form2 .td .white-box>.btn.btn-white {
    background: #fff;
    border: 1px solid #dadce0;
    color: #8c8c8c;
}
.mypage-form2 .td .white-box>.btn.btn-orange {

}

/* 20210416 멘토링목록 테이블 추가 :: S */
.mypage-form2 .mentoring-table {width: 100%; border-collapse: collapse;}
.mypage-form2 .mentoring-table th {height: 48px; padding: 0 10px; border: 1px solid #dae1e6; background-color: #f7f9fa; color: #8c8c8c; font-size: 14px; font-weight: 600;}
.mypage-form2 .mentoring-table td {height: 63px; line-height: 1.4; border: 1px solid #dae1e6; border-top: none; padding: 0 10px; text-align: center;}
.mypage-form2 .mentoring-table td:nth-of-type(1) {color: #34528c;}
.mypage-form2 .mentoring-table .impossible {background-color: #f9f9f9; color: #b3b3b3;}
.mypage-form2 .mentoring-table .not {color: #ff5000;}
.mypage-form2 .mentoring-table dt {display: none;}

.btn-arr {background-color: transparent; color: #666; font-weight: 600;}
.btn-arr:after {display: inline-block; content:''; width: 6px; height: 10px; background: url('../images/Mypage/btn-arr.png') no-repeat center/contain; margin-left: 5px; margin-top: -4px; vertical-align: middle;}
.btn-border {width: 83px; height: 33px; color: #8c8c8c; background-color: #fff; border: 1px solid #dadce0; border-radius: 3px;}
/* 20210416 멘토링목록 테이블 추가 :: E */

/*활동내역*/
.mypage-activity {
    /* border: 1px dashed red; */
    border-top: 1px solid #dae1e6;
    border-right: 1px solid #dae1e6;
}
.mypage-activity>.inner {}
.mypage-activity .row {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
}
.mypage-activity .row .th, 
.mypage-activity .row .td {
    font-size: 18px;
    border: 1px solid #dae1e6;
    border-top-width: 0;
    border-right-width: 0;
    /* min-height: 60px; */
    height: 60px;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}
.mypage-activity .row .th {
    background: #f7f9fa;
    width: 254px;   
}
.mypage-activity .row .th>span {
    position: relative;
    padding-left: 55px;
    font-weight: 600;
}
.mypage-activity .row .th>span:after {
    position: absolute;
    top: 50%;
    left: 40px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #fa610c;
    border-radius: 50%;
}
.mypage-activity .row .td {
    padding: 0px 40px 0px 40px;
}
.mypage-activity .row .td.pd0 {
    padding: 0px;
}
.mypage-activity .row .td>span {
    color: #989898;
}
.mypage-activity .row .td .ta-wrap {
    border: 0;
}
.mypage-activity .row .td .ta-wrap>textarea {
    font-size: 18px;
    color: #333333;
    line-height: 1.4;
}
.mypage-activity .row .td .ta-wrap>input[type="text"] {
    font-size: 18px;
    color: #333333;
    line-height: 1.4;
    border: none;
    padding: 0;
    background-color: transparent;
}

/*내직원현황 - 등록버튼*/
.mypage-tit-btn {
    position: relative;
    overflow: hidden;
    /* padding-bottom: 40px; */
    margin-bottom: 40px;
    margin-top: 80px;
    /* border-bottom: 1px solid #eeeeee; */
    /* border: 1px dashed red; */
}
.mypage-tit-btn .tit {
    /*
    float: left;
    font-size: 24px;
    font-weight: 600;
    margin-top: 7px;
    */
    position: relative;
    padding-left: 48px;
    line-height: 28px;
    font-size: 24px;
    font-weight: 600;
    color: #222;
    padding-bottom: 40px;
    /* margin-bottom: 35px; */
    border-bottom: 1px solid #eee;    
}
.mypage-tit-btn .tit::before {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/common/ico/ico_subtit.png) no-repeat;
    top: 0;
    left: 0;
}
.mypage-tit-btn .btn {
    height: 36px;
    /* width: 120px; */
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600; 
    color: #fff;
    background: #ff5000;
    position: absolute;
    float: none;
    top: 0px;
    right: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

/*=========== FamilyService ===========*/
.familyService .top-bnr {background-image:url(../images/Apply/img_bnr.jpg);}
.familyService .top-bnr__subtit {width:127px; height:10px; background-image:url(../images/Apply/txt_subtit.png);}
.familyService-tab {
    margin-top: 80px;
}
.familyService-tab .tab-btn ul .tab-btn__item {
    width: 33.33%;
}

.data-table2 {
    border-top: 1px solid #dae1e6;
}
.data-table2 th,
.data-table2 td {
    font-size: 14px;
    border-bottom: 1px solid #dae1e6;
    height: 60px;
    padding: 0px 40px 0px 40px;
}

.table-type-list .table-type-list-head {
    height: 50px;
    background: #f7f9fa;
    border-top: 1px solid #dae1e6;
    border-bottom: 1px solid #dae1e6;
}
.table-type-list .table-type-list-head .item {
    display: inline-block;
    padding-top: 15px;
    text-align: center;
}
.table-type-list .table-type-list-head .item.tit {
    width: calc(100% - 220px);
    padding-left: 15px;
}
.table-type-list .table-type-list-head .item.writer {
    width: 100px;
}
.table-type-list .table-type-list-head .item.date {
    width: 100px;
}

.table-type-list .table-type-list-body {

}
.table-type-list .table-type-list-body .item {
    position: relative;
    overflow: hidden;
    height: 63px;
    border-bottom: 1px solid #dae1e6;
}
.table-type-list .table-type-list-body .item .tit {
    display: inline-block;
    width: calc(100% - 220px);
    padding-left: 15px;
}
.table-type-list .table-type-list-body .item .date {
    display: inline-block;
    width: 100px;
    text-align: center;
    padding-top: 25px;    
}
.table-type-list .table-type-list-body .item .writer {
    display: inline-block;
    text-align: center;
    width: 100px;    
}


/*paging*/
.ui-paging {
	text-align: center;
    margin-top: 40px;
}
.ui-paging ul {
	font-size: 0;
}
.ui-paging ul li {
	display: inline-block;
    font-weight: 300;
    vertical-align: top;
}
.ui-paging ul li {
	margin-right: 10px;
}
.ui-paging ul li>button {
	min-width: 26px;
    width: auto;
	height: 26px;
    border: 1px solid #acacac;
	cursor: pointer;
	outline: 0;
    color: #acacac;
	font-size: 11px;
    letter-spacing: 1px;
}
.ui-paging ul li.first>button,
.ui-paging ul li.prev>button,
.ui-paging ul li.next>button,
.ui-paging ul li.last>button {
	text-indent: -9999px;
}
.ui-paging ul li.last {
}
.ui-paging ul li.item>button {
	line-height: 21px;
	background: #fff;
}
.ui-paging ul li.item.active>button {
	font-weight: 400;
	color: #fff;
	background: #868686;
}
.ui-paging ul li.first>button {
	background: url(../images/common/ico/ico_paging_first.png) no-repeat 50% 50%;
}
.ui-paging ul li.prev>button {
	background: url(../images/common/ico/ico_paging_prev.png) no-repeat 50% 50%;
}
.ui-paging ul li.next>button {
	background: url(../images/common/ico/ico_paging_next.png) no-repeat 50% 50%;
}
.ui-paging ul li.last>button {
	background: url(../images/common/ico/ico_paging_last.png) no-repeat 50% 50%;
}

.board-detail {
    /* border: 1px solid red; */
}
.board-detail .board-detail-header {
    padding: 0 38px;
    border-bottom: 1px solid #dae1e6;
}
.board-detail .board-detail-tit {
    font-size: 24px;
    font-weight: 600;
    color: #222222;
    margin-bottom: 20px;
}
.board-detail .board-detail-date {
    font-size: 18px;
    font-weight: 400;
    color: #666666;
    margin-bottom: 33px;    
}
.board-detail .board-detail-con {
    padding: 33px 38px;
    border-bottom: 1px solid #dae1e6;
    line-height:2;/*20210330*/
}
.board-detail .board-detail-con .attach {
    margin-top: 70px;
}
.board-detail .board-detail-con .attach .attach-item {
    display: block;
    position: relative;
    color: #2c408d;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 13px;
    line-height:1;/*20210330*/
}
.board-detail .board-detail-con .attach .attach-item:last-of-type {
    margin-bottom: 0px;
}
.board-detail .board-detail-con .attach .attach-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 9px;
    height: 16px;
    background: url(../images/common/ico/ico_attach.png) no-repeat 0 0;
}
.board-detail .board-detail-bottom-btn {
    padding: 40px 0;
    overflow: hidden;
}
.board-detail .board-detail-bottom-btn button {
    width: 108px;
    height: 56px;
    font-size: 16px;
    border-radius: 28px;
    margin-right: 20px;
}
.board-detail .board-detail-bottom-btn button:last-of-type {
    margin-right: 0px;
}
.board-detail .board-detail-bottom-btn button.btn-gray {
    border: 2px solid #dddddd;
    color: #666666;
    background: #efefef;
}
.board-detail .board-detail-bottom-btn button.btn-orange {
    border: 2px solid #ff5000;
    color: #fff;
    background: #ff5000;
}
.board-detail .board-detail-bottom-btn button.btn-white {
    border: 2px solid #dddddd ;
    color: #666666;
    background: #fff;
    float: right;
}
.sub-txt .btn-add {
    position: absolute;    
    top: 35px;
    right: 0px;    
    width: 120px;
    height: 39px;
    line-height: 39px;
    background: #ff5000;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border-radius: 20px;
}

/* 20210401 버튼 스타일 추가 */
.sub-txt .btn-add-solid {
    position: absolute;    
    top: 35px;
    right: 0px;    
    width: 144px;
    height: 39px;
    line-height: 35px;
    background-color: #fff;
    border: 2px solid #fa5900;
    font-size: 16px;
    color: #fa5900;
    font-weight: 600;
    border-radius: 20px;
}

.family-service-search {
    overflow: hidden;
}
.family-service-search .condition {
    overflow: hidden;
    padding-left: 40px;
    float: left;
}
.family-service-search .condition .condition-item {
    float: left;
    margin-right: 20px;
}
.family-service-search  .condition-item .condition-item-label {
    position: relative;
    font-size: 18px;
    color: #666666;
    width: auto;
    float: left;
    line-height: 2.5;
    padding-left: 15px;
    margin-right: 15px;
}
.family-service-search  .condition-item .condition-item-label:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}
.family-service-search  .condition-item .condition-item-input {
    width: 200px;
    float: left;
}
.family-service-search .btn-area {
    float: right;
}
.family-service-search .btn-area button {
    
    background: #595959;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    width: 160px;
}

.family-service-card-type-list {
    font-size: 0;
}
.family-service-card-type-list .item {
    vertical-align: top;
    display: inline-block;
    width: calc(50% - 20px);
    min-height: 100px;
    outline: 1px solid #eeeeee;
    margin-top: 40px;
    font-size: 13px;
}
.family-service-card-type-list .item:nth-of-type(odd) {
    margin-right: 20px;
}
.family-service-card-type-list .item:nth-of-type(even) {
    margin-left: 20px;
}
.family-service-card-type-list .item .item-header {
    position: relative;
    height: 55px;
    line-height: 55px;
    background: #eeeeee;
    padding-left: 30px;
    padding-right: 30px;    
}
.family-service-card-type-list .item .item-header .tit {
    font-size: 20px;
    font-weight: 500;
}
.family-service-card-type-list .item .item-header .btn-go {
    position: absolute;
    width: 35px;
    height: 35px;
    /* background: #ff5000; */
    background: #ff5000 url(../images/common/ico/ico_btn_go.png) no-repeat 55% 50%;
    top: 10px;
    right: 20px;
    border-radius: 50%;
    text-indent: -9999px;
    cursor: pointer;
}
.family-service-card-type-list .item .item-con {}
.family-service-card-type-list .item .item-con .d1 {}
.family-service-card-type-list .item .item-con .d1>li {
    display: table;
    width: 100%;
    height: 55px;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    font-size: 18px;
}
.family-service-card-type-list .item .item-con .d1>li:last-of-type {
    border-bottom: 0;
}
.family-service-card-type-list .item .item-con .d1>li>.tit {
    position: relative;
    display: table-cell;
    width: 116px;
    vertical-align: middle;
    font-size: 18px;
    color: #666666;
    border-right: 1px solid #eee;
    padding-left: 27px;
    padding-right: 27px;
}
.family-service-card-type-list .item .item-con .d1>li>.tit:before {
    content: "";
    display: inline-block;
    position: relative;
    top: -5px;
    left: -8px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}
.family-service-card-type-list .item .item-con .d1>li>.txt {
    display: table-cell;
    vertical-align: middle;
    padding-left: 27px;
    padding-right: 27px;    
    padding-top: 20px;
    padding-bottom: 20px;
    color: #333333;
    word-break: break-all;    
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2 {
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2>li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
    color: #666666;
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2>li:last-of-type {
    margin-bottom: 0;
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2>li:after {
    content: "-";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2>li>.tit {
    display: inline-block;
    width: 50%;
    color: #666666;
}
.family-service-card-type-list .item .item-con .d1>li>.txt .d2>li>.txt {
    display: inline-block;
    color: #333333;
}
.family-service-form {
    border: 1px solid #ebebeb;
    margin-bottom: 40px;
    background: #f8f8f8;
}
.family-service-form>.inner {
    padding: 68px 172px;
    font-size: 0;
}
.family-service-form .row {
    overflow: hidden;
    margin-bottom: 24px;
}
.family-service-form .row:last-of-type {
    margin-bottom: 0;
}
.family-service-form .row .cell {
    display: inline-block;
    font-size: 13px;
    min-height: 48px;
    float: left;
}
.family-service-form .row .cell:nth-of-type(1) {
    width: 160px;
}
.family-service-form .row .cell:nth-of-type(2) {
    width: calc(100% - 160px);
}
.family-service-form .row .cell.th {
    font-size: 17px;
    color: #666666;
}
.family-service-form .row .cell.th>span {
    position: relative;
    display: inline-block;
    padding-top: 14px;    
    padding-left: 15px;
}
.family-service-form .row .cell.th>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 22px;
    left: 0px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #ff5000;
}
.family-service-form .divider {
    font-size: 0;
}
.family-service-form .divider .item {
    position: relative;
    display: inline-block;
}
.family-service-form .divider .item:nth-of-type(1) {
    margin-right: 5px;
    width: calc(50% - 5px);
}
.family-service-form .divider .item:nth-of-type(2) {
    margin-left: 5px;
    width: calc(50% - 5px);
}
.family-service-form .divider.tel .item:nth-of-type(1) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.family-service-form .divider.tel .item:nth-of-type(2) {
    margin-left: 0;
    margin-right: 20px;
    width: calc(33.33% - 20px);
}
.family-service-form .divider.tel .item:nth-of-type(3) {
    margin-left: 0;
    margin-right: 0px;
    width: calc(33.33%);
}
.family-service-form .divider.tel .item:after {
    content: "-";
    display: inline-block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: calc(100% + 6px);
    transform: translateY(-50%);
}

.family-service-form .divider.date .item:nth-of-type(1) {
    margin-right: 10px;
    width: calc(50% - 10px);
}
.family-service-form .divider.date .item:nth-of-type(1):after {
    content: "~";
    position: absolute;
    font-size: 18px;
    font-weight: 600;
    top: 15px;
    right: -14px;
}
.family-service-form .divider.date .item:nth-of-type(2) {
    margin-left: 10px;
    width: calc(50% - 10px);
}
.family-service-form .divider.date .item .ip-txt {
    background: #fff url(../images/common/ico/ico_calendar.png) no-repeat 95% 50%;
}

.family-service-form input {
    background: #fff;
}
.family-service-form select {
    background: #fff;
}
.family-service-form .info {
    color: #999999;
    font-size: 14px;
    margin: 8px 0px 0px 0px;
    line-height: 1.3;
}
.family-service-form .info.blue {
    color: #059ff7;
}
.family-service-form .btn-area {
    margin-top: 50px;
}
.family-service-form .btn-area button {
    height: 55px;
    width: 185px;
    border-radius: 27px;
    font-size: 16px;
    font-weight: 600;
}
.family-service-form .btn-area button.btn-white {
    background: #fff;
    border: 2px solid #dddddd;
    color: #666666;
}
.family-service-form .btn-area button.btn-orange {
    background: #ff5000;
    color: #fff;
}
.family-service-form .btn-area button.btn-gray {
    background: #efefef;
    border: 2px solid #dddddd;
    color: #666666;
}
.family-service-form  .btn-area button + button {
    margin-left: 10px;
}
.family-service-form .agree {
    overflow: hidden;
}
.family-service-form .agree .txt {
    font-size: 20px;
    font-weight: 600;
    float: left;
}
.family-service-form .agree .txt .fc-orange {
    color: #ff5000;
}
.family-service-form .agree label {
    font-size: 20px;
    float: right;
    cursor: pointer;
}
.family-service-form .agree input {
    cursor: pointer;
    position: relative;
    top: -1px;
}
.family-service-form .txt-box {
    margin-top: 10px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    min-height: 100px;
    max-height: 300px;
    overflow-y: auto;
    font-size: 18px;
    color: #6b6b6b;
}
.family-service-form .txt-box .d1{
    /* margin-bottom: 10px; */
}
.family-service-form .txt-box .d1>li{
    margin-bottom: 50px;
}
.family-service-form .txt-box .d1>li:last-of-type{
    margin-bottom: 0;
}
.family-service-form .txt-box .d1>li .tit{
    margin-bottom: 10px;
    line-height: 1.5;
}
.family-service-form .txt-box .d2 {
    padding-left: 20px;
    line-height: 1.5;
}
.family-service-form .txt-box .d2>li {
    position: relative;
    padding-left: 10px;
}
.family-service-form .txt-box .d2.orange>li {
    color: #ff5000;
}
.family-service-form .txt-box .d2>li:before {
    content: "-";
    position: absolute;
    top: 0px;
    left: 0px;
}
.family-service-form .welcome-tit {
    font-size: 42px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}
.family-service-form .welcome-txt {
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
}
.family-service-form .welcome-txt .orange {
    color: #fa5900;
}
.family-service-form.file-type {
    background: none;
    border: 0;
}
.family-service-form.file-type>.inner {
    padding: 0px 10px 10px 10px;
}
.family-service-form.file-type .ip-txt[type=file] {
    background: #f7f7f7;
}
.family-service-form.check-type .row .cell.td {
    width: 50%;
}
.family-service-form.check-type .row .cell.td label{
    font-size: 18px;
    cursor: pointer;
}
.family-service-form.check-type .row .cell.td label>input{
    cursor: pointer;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    position: relative;
    top: 9px;
}
.family-service-form.check-type .row .cell.td .ip-txt {
    width: 190px;
    height: 40px;
    margin-left: 10px;
}
.family-service-form.card-type {
    margin-bottom: 20px;
}
.family-service-form.card-type>.inner {
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 40px;
}
.family-service-form.card-type .row {
    float: left;
    margin-bottom: 0;
    margin-right: 20px;
}
.family-service-form.card-type .row:last-of-type {
    margin-right: 0;
}
.family-service-form.card-type .row .cell {
    width: 100%;
}
.family-service-form .ta-wrap {
    background: #fff;
}
/* 20210408 추가 :: S */
.family-service-form .ta-wrap2 {
    background: #fff;
}
/* 20210408 추가 :: E */
.family-service-form .td-list {
    background: #fff;
    border: 1px solid #dddddd;
    padding: 24px;
}
.family-service-form .td-list>ul>li {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.family-service-form .td-list>ul>li:last-of-type {
    margin-bottom: 0;
}
.family-service-form .td-list>ul>li .tit {
    position: relative;
    display: table-cell;
    width: 160px;
    padding-left: 15px;
    padding-top: 15px;
    vertical-align: top;
    font-size: 18px;
    color: #666666;
}
.family-service-form .td-list>ul>li .tit:after {
    content: "-";
    position: absolute;
    top: 15px;
    left: 0px;
}
.family-service-form .td-list>ul>li .txt {
    display: table-cell;
    vertical-align: top;
}


/*20210225/mklee/팝업 띄웠을때 body 불능처리*/
/*
body>.wrap.scroll-disabled {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
*/
body.scroll-disabled {
    overflow: hidden;
}

/*20210226/mklee/메인 팝업 슬라이드*/
.pop-cont-main {
    
}
.pop-cont-main .swiper-button-prev,
.pop-cont-main .swiper-button-next {
    /* border: 1px solid red; */
    width: 45px;
    height: 80px;
}
.pop-cont-main .swiper-button-prev {
    left: 0;
    background: url(../images/main/main-pop-prev.png) no-repeat 0 0;
}
.pop-cont-main .swiper-button-next {
    right: 0;
    background: url(../images/main/main-pop-next.png) no-repeat 0 0;
}
.pop-cont-main .swiper-button-prev:after,
.pop-cont-main .swiper-button-next:after {
    display: none;
}
.pop-cont-main .swiper-pagination.swiper-pagination-bullets {
    /* border: 1px solid red; */
    bottom: 30px;
}
.pop-cont-main .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    opacity: 0.5;
    background: #fff;
    width: 6px;
    height: 6px;
    transition: all 0.1s;
}
.pop-cont-main .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 24px;
    border-radius: 6px;
}

/*20210302/mklee/패밀리 서비스 - 게시판 - 리스트 - 탭*/
.family-service-cate-tab {
    position: relative;
    margin-bottom: 60px;
    font-size: 0;
}
.family-service-cate-tab:after {
    z-index: 10;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #505050;
}
.family-service-cate-tab button {
    position: relative;
    z-index: 5;
    width: 100px;
    height: 39px;
    font-size: 15px;
    background: #f8f8f8;
    color: #969696;
    border: 1px solid #c8c8c8;
    border-bottom: 0;
}
.family-service-cate-tab button.active {
    z-index: 15;
    background: #ffffff;
    color: #505050;
    border-color: #505050;
}


/*test*/
/*
#header {
    background: black;
}
*/