/* 07마이페이지_04회원정보수정_01정보수정 */
.sub7_4_1 .join_box{ padding-top:15px; border-bottom:2px solid #e9e9e9; margin-bottom:60px;}
.sub7_4_1 .join_box .ps_ment{color:#777; font-size:17px; padding-left:15px; position:relative; margin:20px 0;}
.sub7_4_1 .join_box .ps_ment:before{content:''; width:3px; height:3px; background:#fca313; position:absolute; top:50%; margin-top:-1.5px; left:0;}
.sub7_4_1 .join_box .tit{border-top:2px solid #333; color:#000; font-size:20px; font-weight:500; line-height:85px;}
.sub7_4_1 .join_box .tit span{font-size:14px; font-weight:100; color:#999; display:inline-block; padding-left:10px; position:relative; float:right; line-height:85px;}
.sub7_4_1 .join_box .tit span:before{content:''; width:6px; height:6px; background:#ff6600; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
.sub7_4_1 .join_box dl{display:table; table-layout: fixed; width:100%; border-top:1px solid #f4f4f4}
.sub7_4_1 .join_box dl.name,.sub7_4_1 .join_box dl.loca{border-top:none;}
.sub7_4_1 .join_box dl dt{color:#000; font-size:16px; display:table-cell; vertical-align: middle; padding-left:17px; width:183px;}
.sub7_4_1 .join_box dl dt span{display:inline-block; position:relative; padding-right:15px;}
.sub7_4_1 .join_box dl dt span:before{content:''; width:6px; height:6px; background:#ff6600; border-radius:50%; position:absolute; right:0; top:7px; margin-top:-3px;}
.sub7_4_1 .join_box dl dd{display:table-cell; vertical-align: middle; padding:20px 0;}
.sub7_4_1 .join_box dl dd .input_box input,
.sub7_4_1 .join_box dl dd .select_box select{border:1px solid #e5e5e5; height:50px; line-height:50px; box-sizing: border-box; font-size:16px; color:#000; padding:0 20px;}
.sub7_4_1 .join_box dl dd .select_box select{outline-style: none; -webkit-appearance: none; /* 브라우저별 기본 스타일링 제거 */ -moz-appearance: none; appearance: none; color:#b2b2b2; background:url('../images/common/selec_ico.png') no-repeat; background-position:center right 15px; vertical-align: middle}
.sub7_4_1 .join_box dl dd .w_360 input,
.sub7_4_1 .join_box dl dd .w_360 select{width:360px;}
.sub7_4_1 .join_box dl dd .w_130 input,
.sub7_4_1 .join_box dl dd .w_130 select{width:130px;}
.sub7_4_1 .join_box dl dd .w_240 input,
.sub7_4_1 .join_box dl dd .w_240 select{width:240px;}
.sub7_4_1 .join_box dl dd .w_100 input,
.sub7_4_1 .join_box dl dd .w_100 select{width:100%; margin-top:10px;}
.sub7_4_1 .join_box dl dd .ment{color:#999; font-size:14px; font-weight:300; display:block; margin-top:10px;}
.sub7_4_1 .join_box dl dd button{border:none; height:50px; line-height:50px; width:140px; color:#fff; background:#333; font-size:16px; text-align:center; font-weight:300; vertical-align:middle;}
.sub7_4_1 .join_box dl.email dd em{margin:0 5px}
.sub7_4_1 .join_box dl.email dd .select_box{margin-left:5px;}
.sub7_4_1 .join_box dl.email dd .select_box select{width:140px}
.sub7_4_1 .join_box dl.pw dd .input_box{position:relative}
.sub7_4_1 .join_box dl.pw dd em{font-size:12px; color:#e84250; font-weight:300; position:absolute; right:20px; line-height:50px;}
.sub7_4_1 .btn_wrap{margin:60px 0 120px; text-align:center;}
.sub7_4_1 .btn_wrap ul{display:inline-block;}
.sub7_4_1 .btn_wrap ul li{float:left;}
.sub7_4_1 .btn_wrap a{display:block; width:190px; height:50px; line-height:50px; color:#fff; font-size:16px; border-radius: 10px; margin:0 2px; cursor: pointer; text-align:center;}
.sub7_4_1 .btn_wrap .agree_ok{background:#ff6600;}
.sub7_4_1 .btn_wrap .agree_no{background:#b2b2b2;}
.sub7_4_1 .info_box p{color:#777; font-size:16px; line-height:170%;}
.sub7_4_1 .info_box .tit{color:#333; font-size:20px; font-weight:500; margin-bottom:15px; margin-top:30px}

/* 07마이페이지_05인문독서아카데미_01기관정보 */
.sub7_5_1 .join_box dl.cell dd em{display:inline-block; margin:0 10px;}
.sub7_5_1 .join_box dl.bth dd span{margin-right:5px;}
.sub7_5_1 .join_box .text_area{width:100%;}
.sub7_5_1 .join_box .text_area .textareaContainer{display:block; padding:20px; border:1px solid #ddd;}
.sub7_5_1 .join_box .text_area .textareaContainer.m_20{margin-bottom:20px;}
.sub7_5_1 .join_box .text_area .textareaContainer textarea{width:100%; margin:0; padding:0; border-width:0; font-family: "Noto Sans KR",sans-serif; color:#000; font-size:16px;}
.sub7_5_1 .join_box dl.address dt{vertical-align: top; padding-top:30px;}
.sub7_5_1 .join_box dl.center_info dt,
.sub7_5_1 .join_box dl.plan dt,
.sub7_5_1 .join_box dl.edu_loca dt,
.sub7_5_1 .join_box dl.edu_loca_info dt{vertical-align: top; padding-top:50px;}
.sub7_5_1 .join_box dl.plan dd p{margin-bottom:20px;}
.sub7_5_1 .join_box dl.edu_loca dd div{margin:10px 0;}
.sub7_5_1 .join_box dl.edu_loca dd div button{width:90px; height:36px; line-height:36px; background:#fca313; color:#fff; border-radius: 5px; font-size:15px; font-family: "Noto Sans KR", sans-serif; margin-left:20px}
.sub7_5_1 .join_box dl.edu_loca dd div label{margin-right:20px;}
.sub7_5_1 .join_box dl.edu_loca .file_box{overflow: hidden; display:inline-block; vertical-align: middle}
.sub7_5_1 .join_box dl.edu_loca .file_box input{margin-left:-77px;}
.sub7_5_1 .join_box dl.people dd div{overflow: hidden}
.sub7_5_1 .join_box dl.people dd div ul{margin:0 -35px;}
.sub7_5_1 .join_box dl.people dd div ul li{width:50%; float:left; position:relative}
.sub7_5_1 .join_box dl.people dd div ul li:before{content:'/'; color:#000; position:absolute; left:-10px; top:12px;}
.sub7_5_1 .join_box dl.people dd div ul li:first-child:before{display:none;}
.sub7_5_1 .join_box dl.people dd div ul li p{margin:0 35px;}
.sub7_5_1 .join_box dl.people dd div ul li p .input_box input{margin:0 10px 0 20px; width:59%;}
.sub7_5_1 .join_box dl.edu_info2 dd{position:relative}
.sub7_5_1 .join_box dl.edu_info2 dd .select_box{width:200px; display:inline-block; position:absolute; left:0;}
.sub7_5_1 .join_box dl.edu_info2 dd .input_box{margin-left:210px;}
.sub7_5_1 .join_box dl.edu_info2 dd .select_box select,
.sub7_5_1 .join_box dl.edu_info2 dd .input_box input{width:100%;}

/* 07마이페이지_05인문독서아카데미_02강의정보 */
.sub7_5_2 .my_lecture{border-top:2px solid #333; margin-top:45px;}
.sub7_5_2 .my_lecture dl{display:table; table-layout: fixed; width:100%; border-bottom:1px solid #e5e5e5}
.sub7_5_2 .my_lecture dl dt{display:table-cell; vertical-align: middle; width:185px; padding-left:15px; font-size:16px; color:#000; }
.sub7_5_2 .my_lecture dl dd{display:table-cell; vertical-align: middle; font-size:16px; color:#000; padding:20px 0;}


.sub7_5_2 .board_list_box{margin-bottom:120px;}
.sub7_5_2 .board_list_box .board_list .btn_write{position:relative}

.sub7_5_7 .list_wrap{border-top:2px solid #333; padding-bottom:60px; border-bottom:2px solid #e9e9e9}
.sub7_5_7 .list_wrap dl{display:table; table-layout:fixed; width:100%; border-top:1px solid #f4f4f4;}
.sub7_5_7 .list_wrap dl:first-child{border-top:none;}
.sub7_5_7 .list_wrap dl dt{width:180px; padding-left:20px; display:table-cell; vertical-align: middle; line-height:90px;}
.sub7_5_7 .list_wrap dl dd{display:table-cell; vertical-align: middle;}
.sub7_5_7 .list_wrap dl.btn_box dt{vertical-align: top; margin-top:50px;}
.sub7_5_7 .list_wrap dl.btn_box dd{padding:25px 0;}
.sub7_5_7 .list_wrap dl dd button{width:60px; height:36px; line-height:36px; color:#fca313; border:1px solid #fca313; border-radius: 5px; text-align:center; background:#fff; margin-right:5px; margin-bottom:5px;}
.sub7_5_7 .list_wrap dl dd.input_list{}
.sub7_5_7 .list_wrap dl dd.input_list div{overflow: hidden;}
.sub7_5_7 .list_wrap dl dd.input_list div ul{margin:0 -30px;}
.sub7_5_7 .list_wrap dl dd.input_list div ul li{width:33.33%; float:left; position:relative}
.sub7_5_7 .list_wrap dl dd.input_list div ul li:before{content:'/'; position:absolute; left:0; top:12px;}
.sub7_5_7 .list_wrap dl dd.input_list div ul li p{margin:0 30px;}
.sub7_5_7 .list_wrap dl dd.input_list div ul li p .input_box{display:inline-block; margin-left:25px; margin-right:10px;}
.sub7_5_7 .list_wrap dl dd.input_list div ul li p .input_box input{border:1px solid #ddd; line-height:50px; height:50px; width:90px; vertical-align: middle; box-sizing: border-box; padding:0 20px; font-size:16px; font-family: "Noto Sans KR", sans-serif;}

.sub7_5_7 .btn_wrap{margin:60px 0 120px; text-align:center;}
.sub7_5_7 .btn_wrap a{display:inline-block; width:190px; height:50px; line-height:50px; color:#fff; font-size:16px; border-radius: 10px; margin:0 2px; cursor: pointer; text-align:center; background:#ff6600;}

@media (max-width:1240px) {
    .sub7_5_7 .list_wrap dl dd.input_list div ul{margin:0;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li:before{left:-15%;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li p{margin :0;}

    .sub7_5_1 .sub_container .main_tit,
    .sub7_5_7 .sub_container .main_tit{margin-bottom:0}
    .sub7_4_1 .join_box{padding-top:0;}
}


@media (max-width:1024px) {

    .sub7_5_7 .list_wrap{padding-bottom:0;}
    .sub7_5_7 .list_wrap dl dd.input_list{padding:20px 0;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li{width:100%; margin-top:10px;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li:first-child{margin-top:0;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li p .input_box{width:78%}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li p .input_box input{width:100%; line-height:40px; height:40px;}
    .sub7_5_7 .list_wrap dl dd >br{display:none;}
}

@media (max-width:980px){
    .sub7_4_1 .join_box{margin-bottom:0}
    .sub7_4_1 .join_box dl.pw dd .input_box{width:100%; display:inline-block; margin-bottom:10px;}
    .sub7_4_1 .join_box dl.pw dd .input_box input{width:100%; margin-right:0;}
    .sub7_4_1 .join_box dl dd .w_240 input,
    .sub7_4_1 .join_box dl dd .w_240 select{width:30%;}
    .sub7_4_1 .join_box dl.email dd .select_box select{width:30%;}
    .sub7_4_1 .join_box dl dd .w_360 input,
    .sub7_4_1 .join_box dl dd .w_360 select{width:70%;}
    .sub7_4_1 .join_box dl dd button{width:28%;}
    .sub7_4_1 .join_box .ps_ment{display:none;}

    .sub7_5_1 .join_box dl.people dd div ul li p .input_box input{width:40%;}

    .sub7_5_5 .board_search_box dl{padding:0;}
}

@media (max-width:768px) {
    .sub3_1_1 .board_list_box .board_list{overflow: hidden}

    .sub7_4_1 .join_box dl dd .input_box input, .sub7_4_1 .join_box dl dd .select_box select{padding:0 10px;}
    .sub7_4_1 .join_box dl dt{padding-top:20px; width:100%; display:block; padding-left:0;}
    .sub7_4_1 .join_box dl dd{padding:10px 0 20px; display:block;}
    .sub7_4_1 .join_box .tit{line-height:35px; font-size:16px; border-bottom:2px solid #000; border-top:none;}
    .sub7_4_1 .join_box .tit span{line-height:35px; font-size:12px;}
    .sub7_4_1 .join_box dl dt{font-size:14px;}
    .sub7_4_1 .join_box dl dd .input_box input,
    .sub7_4_1 .join_box dl dd .select_box select{height:40px; line-height:40px; font-size:14px;}
    .sub7_4_1 .join_box dl dd .ment{font-size:13px;}
    .sub7_4_1 .join_box dl dd button{height:40px; line-height:40px; font-size:14px;}
    .sub7_4_1 .join_box{border:none;}
    .sub7_4_1 .join_box dl{position:relative}
    .sub7_4_1 .join_box dl.pw dd em{line-height:35px; top:10px; right:0}
    .sub7_4_1 .join_box dl.pw dd .input_box{position:initial;}
    .sub7_4_1 .join_box dl dd .w_360 input, .sub7_4_1 .join_box dl dd .w_360 select{width:100%;}
    .sub7_4_1 .join_box dl.address dd .w_360 input{width:71%}
    .sub7_4_1 .btn_wrap{margin:30px 0 60px; overflow: hidden}
    .sub7_4_1 .btn_wrap ul{margin:0 -2px; display:block;}
    .sub7_4_1 .btn_wrap ul li{float:left; width:50%;}
    .sub7_4_1 .btn_wrap a{ width:auto;}
    .sub7_4_1 .info_box .tit{line-height:35px; font-size:16px; margin-bottom:0}
    .sub7_4_1 .info_box p{font-size:14px;}
    .sub7_4_1 .join_box dl dd{font-size:14px;}
    .sub7_4_1 .join_box dl dd .w_130 input, .sub7_4_1 .join_box dl dd .w_130 select{width:110px;}


    .sub7_5_1 .join_box dl.edu_loca dd div button{width:100%; margin-left:0; background:#333; height:40px; line-height:40px; font-size:14px; margin-top:15px;}
    .sub7_5_1 .join_box dl.people dd div ul li{width:100%; margin-bottom:10px;}
    .sub7_5_1 .join_box dl.people dd div ul li:before{content:none;}
    .sub7_5_1 .join_box dl.edu_info2 dd .select_box{width:100%; position:relative; margin-bottom:10px;}
    .sub7_5_1 .join_box dl.edu_info2 dd .input_box{margin-left:0;}
    .sub7_5_1 .join_box dl.center_info dt, .sub7_5_1 .join_box dl.plan dt, .sub7_5_1 .join_box dl.edu_loca dt, .sub7_5_1 .join_box dl.edu_loca_info dt{padding-top:20px;}
    .sub7_5_1 .join_box dl.plan dt br{display:none;}
    .sub7_5_1 .join_box dl.plan dd p{color:#777}
    .sub7_5_1 .join_box dl.people dd div ul li p .input_box input{width:65%;}

    .sub7_5_2 .my_lecture{margin-top:30px;}
    .sub7_5_2 .my_lecture dl dt{width:85px; padding-left:0; font-size:14px; vertical-align: top; padding-top:15px;}
    .sub7_5_2 .my_lecture dl dd{font-size:14px; padding:15px 0; line-height:160%;}
    .sub7_5_2 .input_page > dl.term_box dt{display:block; margin:15px 0 10px;}
    .sub7_5_2 .input_page > dl.term_box dd{display:block; padding:0 0 20px; height:auto;}
    .sub7_5_2 .input_page .btn_box ul li{width:33.33%;}
    .sub7_5_2 .input_page .btn_box.list50 ul li{width:50%;}

    .sub7_5_4 .board_search_box{position:relative; margin-bottom:10px;}
    .sub7_5_4 .board_list_box .board_list table{border-top:2px solid #ff6600}
    .sub7_5_4 .board_list_box .board_list table tr td.mobile span{line-height:70px; color:#333;}

    .sub7_5_7 .list_wrap dl dt{font-size:14px; width:85px; line-height:50px; padding-left:0}
    .sub7_5_7 .list_wrap dl dd{font-size:14px;}
    .sub7_5_7 .list_wrap dl.btn_box dt,
    .sub7_5_7 .list_wrap dl.list dt{display:block; margin-top:0;}
    .sub7_5_7 .list_wrap dl.btn_box dd,
    .sub7_5_7 .list_wrap dl.list dd{display:block; padding:0; padding-bottom:20px;}
    .sub7_5_7 .list_wrap dl dd button{width:32%;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li p .input_box{width:75%;}

}

@media (max-width:480px) {
    .sub7_4_1 .join_box dl.email dd em{margin:0;}
    .sub7_5_1 .join_box dl.cell dd em{margin:0 3px;}
    .sub7_4_1 .join_box dl dd .w_130 input, .sub7_4_1 .join_box dl dd .w_130 select{width:99px;}

    .sub7_5_7 .list_wrap dl dd button{width:31%;}
    .sub7_5_7 .list_wrap dl dd.input_list div ul li p .input_box{width:62%;}

    .sub7_5_1 .join_box dl.people dd div ul li p .input_box input{width:60%;}
}