/* 서브 공통 */
.sub_inner{width:100%; max-width:1920px; min-width:320px; margin:0 auto;}

.sub_visual {position:relative; width:100%; min-width:320px; height:340px; background: url(../images/contents/sub_visual.jpg) fixed no-repeat; background-size:100%; }
.sub_tit {font-size:45px; color:#fff; font-family: 'GmarketSansMedium'; padding-top:160px;}
.sub_navi {position:absolute; bottom:0; left:0; width:100%; height:70px; background:rgba(0,0,0,0.4);}
.sub_navi_inner {width:1200px; margin:0 auto; }

.cont_navigation {position: relative; padding-left: 70px;}
.cont_navigation:after {content: ''; display: block; clear: both;}
.cont_navigation .home {display:inline-block; width:70px; height:70px; background: url(../../images/home_icon.png)no-repeat 50% 50%;}
.cont_navigation .home {position: absolute; left: 0; background: url(../images/navi_line.png)no-repeat right 25px;}
.cont_navigation .home img {padding:27px 26px;}
.navi_select {float: left; position: relative;}
.navi_select .depth {position: relative; display: block; min-width: 200px; height:70px; line-height: 70px; padding: 0 20px; text-align: left; background: url(../images/navi_line.png)no-repeat right 25px; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.navi_select .depth span {display: block; position: relative; color: #fff;}
.navi_select .depth span:after {content: ''; position: absolute; top: 28px; right: 0; display: block; width: 14px; height: 14px; background: no-repeat 50% 50%; background-image: url(../images/navi_arrow.png); background-size: 10px auto; -webkit-transition: transform .3s; -ms-transition: transform .3s; -moz-transition: transform .3s; transition: transform .3s;}
.navi_select.active .depth {}
.navi_select.active .depth span {color: #fff;}
.navi_select.active .depth span:after {background-image: url(../images/navi_arrow.png); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);}
/* .navi_list {display: none; position: absolute; top: 70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); background: rgba(51,51,51,.9); width: 100%; padding:10px 0; z-index: 100;} */
.navi_list {display: none; position: absolute; top: 70px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); background: rgba(51,51,51,.9); width: 100%; padding:10px 0; z-index: 88;}
.navi_list li {}
.navi_list li a {display: block; padding: 16px 20px; color:#dadada;}
.navi_list li a:hover {color: #fff;}

.contents {padding: 90px 0 120px;}

.sub_title {padding-bottom: 50px;}
.sub_title * {vertical-align: middle;}
.sub_title h3 {display: inline-block; line-height: 1; font-size: 40px; font-weight: 800;}
.sub_title h3 > span.state_st{display:inline-block; margin-left:15px;}

.tit_box {padding-bottom: 68px;}
.tit_box h4 {position: relative; display: inline-block; font-size: 23px; font-weight: 800; font-family: 'Pretendard', 'NotoSansKR', sans-serif;}
.tit_box h4:after {content: ''; position: absolute; bottom: -13px; left: 0; display: block; width: 38px; height: 3px; background: #333;}

/* 서브 */
.sub_wrap .all_menu{display:none; position:absolute; top:0; right:0; width:max(380px, 20vw); background:#0d2a65; z-index:89;}
.page_txt{font-size:16px; color:#666; margin-top:15px;}
.page_txt > b{font-weight:normal; word-break:keep-all;}
.page_txt > a{display:inline-block; border-radius:15px; padding:3px 8px; color:#fff; font-size:14px;  background:#db4252; margin-left:10px;}

/* 이용방법 */
.how2use{text-align:center;}
.how2use img{max-width:1024px; width:100%;}

/* 멘토링 관리 */
.mtr_qna {border:1px solid #ddd; border-bottom:none;}
.mtr_qna li{}
.mtr_qna li + li > div{display:none;}
.mtr_qna li > p.mtr_q{font-size:20px; font-weight:500; line-height:165%; padding:20px; padding-right:50px; background:#f9f9f9; color:#333; position:relative; border-bottom:1px solid #ddd; word-break: keep-all; display:flex; justify-content: space-between; align-items:baseline;}
.mtr_qna li > p.mtr_q:after{content:''; width:6px; height:6px; display:block; border-top:1px solid #333; border-right:1px solid #333; transform:rotate(135deg); position:absolute; top:0; bottom:0; right:20px; margin:auto; line-height:200%;}
.mtr_qna li p b{font-weight:500; font-size:inherit;}
.mtr_qna li > p.mtr_q span{font-size:15px; color:#999 }
.mtr_qna li div.mtr_a{padding:20px; border-bottom:1px solid #ddd;}
.mtr_qna li div.mtr_a p + p{margin-top:30px;}
.mtr_qna li div.mtr_a p span{font-size:16px; display:block; margin-bottom:10px;}
.mtr_qna li div.mtr_a p textarea{font-size:16px; line-height:200%; word-break: keep-all; height:auto; color:#666; min-height:150px; padding:15px 20px;}
.mtr_qna li .btn_wrap2 > a + a{margin-left:5px;}

/* 모달창 */
.mtr_regist > p{border-bottom:1px solid #ddd; padding:10px 0;}
.mtr_regist > p > *{display:block; text-align:center;}
.mtr_regist > p > b{font-size:18px; color:#333;}
.mtr_regist > p > span{font-size:15px; color:#999;}
.mtr_regist > div{padding:10px 0;}
.mtr_regist > div > section + section{margin-top:15px; padding-top:10px; border-top:1px dashed #ddd;}
.mtr_regist > div > section > span{font-size:15px; color:#666; display:block; margin-bottom:10px;}
.mtr_regist > div > section > textarea{min-height:100px; padding:10px;}
.mtr_regist .btn_wrap2{justify-content:center;}
.mtr_regist .btn_wrap2 .btn{width:100%;}
.mtr_regist .mtr_radio_box{display:flex; }
.mtr_regist .mtr_radio_box > p{position:relative; background:#f7f9fc; border-radius:5px; width:49%; padding:10px; box-sizing:border-box;}
.mtr_regist .mtr_radio_box > p + p{margin-left:2%;}
.mtr_regist .mtr_radio_box > p > input[type='radio']{position:absolute;}
.mtr_regist .mtr_radio_box > p > label{width:100%; display:block; padding-left:25px;}

/* 신청정보 - 프로필 관련 */
.sub_title_02{margin-bottom:30px;}
.sub_title_02 h4{font-size:22px; position:relative; padding-left:30px; font-weight:500; }
.sub_title_02 h4:before{content:''; display:block; width:15px; height:6px; background:#6e85e1; border-radius:3px; transform: rotate(45deg); position:absolute; top:0; bottom:0; left:0; margin:auto; }
.sub_title_02 p{font-size:16px; color:#666; margin-top:10px; word-break:keep-all;}
.sub_title_02 h4:after{content:''; display:block; width:15px; height:6px; background:#2e418e; border-radius:3px; transform: rotate(45deg); position:absolute; top:0; bottom:0; left:10px; margin:auto; }

* + .sub_title_02{margin-top:60px;}

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

.member_profile .mb_photo{width:20%; border-top:2px solid #2e418e; border-bottom:1px solid #eee; padding:35px 20px 0 20px; box-sizing:border-box; text-align:center;}
.member_profile .mb_photo > span{ display:inline-block; width:180px; height:180px; border-radius:50%; border:1px solid #ddd; margin:0 auto;}
.member_profile .mb_photo > span > img{width:100%; background:transparent;height:100%;border-radius: inherit;}
.member_profile > .form_box{width:80%;}
.member_profile .mb_photo > p{margin-top:30px; position:relative;}
.member_profile .mb_photo > p > label{width:80%; height:40px; line-height:40px; font-size:16px; color:#fff; background:#2e418e; border-radius:5px; border:1px solid #ddd; }
.member_profile .mb_photo > p > label.del{width:80%; height:40px; line-height:40px; font-size:16px; color:#fff; background:#db4252; border-radius:5px; border:1px solid #ddd; }
.member_profile .mb_photo > p > input{opacity:0; width:80%; height:40px; position:absolute; z-index:87;}

/* 사이트맵 */
.sitemap > li + li{margin-top:80px; }
.sitemap > li > ul{display:flex; justify-content:space-between; padding:65px; border-radius:20px; background:#f7f9fc;}
.sitemap > li > ul > li{width:30%; height:65px; line-height:65px; }
.sitemap > li > ul > li a{display:block; width:100%; border-radius:10px; border:1px solid #ddd; text-align:center; padding:0 10px; background:#fff;}
.sitemap > li > ul > li a:hover{background:#2e418e; color:#fff; transition:all 0.4s;}

/* 의견보내기 */
.research {width: 100%; margin: 0 auto 150px; padding:0 20px;}
.research .research_box {border: 1px solid #eee; padding: 25px 30px;}
.research .top {overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px;}
.research .top p {float: left; font-size: 18px; font-weight: 600; background: url(../images/contents/icon_satisfy.png) no-repeat 0 50%; background-size: 25px auto; padding-left: 35px;}
.research .top .input_radio {float: right; text-align: right;}
.research .bottom .input_txt {width: 100%;}
.research .bottom .input_txt input {width: calc(100% - 125px);}
.research .bottom .input_txt button {width: 120px;}

/* pc */

@media (min-width: 2560px) {
    html, body {font-size:20px;}
}

@media (min-width: 2270px) {
    html, body {font-size:17px;}
}

@media (max-width: 1920px) {
    .sub_inner{max-width:1440px;}
    .contents{padding:90px 20px 120px;}
    .sub_title h3{font-size:34px;}
}

@media (max-width: 1440px) {
    .sub_visual{background-size:cover;}
    .sub_tit{text-align:center;}

    .research {margin-bottom: 120px;}
}

@media (max-width: 1280px) {
    .contents{padding:60px 20px 90px;}
    .sub_visual {height:320px;}
    .sub_tit{font-size:34px;}
    .sub_title{padding-bottom:40px;}
    .sub_title h3{font-size:30px;}

    .member_profile .mb_photo{padding:15px 0;}
    .member_profile .mb_photo > span{width:150px; height:150px;}
    .member_profile .mb_photo > p{margin-top:15px;}

    /* 의견보내기 */
    .research {width: 100%; padding: 0 20px; margin-bottom: 80px;}
    
}

/* mobile */
@media (max-width: 1024px) {
    .sub_tit{ font-size:28px;}
    .sub_title h3{text-align:center; display:flex; justify-content:center; flex-direction:column-reverse;}
    .sub_title h3 > span.state_st{display:block; width:fit-content; margin:0 auto 10px; }

    .sub_title_02{text-align:center;}
    .sub_title_02 h4{width:fit-content; margin:0 auto;}

    .mtr_qna li > p.mtr_q{font-size:18px; flex-wrap:wrap; }
    .mtr_qna li div.mtr_a{padding:10px;}
    .mtr_qna li .btn_wrap2{flex-wrap:wrap;}

    .member_profile{flex-wrap:wrap; justify-content:center;}
    .member_profile .mb_photo{width:100%; border-bottom:none; padding:35px 0;}
    .member_profile .mb_photo > p > input,
    .member_profile .mb_photo > p > label{width:min(200px, 80%)}
    .member_profile .mb_photo > p > label.del{width:min(200px, 80%)}
    .member_profile > .form_box table.bbsTbView{border-top:1px solid #eee;}
    .member_profile > .form_box{width:100%;}

    /* 의견보내기 */
    .research .top{display:flex; justify-content:center; flex-wrap:wrap;}
    .research .top p {float: none;}
    .research .top .input_radio {float: none; text-align: left; margin-top: 15px;}
}

@media (max-width: 768px) {
    .sub_visual{height:240px;}
    .sub_tit{padding-top:95px;}

    .page_txt{text-align:center;}
    .page_txt span{display:block; width:fit-content; margin:10px auto 0;}

    /* 의견보내기 */
    .research {margin-bottom: 60px;}
}

@media (max-width: 640px) {
    .contents{padding:50px 15px 50px;}

    .sub_title_02 p .pc_only{display:none;}
    .member_profile > .form_box colgroup{display:none;}
    .member_profile > .form_box th, .member_profile > .form_box td{width:100%;}

    .sitemap > li + li{margin-top:60px; }
    .sitemap > li > ul{flex-wrap:wrap; justify-content:center; padding:35px; border-radius:10px;}
    .sitemap > li > ul > li{width:100%;}
    .sitemap > li > ul > li + li{margin-top:20px;}

    /* 의견보내기 */
    .research .top p {font-size: 16px; background-position: 0 5px;}
  
}

@media (max-width: 576px) {
}

@media (max-width: 425px) {
    /* 의견보내기 */
   .research .bottom .input_txt input {width: 100%; margin-bottom: 5px;}
   .research .bottom .input_txt button {width: 100%;}
}

@media (max-width: 360px) {
}