@charset "UTF-8";

@import url("/css/home/kor/user/sub_respond2.css");
@import url("/css/home/kor/user/sub_respond3.css");

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

/* 발간지 */
/* .magazine_cont .magazine_list > li {max-width: 100%; width: 23.897%; margin: 0 11px 11px 0;}
.magazine_cont .magazine_list > li:nth-child(4n) { margin: 0 0 11px;}
.magazine_cont .magazine_list > li:nth-child(5n) { margin: 0 11px 11px 0;}
.magazine_cont .magazine_list > li:hover > .magazine_inner > .magazine_btn { max-width:inherit; max-height:inherit; } */

.magazine_cont .magazine_list > li {flex-basis: 24.25%; margin-bottom: 11px;}

}


@media screen and (max-width:1280px){
/* 로그인 */
.login_cont_arae .inner_box {border: 5px solid #e9ecef; padding: 60px 65px 80px;}
.login_cont_arae .inner_box .title_area {margin: 0 0 50px;}
.login_cont_arae .inner_box .title_area .title {margin: 0 0 10px; font-size: 24px; line-height: 36px;}
.login_cont_arae .inner_box .title_area .text {font-size: 18px; line-height: 27px;}
.login_cont_arae .inner_box .login_input_list_area .list li {width: calc(33.3333% - 16.6666px); margin: 0 25px 0 0; padding: 0 25px 0 0;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 15px; font-size: 20px; line-height: 30px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 17px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt {height: 45px; font-size: 14px; line-height: 45px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt.id {margin: 0 0 5px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {margin: 0 0 15px; font-size: 16px; line-height: 45px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text {font-size: 14px; line-height: 21px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text a {font-size: 14px; line-height: 21px;}

.member_cont_area {margin: 0 0 55px;}
.member_cont_area .member_step_list_area .list li {padding: 15px 5px;}
.member_cont_area .member_step_list_area .list li .text {padding: 0 0 2px 40px; background-size: 25px 23px; font-size: 14px; line-height: 21px;}

.member_step_01_area .title_area {margin: 0 0 45px;}
.member_step_01_area .title_area .title {font-size: 26px; line-height: 39px;}
.member_step_01_area .step_01_cont_list_area .list li {margin: 0 20px 0 0;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box {border: 2px solid #f9f9f9; padding: 57px 27px 65px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box:hover, .member_step_01_area .step_01_cont_list_area .list li .inner_box:focus {border: 2px solid #3c79d5;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 25px; padding: 120px 0 0; background-size: 96px; font-size: 20px; line-height: 30px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {font-size: 16px; line-height: 45px;}

.member_step_02_area .info_list_cont_area > .list > li {margin: 0 0 55px;}
.member_step_02_area .info_list_cont_area > .list > li .title_area {margin: 0 0 15px; padding: 0 0 15px;}
.member_step_02_area .info_list_cont_area > .list > li .title_area .title {font-size: 24px; line-height: 36px;}
.member_step_02_area .info_list_cont_area > .list > li .info_cont_box {margin: 0 0 15px;}
.member_step_02_area .info_list_cont_area > .list > li .rideo_consent_box {padding: 0 0 0 20px;}
.member_step_02_area .info_list_cont_area > .list > li .rideo_consent_box .tit {font-size: 16px; line-height: 25px;}

.member_step_03_area .join_cont_box .inner_box {padding: 80px 10px;}
.member_step_03_area .join_cont_box .inner_box .title_area {margin: 0 0 25px; padding: 110px 0 0; background-size: 87px 86px;}
.member_step_03_area .join_cont_box .inner_box .title_area .sub_tit {font-size: 22px; line-height: 33px;}
.member_step_03_area .join_cont_box .inner_box .title_area .title {font-size: 26px; line-height: 39px;}
.member_step_03_area .join_cont_box .inner_box .text {font-size: 14px; line-height: 21px;}

.com_key_cont_area {margin: 0 0 70px; padding: 20px 10px 20px 30px;}
.com_key_cont_area > .list > li {font-size: 14px; line-height: 27px;}
.com_key_cont_area > .list > li.icon {padding: 0 0 0 20px; background-position: left top 6px; background-size: 15px;}

.id_pass_cont_area > .list > li {width: calc(50% - 17.5px); margin: 0 35px 0 0; padding: 0 35px 0 0;}
.id_pass_cont_area > .list > li .inner_box .box {height: 362px;}
.id_pass_cont_area > .list > li .inner_box .box .title {margin: 0 0 7px; font-size: 26px; line-height: 39px;}
.id_pass_cont_area > .list > li .inner_box .box .text_list_area {margin: 0 0 15px;}
.id_pass_cont_area > .list > li .inner_box .box .text_list_area > .list > li {font-size: 14px; line-height: 27px;}
.id_pass_cont_area > .list > li .inner_box .box .btn_area {margin: 20px 0 0;}

.pass_reset_cont_area {border: 5px solid #e9ecef;}
.pass_reset_cont_area .inner_box {padding: 55px 10px;}
.pass_reset_cont_area .inner_box .title {margin: 0 0 30px; font-size: 26px; line-height: 39px;}
.pass_reset_cont_area .inner_box .btn_area {margin: 30px 0 0;}

.live_sch_cont_area {margin: 0 0 40px; padding: 3px;}
.live_sch_cont_area .inner_box {padding: 40px 180px 35px 40px; background-position: right 20px bottom; background-size: 118px 92px;}
.live_sch_cont_area .inner_box .box {padding: 0 0 0 250px; background-size: 210px 45px;}
.live_sch_cont_area .inner_box .box .list li {width: calc(33.3333% - 26.6666px); margin: 0 40px 15px 0;}
.live_sch_cont_area .inner_box .box .list li:nth-last-child(-n+3) {margin: 0 40px 0 0;}
.live_sch_cont_area .inner_box .box .list li:nth-child(3n) {margin: 0 0 15px;}
.live_sch_cont_area .inner_box .box .list li:last-child {margin: 0;}
.live_sch_cont_area .inner_box .box .list li .text {padding: 0 0 0 40px; font-size: 16px; line-height: 28px;}
.live_sch_cont_area .inner_box .box .list li .text .num {width: 28px; height: 28px; font-size: 12px; line-height: 28px;}

.synthesis {margin: 0 0 15px; font-size: 14px; line-height: 21px;}
.search_list_area .list li .box {padding: 20px 10px 20px 30px;}
.search_list_area .list li .box  .menu_list {margin: 0 0 10px; font-size: 15px; line-height: 23px;}
.search_list_area .list li .box  .title {font-size: 16px; line-height: 24px;}
.search_list_area .list li .box  .text {height: 21px; font-size: 14px; line-height: 21px;}

.com_input_form_area .input_form_list_box > .list > li {margin: 0 0 40px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area {margin: 0 0 10px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .title {font-size: 20px; line-height: 34px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .info_btn {padding: 0 15px; font-size: 14px; line-height: 34px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .txt {margin: 0 0 0 20px; font-size: 14px; line-height: 22px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th {padding: 10px 5px 10px 15px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .btn {padding: 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li {margin: 0 25px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area {padding: 0 0 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area .radio_inp {top: 3px; width: 16px; height: 16px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area .radio_inp:checked:before {width: 6px; height: 6px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area label {font-size: 14px; line-height: 24px;}
.radio_list_area .list li .radio_area {padding: 0 0 0 20px;}
.radio_list_area .list li .radio_area .radio_inp {top: 3px; width: 16px; height: 16px;}
.radio_list_area .list li .radio_area .radio_inp:checked:before {width: 6px; height: 6px;}
.radio_list_area .list li .radio_area label {font-size: 14px; line-height: 24px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li {margin: 0 25px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .chk_inner {padding: 0 0 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .chk_inner .inp_chk {top: 50%; width: 14px; height: 14px; margin: -7px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .chk_inner .inp_chk:checked:before {width: 9px; height: 6px; background-size: 9px 6px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .chk_inner label {font-size: 14px; line-height: 24px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .txt {padding: 0 8px 0 8px; font-size: 14px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .btn {margin: 0 0 0 4px; padding: 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .inp_email {max-width: 200px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .slt_email {max-width: 200px; margin: 0 0 0 6px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .txt {padding: 0 8px; font-size: 14px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li {margin: 0 0 5px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn {padding: 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn .txt {font-size: 14px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .personnel_area .text {margin: 0 0 0 4px; font-size: 14px; line-height: 30px;}


/* 아이디, 비밀번호 찾기 */
.com_sub_tab_area .list_area .list li .btn_box {height:57px;}
.com_sub_tab_area .list_area .list li .btn_box .tab_btn {font-size: 14px; line-height: 21px;}
.id_pass_cont_area .box .title {margin: 0 0 7px; font-size: 26px; line-height: 39px;}
.id_pass_cont_area .box .text_list_area {margin: 0 0 15px;}
.id_pass_cont_area .box .text_list_area > .list > li {font-size:14px;}
.id_pass_cont_area .box .btn_area {margin: 20px 0 0;}
.id_pass_cont_area .box .btn_area .btn {height:auto;}

/* 공통  버튼 */
.cont_btn_list_area {margin: 30px 0 0;}

.top_com_cont_areea {margin: 0 0 60px;}
.top_com_cont_areea .text_list_area {padding: 10px 0 0;}
.top_com_cont_areea .text_list_area:after {top: 0;}
.top_com_cont_areea .text_list_area.icon01:after {right: 30px; bottom: inherit; width: 155px; height: 158px;}
.top_com_cont_areea .text_list_area.icon02:after {right: 30px; bottom: inherit; width: 260px; height: 152px;}
.top_com_cont_areea .text_list_area.icon03:after {right: 30px; bottom: inherit; width: 221px; height: 208px;}
.top_com_cont_areea .text_list_area.icon01 .box {padding: 30px 200px 40px 45px;}
.top_com_cont_areea .text_list_area.icon02 .box {padding: 30px 320px 40px 45px;}
.top_com_cont_areea .text_list_area.icon03 .box {padding: 30px 300px 40px 45px;}
.top_com_cont_areea .text_list_area .box .txt_list_area {padding: 20px 0 0; background-size: 12px 11px;}
.top_com_cont_areea .text_list_area .box .txt_list_area > .list > li {margin: 0 0 7px; font-size: 20px; line-height: 30px;}
.top_com_cont_areea .text_list_area .box .txt_list_area > .list > li.sub {font-size: 16px;}

.introd_list_cont_area > .list > li {margin: 0 0 60px;}
.introd_list_cont_area > .list > li > .title {margin: 0 0 15px; font-size: 22px; line-height: 33px;}
.introd_list_cont_area > .list > li .role_list_area > .list > li .box .title {padding: 70px 0 0; background-size: 60px 54px; font-size: 15px; line-height: 22px;}

.map_cont_area {padding: 35px 20px;}
.map_cont_area .inner_box .map_cont_box.left {padding: 0 30px 0 0;}
.map_cont_area .inner_box .map_cont_box.left .top_box {margin: 0 0 25px; padding: 20px 10px 20px 20px;}
.map_cont_area .inner_box .map_cont_box.left .top_box .inner_box2 .title {width: 80px; font-size: 16px; line-height: 24px;}
.map_cont_area .inner_box .map_cont_box.left .top_box .inner_box2 .text_list_area {padding: 0 0 0 20px;}
.map_cont_area .inner_box .map_cont_box.left .top_box .inner_box2 .text_list_area .list li {padding: 0 0 0 20px; background-size: 16px; background-position: top 3px left; font-size: 14px; line-height: 21px;}
.map_cont_area .inner_box .map_cont_box.left .top_box .inner_box2 .text_list_area .list li .link {height: 21px;}
.map_cont_area .inner_box .map_cont_box.left .map_table_box .mCustomScrollBox .mCSB_container {margin: 0; padding: 0 15px 0 0;}
.map_cont_area .inner_box .map_cont_box.left .map_table_box .table_area thead tr th {padding: 10px 5px; font-size: 14px; line-height: 22px;}
.map_cont_area .inner_box .map_cont_box.left .map_table_box .table_area tbody tr td {padding: 10px 5px; font-size: 14px; line-height: 22px;}
.map_cont_area .inner_box .map_cont_box.left .map_table_box .table_area tbody tr td .link {padding: 0 15px;}
.map_cont_area .inner_box .map_cont_box.left .map_table_box .table_area tbody tr td .link .text {padding: 0 17px 0 0; font-size: 13px; line-height: 24px;}

.map_cont_area .inner_box .map_cont_box.right {display: table-cell; width: 397px;}

/* 공통  버튼 */
.cont_btn_list_area {margin: 30px 0 0;}

/* ================== 2023-03-13 ==================  */
.sub_com_cont_area > .list > li {margin: 0 0 20px;}
.sub_com_cont_area > .list > li .box .inner_box {padding: 0 0 0 20px;}
.sub_com_cont_area > .list > li .box .inner_box.left {width: 200px; height: 60px; background-size: 40px 38px;}
.sub_com_cont_area > .list > li .box .inner_box.left.icon04 {background-size: 62px 53px;}
.sub_com_cont_area > .list > li .box .inner_box.left .title_area .title {font-size: 16px; line-height: 24px;}
.sub_com_cont_area > .list > li .box .inner_box.right {padding: 25px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list > li {font-size: 14px; line-height: 21px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list > li .link {padding: 0 25px; font-size: 16px; line-height: 40px;} 
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li {margin: 15px 0 0 0; padding: 0 25px 0 0; background-size: 18px 16px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li .text {padding: 80px 0 0; background-size: 81px 66px; font-size: 14px; line-height: 21px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.left {width: 180px; padding: 25px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.left .title_area .title {font-size:  14px; line-height: 21px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.right {padding: 25px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.right > .list > li {font-size: 13px; line-height: 21px;}

.com_cont2_area {background-position: left 15px bottom; background-size: 608px 76px;}
.com_cont2_area .text_list_area {padding: 40px 450px 100px 50px; background-position: right 30px bottom; background-size: 244px 225px;}
.com_cont2_area .text_list_area > .list > li {margin: 0 0 25px; font-size: 14px; line-height: 27px;}
.com_cont2_area .text_list_area > .list > li .tit_logo {padding: 0 0 0 30px; background-size: 24px; font-size: 18px; line-height: 24px;}

}

@media screen and (max-width:1080px){
.sub_cont {padding: 50px 5px;}

/* 로그인 */
.login_cont_arae .inner_box {border: 3px solid #e9ecef; padding: 40px 30px 60px;}
.login_cont_arae .inner_box .title_area {margin: 0 0 30px;}
.login_cont_arae .inner_box .title_area .title {margin: 0 0 5px; font-size: 20px; line-height: 30px;}
.login_cont_arae .inner_box .title_area .text {font-size: 16px; line-height: 24px;}
.login_cont_arae .inner_box .login_input_list_area .list li {width: calc(40% - 10px); margin: 0 15px 0 0; padding: 0 15px 0 0;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 10px; font-size: 18px; line-height: 27px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 13px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box .inp_txt {height: 40px; padding: 0 5px 0 30px; background-size: 10px 11px; background-position: left 15px center; font-size: 12px; line-height: 40px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {margin: 0 0 10px; font-size: 14px; line-height: 40px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text {font-size: 12px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .sercive_view_link_area .text a {font-size: 12px;}

.member_cont_area {display: none;}

.member_step_01_area .title_area {margin: 0 0 30px;}
.member_step_01_area .title_area .title {font-size: 22px; line-height: 33px;}
.member_step_01_area .step_01_cont_list_area .list li {width: calc(50% - 6.6666px); margin: 0 10px 0 0;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box {padding: 35px 15px 40px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 15px; padding: 80px 0 0; background-size: 64px; font-size: 18px; line-height: 27px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {font-size: 14px; line-height: 40px;}

.member_step_02_area .info_list_cont_area > .list > li {margin: 0 0 30px;}
.member_step_02_area .info_list_cont_area > .list > li .title_area {margin: 0 0 10px; padding: 0 0 10px;}
.member_step_02_area .info_list_cont_area > .list > li .title_area .title {font-size: 20px; line-height: 30px;}
.member_step_02_area .info_list_cont_area > .list > li .info_cont_box {margin: 0 0 10px; padding: 15px 5px 15px 15px;}
.member_step_02_area .info_list_cont_area > .list > li .rideo_consent_box {padding: 0 0 0 10px;}
.member_step_02_area .info_list_cont_area > .list > li .rideo_consent_box .tit {font-size: 14px; line-height: 22px;}

.member_step_03_area .join_cont_box .inner_box {padding: 60px 5px;}
.member_step_03_area .join_cont_box .inner_box .title_area {margin: 0 0 20px; padding: 80px 0 0; background-size: 58px 57px;}
.member_step_03_area .join_cont_box .inner_box .title_area .sub_tit {font-size: 18px; line-height: 27px;}
.member_step_03_area .join_cont_box .inner_box .title_area .title {font-size: 22px; line-height: 33px;}
.member_step_03_area .join_cont_box .inner_box .text {font-size: 12px;}

.com_key_cont_area {margin: 0 0 50px; padding: 20px;}
.com_key_cont_area > .list > li {font-size: 12px; line-height: 24px;}
.com_key_cont_area > .list > li.icon {padding: 0 0 0 15px; background-position: left top 7px; background-size: 10px;}

.id_pass_cont_area > .list > li {width: calc(50% - 10px); margin: 0 20px 0 0; padding: 0 20px 0 0;}
.id_pass_cont_area > .list > li .inner_box .box {height: 300px;}
.id_pass_cont_area > .list > li .inner_box .box .title {font-size: 20px; line-height: 30px;}
.id_pass_cont_area > .list > li .inner_box .box .text_list_area {margin: 0 0 10px;}
.id_pass_cont_area > .list > li .inner_box .box .text_list_area > .list > li {font-size: 12px; line-height: 24px;}
.id_pass_cont_area > .list > li .inner_box .box .btn_area {margin: 15px 0 0;}

.pass_reset_cont_area {border: 3px solid #e9ecef;}
.pass_reset_cont_area .inner_box {padding: 40px 10px;}
.pass_reset_cont_area .inner_box .title {margin: 0 0 20px; font-size: 22px; line-height: 33px;}
.pass_reset_cont_area .inner_box .btn_area {margin: 20px 0 0;}

.live_sch_cont_area {margin: 0 0 20px;}
.live_sch_cont_area .inner_box {padding: 30px 100px 25px 30px; background-position: right 10px bottom; background-size: 78px 61px;}
.live_sch_cont_area .inner_box .box {padding: 0 0 0 150px; background-size: 140px 30px;}
.live_sch_cont_area .inner_box .box .list li {width: calc(33.3333% - 13.3333px); margin: 0 20px 10px 0;}
.live_sch_cont_area .inner_box .box .list li:nth-last-child(-n+3) {margin: 0 20px 0 0;}
.live_sch_cont_area .inner_box .box .list li:nth-child(3n) {margin: 0 0 10px;}
.live_sch_cont_area .inner_box .box .list li:last-child {margin: 0;}
.live_sch_cont_area .inner_box .box .list li .text {padding: 0 0 0 30px; font-size: 14px; line-height: 24px;}
.live_sch_cont_area .inner_box .box .list li .text .num {width: 24px; height: 24px; line-height: 24px;}

.synthesis {margin: 0 0 10px; font-size: 12px;}
.search_list_area .list li .box {padding: 15px 10px 15px 20px;}
.search_list_area .list li .box  .menu_list {margin: 0 0 5px; font-size: 13px; line-height: 21px;}
.search_list_area .list li .box  .title {font-size: 14px; line-height: 21px;}
.search_list_area .list li .box  .text {font-size: 12px;}


/* 아이디, 비밀번호 찾기 */
.com_key_cont_area p {font-size:12px;}
.id_pass_cont_area .box {height: 300px;}
.id_pass_cont_area .box .title {font-size: 18px; line-height: 27px;}
.id_pass_cont_area .box .text_list_area {margin: 0 0 15px;}
.id_pass_cont_area .box .text_list_area > .list > li {font-size: 12px; line-height: 24px;}
.id_pass_cont_area .box .btn_area {margin: 15px 0 0;}

/* 입력폼 */
.com_input_form_area .input_form_list_box > .list > li {margin: 0 0 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .title {font-size: 18px; line-height: 27px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .info_btn {padding: 0 10px; line-height: 27px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .txt {margin: 0 0 0 15px; font-size: 12px; line-height: 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area.sty2 {padding: 0 60px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area.sty2 .plus_btn {padding: 0 10px; font-size: 14px; line-height: 25px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .text {font-size: 14px; line-height: 25px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th {padding: 10px 5px 10px 10px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit {font-size: 14px; line-height: 24px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th .tit.icon {padding: 0 0 0 10px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th .txt {font-size: 12px; line-height: 21px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td {padding: 5px 5px 5px 10px; font-size: 14px; line-height: 24px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .btn {padding: 0 15px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .btn .text {font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .text_list > li {font-size: 14px; line-height: 22px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .text {font-size: 14px; line-height: 22px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li {margin: 0 20px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area {padding: 0 0 0 15px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area .radio_inp {top: 5px; left: 0; width: 10px; height: 10px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area .radio_inp:checked:before {width: 3px; height: 3px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li .radio_area label {font-size: 12px; line-height: 21px;}
.radio_list_area .list li {margin: 0 20px 0 0;}
.radio_list_area .list li .radio_area {padding: 0 0 0 15px;}
.radio_list_area .list li .radio_area .radio_inp {top: 5px; left: 0; width: 10px; height: 10px;}
.radio_list_area .list li .radio_area .radio_inp:checked:before {width: 3px; height: 3px;}
.radio_list_area .list li .radio_area label {font-size: 12px; line-height: 21px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li {margin: 0 20px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .chk_inner {padding: 0 0 0 18px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li .chk_inner label {font-size: 12px; line-height: 21px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt {height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 .inp_txt {height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 .btn {padding: 0 15px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box {max-width: 389px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .inp_num {height: 30px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .txt {padding: 0 8px 0 8px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .btn {padding: 0 15px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .inp_email {max-width: 150px; height: 30px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .slt_email {max-width: 150px; margin: 0 0 0 5px; height: 30px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .txt {font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .inp_map {max-width: 100%; height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li:first-child .inp_map {max-width: 100%; width: calc(100% - 143px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn {padding: 0 15px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn .txt {line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area textarea {height: 130px; padding: 5px; font-size: 14px; line-height: 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .inp_text_box .text {font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .inp_text_box .inp_text {height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .text_area_box .text {font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .text_area_box textarea {height: 130px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .img_area .text {background-size: 21px 20px; font-size: 14px; line-height: 26px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .img_area .img_close {top: 8px; right: 8px; width: 10px; height: 10px; background-size: 10px 10px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .img_area .che_btn {font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area .inp_file {height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area label {margin: 0 0 0 5px; padding: 0 20px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area .slt_targ {height: 30px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area .inp_targ {height: 30px; margin: 0 0 0 5px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area .text {margin: 0 0 0 5px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.sty2 .text, .com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.sty3 .text {font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area .slt_area {margin: 0 0 0 5px; height: 30px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.slt_3 .slt_area {width: calc(33.3333% - 3.3333px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_list_area {margin: 0 0 0 5px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_list_area .inp_data {height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_list_area .text {padding: 0 5px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .activity_area .list li .inp_act {height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .activity_area .list li .btn {padding: 0 20px; font-size: 14px; line-height: 30px;}

.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_box .data_inp {height: 30px;}

.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .crt_btn {padding: 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .crt_btn .txt {padding: 0 0 0 20px; background-size: 12px 11px; font-size: 14px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .popup_btn {padding: 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .popup_btn .text {font-size: 14px; line-height: 30px;}

.cont_btn_list_area {margin: 25px 0 0;}
.cont_btn_list_area .list li {margin: 0 6px 0 0;}
.cont_btn_list_area .list li .btn {width: 130px; font-size: 16px; line-height: 40px;}
.cont_btn_list_area .list li .cancell_btn {width: 130px; font-size: 16px; line-height: 38px;}

.top_com_cont_areea {margin: 0 0 40px;}
.top_com_cont_areea .text_list_area {padding: 0;}
.top_com_cont_areea .text_list_area:after {top: inherit;}
.top_com_cont_areea .text_list_area.icon01:after {right: 20px; bottom: 0; width: 103px; height: 105px;}
.top_com_cont_areea .text_list_area.icon02:after {right: 20px; bottom: 0; width: 173px; height: 101px;}
.top_com_cont_areea .text_list_area.icon03:after {right: 20px; bottom: 0; width: 147px; height: 138px;}
.top_com_cont_areea .text_list_area.icon01 .box {padding: 20px 150px 30px 30px;}
.top_com_cont_areea .text_list_area.icon02 .box {padding: 20px 220px 30px 30px;}
.top_com_cont_areea .text_list_area.icon03 .box {padding: 20px 200px 30px 30px;}
.top_com_cont_areea .text_list_area .box .txt_list_area {padding: 15px 0 0; background-size: 8px 7px;}
.top_com_cont_areea .text_list_area .box .txt_list_area > .list > li {font-size: 18px; line-height: 27px;}
.top_com_cont_areea .text_list_area .box .txt_list_area > .list > li.sub {font-size: 14px;}

/* ================== 2023-03-13 ==================  */
.sub_com_cont_area > .list > li {margin: 0 0 15px;}
.sub_com_cont_area > .list > li .box .inner_box {padding: 0 0 0 15px;}
.sub_com_cont_area > .list > li .box .inner_box.left {width: 180px; height: 40px; background-size: 26px 25px;}
.sub_com_cont_area > .list > li .box .inner_box.left.icon04 {background-size: 41px 35px;}
.sub_com_cont_area > .list > li .box .inner_box.left .title_area .title {font-size: 14px; line-height: 21px;}
.sub_com_cont_area > .list > li .box .inner_box.right {padding: 20px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list > li {font-size: 12px;} 
.sub_com_cont_area > .list > li .box .inner_box.right > .list > li .link {padding: 0 15px; font-size: 14px; line-height: 30px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li {width: 25%}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(5) {margin: 10px 0 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(4) {margin: 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:last-child {padding: 0; background-image: inherit;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li .text {padding: 55px 0 0; background-size: 54px 44px; font-size: 12px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.left {padding: 20px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.right {padding: 20px;}

.com_cont2_area {background-image: inherit;}
.com_cont2_area .text_list_area {padding: 40px; background-image: inherit;}
.com_cont2_area .text_list_area > .list > li {margin: 0 0 20px; font-size: 12px; line-height: 24px;}
.com_cont2_area .text_list_area > .list > li .tit_logo {font-size: 16px;}

}

@media screen and (max-width:838px){
.member_step_01_area .step_01_cont_list_area .list {width: 100%;}

/* 발간지 */
/* .magazine_cont .magazine_list > li {width: 32%;margin: 0 11px 11px 0;}
.magazine_cont .magazine_list > li:nth-child(4n) {margin: 0 6px 6px 0; clear: both;}
.magazine_cont .magazine_list > li:nth-child(5n) {margin: 0 6px 6px 0;}
.magazine_cont .magazine_list > li:nth-child(3n)  {margin: 0 0 6px;}
.magazine_cont .magazine_list > li > .text_area {padding:6px;}
.magazine_cont .magazine_list > li > .text_area > .title {height:47px; line-height:22px; font-size:14px;} */

.magazine_cont .magazine_list > li {flex-basis: 32.65%;}
.magazine_cont .magazine_list > li > .text_area {padding:6px;}
.magazine_cont .magazine_list > li > .text_area > .title {height:47px; line-height:22px; font-size:14px;} 

/* 발간지 */

}

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

.sub_cont {padding: 40px 5px;}



/* 로그인 */
.login_cont_arae .inner_box {border: 2px solid #e9ecef; padding: 20px 15px 30px;}
.login_cont_arae .inner_box .title_area {margin: 0 0 20px;}
.login_cont_arae .inner_box .title_area .title {font-size: 18px; line-height: 27px;}
.login_cont_arae .inner_box .title_area .text {font-size: 14px; line-height: 21px;}
.login_cont_arae .inner_box .login_input_list_area .list li {width: 100%; margin: 0 0 10px; border: none; padding: 0 0 10px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .title {margin: 0 0 5px; font-size: 16px; line-height: 24px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .input_box {margin: 0 0 8px;}
.login_cont_arae .inner_box .login_input_list_area .list li .box .btn {margin: 0 0 5px; font-size: 12px;}

.member_step_01_area .title_area {margin: 0 0 20px;}
.member_step_01_area .title_area .title {font-size: 20px; line-height: 30px;}
.member_step_01_area .step_01_cont_list_area .list li {width: 100%; margin: 0 0 10px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box {padding: 20px 15px 30px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {margin: 0 0 10px; padding: 60px 0 0; background-size: 42px; font-size: 16px; line-height: 24px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {font-size: 12px;}

.member_step_02_area .info_list_cont_area > .list > li {margin: 0 0 20px;}
.member_step_02_area .info_list_cont_area > .list > li .title_area .title {font-size: 18px; line-height: 27px;}
.member_step_02_area .info_list_cont_area > .list > li .info_cont_box {height: 150px;}
.member_step_02_area .info_list_cont_area > .list > li .rideo_consent_box {padding: 0 0 0 5px;}
.member_step_02_area .info_list_cont_area > .list > li .rideo_consent_box .tit {font-size: 12px; line-height: 19px;}

.member_step_03_area .join_cont_box .inner_box {padding: 40px 5px;}
.member_step_03_area .join_cont_box .inner_box .title_area {margin: 0 0 10px; padding: 60px 0 0; background-size: 38px;}
.member_step_03_area .join_cont_box .inner_box .title_area .sub_tit {font-size: 16px; line-height: 24px;}
.member_step_03_area .join_cont_box .inner_box .title_area .title {font-size: 20px; line-height: 30px;}

.com_key_cont_area {margin: 0 0 30px; padding: 15px;}
.com_key_cont_area > .list > li {line-height: 21px;}
.com_key_cont_area > .list > li.icon {padding: 0 0 0 15px; background-position: left top 6px; background-size: 10px;}

.id_pass_cont_area > .list > li {width: 100%; border-right: none; border-bottom: 1px solid #e9e9e9; margin: 0 0 15px; padding: 0 0 15px;}
.id_pass_cont_area > .list > li .inner_box .box .title {font-size: 18px; line-height: 27px;}

.pass_reset_cont_area {border: 2px solid #e9ecef;}
.pass_reset_cont_area .inner_box {padding: 30px 10px;}
.pass_reset_cont_area .inner_box .title {margin: 0 0 10px; font-size: 18px; line-height: 27px;}
.pass_reset_cont_area .inner_box .btn_area {margin: 10px 0 0;}

.live_sch_cont_area {margin: 0 0 20px;}
.live_sch_cont_area .inner_box {padding: 20px; background-image: inherit; background-size: inherit;}
.live_sch_cont_area .inner_box .box {padding: 0; background-image: inherit; background-size: inherit;}
.live_sch_cont_area .inner_box .box .list li {width: calc(33.3333% - 6.6666px); margin: 0 10px 10px 0;}
.live_sch_cont_area .inner_box .box .list li:nth-last-child(-n+3) {margin: 0 10px 0 0;}
.live_sch_cont_area .inner_box .box .list li:nth-child(3n) {margin: 0 0 10px;}
.live_sch_cont_area .inner_box .box .list li:last-child {margin: 0;}
.live_sch_cont_area .inner_box .box .list li .text {padding: 0 0 0 25px; font-size: 12px; line-height: 21px;}
.live_sch_cont_area .inner_box .box .list li .text .num {width: 21px; height: 21px; line-height: 21px;}

.search_list_area .list li .box {padding: 15px;}



/* 아이디, 비밀번호 찾기 */
.id_pass_cont_area .inner_box {display: table; width: 100%; table-layout: fixed;}
.id_pass_cont_area .inner_box .box, .id_pass_cont_area .inner_box .box2 {display:table-cell; width:100%; height:300px; padding:0; vertical-align: middle; text-align: center;}


/* 입력폼 */
.com_input_form_area .input_form_list_box > .list > li {margin: 0 0 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .title {font-size: 16px; line-height: 24px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .crt_btn {display: block; padding: 0 15px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area > .crt_btn .txt {padding: 0 0 0 15px; background-size: 8px 7px; font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .popup_btn {display: block;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area .popup_btn .text {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area.sty2 {padding: 0 50px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .title_area.sty2 .plus_btn {font-size: 12px; line-height: 22px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .text {font-size: 12px; line-height: 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th {display: block; padding: 7px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th br {display: none; }
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr th .txt {font-size: 12px; line-height: 21px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td {display: block; padding: 5px 5px 5px 10px; font-size: 12px; line-height: 21px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .btn {padding: 0 15px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .btn .text {font-size: 12px; line-height: 25px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .text_list > li {font-size: 12px; line-height: 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td > .text {font-size: 12px; line-height: 20px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area .list li {margin: 0 10px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .radio_list_area.data_dib {display: block;}
.radio_list_area .list li {margin: 0 10px 0 0;}
.radio_list_area.data_dib {display: block;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .chk_list_area .list li {margin: 0 10px 0 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area label .inp_txt {max-width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .text.ver2 span {font-size:12px;}

.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 .inp_txt {width: calc(100% - 82px); max-width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .inp_txt_area.sty2 .btn {padding: 0 15px; font-size: 12px;}

.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box {max-width: calc(100% - 80px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area.tel .number_box {max-width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .inp_num {width: calc(33.3333% - 10.33333px); max-width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .number_box .txt {padding: 0 5px 0 5px; font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .number_area .btn {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .inp_email {width: calc(33.3333% - 10.3333px); max-width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .slt_email {width: calc(33.3333% - 10.3333px); max-width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .email_area .txt {font-size: 12px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area textarea {height: 100px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .inp_text_box .text {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .text_area_box .text {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .textarea_area2 .text_area_box textarea {height: 100px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .img_area .text {padding: 20px 0 0; background-size: 13px; font-size: 12px; line-height: 24px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .img_area .img_close {width: 6px; height: 6px; background-size: 6px 6px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .img_area .che_btn {font-size: 12px; line-height: 25px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area .inp_file {max-width: 100%; width: calc(100% - 81px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .file_area label {padding: 0 15px; font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .personnel_area .inp_pers {max-width: 100%; width: calc(100% - 16px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .personnel_area .text {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .school_area .inp_school {max-width: 100%; width: calc(100% - 48px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .school_area .text {width: 42px; font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area .slt_targ {max-width: 100%; width: calc(50% - 16.5px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area .inp_targ {max-width: 100%; width: calc(50% - 16.5px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area.sty2 .slt_targ {width: 100%;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .targetl_area .text {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.sty2 .text, .com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.sty3 .text {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area .slt_area {max-width: 100%; width: calc(50% - 2.5px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.sty2 .slt_area {width: calc(50% - 23.5px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .area_area.sty3 .slt_area {width: calc(100% - 42px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_list_area {display: block; max-width: 100%; margin: 0;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_list_area .inp_data {max-width: 100%; width: calc(50% - 9px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_list_area .text {font-size: 12px; line-height: 30px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li .btn .txt {font-size: 12px;}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .map_area .list li:first-child .inp_map {width: calc(100% - 131px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .activity_area .list li .inp_act {max-width: 100%; width: calc(100% - 59px);}
.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .activity_area .list li .btn {padding: 0 15px; font-size: 12px;}

.com_input_form_area .input_form_list_box > .list > li .input_cont .input_table_cont .table_inner_box .table_area tbody tr td .data_box .data_inp {max-width: 100%; font-size: 12px; line-height: 18px;}

.cont_btn_list_area {margin: 20px 0 0;}
.cont_btn_list_area .list li {margin: 0 5px 0 0;}
.cont_btn_list_area .list li .btn {width: 110px; font-size: 14px; line-height: 30px;}

.cont_btn_list_area .list li .cancell_btn {width: 110px; font-size: 14px; line-height: 28px;}


.top_com_cont_areea {margin: 0 0 20px;}
.top_com_cont_areea .text_list_area:after {display: none;}
.top_com_cont_areea .text_list_area .box {padding: 20px !important;}
.top_com_cont_areea .text_list_area .box .txt_list_area {padding: 10px 0 0;}
.top_com_cont_areea .text_list_area .box .txt_list_area > .list > li {font-size: 16px; line-height: 24px;}
.top_com_cont_areea .text_list_area .box .txt_list_area > .list > li.sub {font-size: 12px;}

/* ================== 2023-03-13 ==================  */
.sub_com_cont_area > .list > li {margin: 0 0 15px;}
.sub_com_cont_area > .list > li .box {display: block;}
.sub_com_cont_area > .list > li .box .inner_box {display: block; padding: 0 0 0 15px;}
.sub_com_cont_area > .list > li .box .inner_box.left {width: 100%; height: inherit; padding: 15px;}
.sub_com_cont_area > .list > li .box .inner_box.left .title_area .title {font-size: 14px;}
.sub_com_cont_area > .list > li .box .inner_box.left .title_area .title br {display: none;}
.sub_com_cont_area > .list > li .box .inner_box.right {padding: 15px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list > li .link {font-size: 12px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li {width: 33.3333%;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(5) {margin: 10px 0 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(4) {margin: 10px 0 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(3) {margin: 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box {display: block;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2 {display: block;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.left {width: 100%; padding: 15px;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list3 > li .cont_box .inner_box2.right {padding: 15px;}

.com_cont2_area .text_list_area {padding: 15px;}
.com_cont2_area .text_list_area > .list > li {margin: 0 0 15px;}
}


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

/* 발간지 */
/* .magazine_cont .magazine_list > li > .magazine_inner > .imgs .area {height:200px;}
.magazine_cont .magazine_list > li {width:48%; margin: 0 2% 6px 0;}
.magazine_cont .magazine_list > li:nth-child(4n) {margin: 0 0 6px; clear: inherit;}
.magazine_cont .magazine_list > li:nth-child(5n) {margin: 0 6px 6px 0; clear: both;}
.magazine_cont .magazine_list > li:nth-child(3n)  {margin: 0 6px 6px 0; clear: both;}
.magazine_cont .magazine_list > li:nth-child(2n)  {margin: 0 0 6px 0; }  */


.magazine_cont .magazine_list > li {flex-basis:49.5%; margin-bottom:6px ;}
.magazine_cont .magazine_list > li > .magazine_inner > .imgs .area {height:200px;}
.magazine_cont .magazine_list > li > .magazine_inner > .magazine_btn > ul > li{margin: 15px 0 0;}
.magazine_cont .magazine_list > li > .magazine_inner > .magazine_btn > ul > li > a{width: 140px; height: 40px; line-height: 40px; padding: 0 10px; font-size: 12px;}

.magazine_cont .magazine_list > li > .magazine_inner > .magazine_btn > ul > li > a:before{display: none;;}
/* 발간지 */

}

@media screen and (max-width:480px){
.sub_cont {padding: 30px 5px;}

/* 로그인 */
.login_cont_arae .inner_box {border: 1px solid #e9ecef; padding: 15px 5px;}
.login_cont_arae .inner_box .title_area {margin: 0 0 10px;}
.login_cont_arae .inner_box .title_area .title {font-size: 16px; line-height: 24px;}
.login_cont_arae .inner_box .title_area .text {font-size: 12px;}

.member_step_01_area .title_area {margin: 0 0 10px;}
.member_step_01_area .title_area .title {font-size: 16px; line-height: 24px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box {padding: 15px 5px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .tit {padding: 40px 0 0; background-size: 28px; font-size: 14px; line-height: 21px;}
.member_step_01_area .step_01_cont_list_area .list li .inner_box .text {line-height: 35px;}

.member_step_02_area .info_list_cont_area > .list > li .title_area .title {font-size: 16px; line-height: 24px;}

.member_step_03_area .join_cont_box .inner_box {padding: 20px 5px;}
.member_step_03_area .join_cont_box .inner_box .title_area .sub_tit {font-size: 14px; line-height: 21px;}
.member_step_03_area .join_cont_box .inner_box .title_area .title {font-size: 16px; line-height: 24px;}

.live_sch_cont_area .inner_box {padding: 10px;}
.live_sch_cont_area .inner_box .box .list li {width: calc(50% - 5px);}
.live_sch_cont_area .inner_box .box .list li:nth-last-child(-n+3) {margin: 0 10px 10px 0;}
.live_sch_cont_area .inner_box .box .list li:nth-child(3n) {margin: 0 10px 10px 0;}
.live_sch_cont_area .inner_box .box .list li:nth-last-child(-n+2) {margin: 0 10px 0 0;}
.live_sch_cont_area .inner_box .box .list li:nth-child(2n) {margin: 0 0 10px 0;}
.live_sch_cont_area .inner_box .box .list li:last-child {margin: 0;}
.live_sch_cont_area .inner_box .box .list li .text {padding: 0 0 0 25px; font-size: 12px; line-height: 21px;}
.live_sch_cont_area .inner_box .box .list li .text .num {width: 21px; height: 21px; line-height: 21px;}

.pass_reset_cont_area .inner_box .title {font-size: 16px; line-height: 24px;}

.com_key_cont_area p.warning_cont {line-height: inherit;}
.com_cont_popup.id_popup_area {width:95%;}
.com_cont_popup .inner_box .popup_cont_area {padding: 20px 4% 22px;}
.com_cont_popup .inner_box .popup_cont_area .text {font-size:14px;}

.com_sub_tab_area {margin:0 0 32px;}


.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li {width: 50%;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(5) {margin: 10px 0 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(4) {margin: 10px 0 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(3) {margin: 10px 0 0;}
.sub_com_cont_area > .list > li .box .inner_box.right > .list2 > li:nth-child(2) {margin: 0;}

.cont_btn_list_area .list li {width: calc(50% - 2.5px); margin: 0 5px 0 0;}
.cont_btn_list_area .list li .btn {width: 100%;}

}