@font-face {
    font-family: 'Pretendard Variable';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-style: normal;
}


.d_con img {
    display: block;
    margin-bottom: 10px;
    max-width: 100%;
    height: auto !important;
}

header .h01 ul.menu li a{
    color: #111;
}

header,
.header_center,
header .h01{
    background-color: white;
}

header .h01 ul.menu li a:hover{
    color: var(--blue);
    transition: 0.1s;
}


/* 라디오 버튼 크기 및 스타일 커스텀 */
input[type="radio"] {
    appearance: none; /* 기본 스타일 제거 */
    -webkit-appearance: none;
    width: 12px;
    height: 22px;
    border: 1px solid #ddd; /* 테두리 색상 옅게 */
    border-radius: 50%; /* 동그라미 모양 */
    margin: 0;
    cursor: pointer;
    position: relative;
}

/* 체크됐을 때 내부 동그라미 스타일 */
input[type="radio"]:checked {
    border-color: #302d90; /* 체크됐을 때 테두리 색상 */
}

input[type="radio"]:checked::after {
    content: '';
    width: 10px; /* 내부 동그라미 크기 */
    height: 10px; /* 내부 동그라미 크기 */
    background: #302d90; /* 내부 동그라미 색상 */
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.si_bottom{
    justify-content: center;
}


/* common 기능 */
/* 레퍼 http://flooringtile.co.kr/html/login.jsp */
/* sub4_content 옆에 추가 sub_login_content */
/* s4 -> sl */
.sub_login_content {
    width: 100%;
    margin-top: 100px;
    padding: 140px 0 150px;
}

.sl_title {
    width: 100%;
    text-align: center;
    color: #111;
}

.cart_tab {
    width: 100%;
    margin-top: 35px;
}

.cart_tab ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart_tab ul li {
    width: 200px;
    padding-bottom: 7px;
    text-align: center;
    border-bottom: 2px solid #ccc;
    font-size: 17px;
    color: #ccc;
    
}

.cart_tab ul li.on {
    color: #111;
    
    border-bottom: 2px solid #111;
}

.cart_contain1 {
    width: 100%;
    margin-top: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.cart_list,
.order_user_info {
    width: 760px;
}

.list_top {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list_check {
    width: max-content;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.list_check span {
    font-size: 15px;
    color: #111;
    
    margin-left: 7px;
}

.list_check.on img {
    content: url(../images/check_after.png);
}

.list_top input {
    background-color: transparent;
    border: 0;
    font-size: 15px;
    color: #111;
    
}

.cart_list ul {
    width: 100%;
    margin-top: 7px;
    border-top: 1px solid #111;
}

.cart_list ul li {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
}

.cart_list_info {
    width: calc(100% - 40px);
}

.cli_section1 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 70px;
    box-sizing: border-box;
}

.product_con {
    display: flex;
    align-items: center;
}

.pd_img {
    width: 80px;
    height: 80px;
}

.pd_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_con p {
    font-size: 17px;
    color: #111;
    
    margin-left: 20px;
}

.size {
    font-size: 14px;
    color: #999;
    
}

.count_select {
    width: 60px;
    height: 25px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
}

.count_select i {
    font-size: 10px;
    color: #111;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.count_select select {
    font-size: 13px;
    color: #333;
    
}

.cli_section2 {
    width: 100%;
    margin-top: 20px;
    background-color: #f6f6f6;
    padding: 25px 0;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.cli_section2 p {
    text-align: center;
    font-size: 13px;
    
}

.cli_section2 p span {
    display: block;
    margin-top: 5px;
    font-size: 19px;
    
}

span.t_black {
    color: #111;
}

span.t_red {
    color: #f50000;
}

.cli_section2 > span {
    font-size: 19px;
    color: #111;
    
}

.delete {
    position: absolute;
    font-size: 20px;
    color: #111;
    cursor: pointer;
    top: 20px;
    right: 10px;
}

.cart_list > input[type='button'] {
    width: 250px;
    height: 60px;
    border: 1px solid #000;
    margin: 35px auto 0;
    background-color: transparent;
    font-size: 19px;
    color: #333;
    
    display: block;
}

.cart_order {
    width: 370px;
    position: sticky;
    top: 120px;
}

.order_info {
    width: 100%;
    padding: 25px;
    box-sizing: border-box;
    border: 2px solid #111;
}

.order_info ul {
    width: 100%;
}

.order_info ul li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.order_info ul li p {
    font-size: 17px;
    color: #111;
    
}

.order_info ul li span {
    font-size: 19px;
    color: #111;
    
}

.order_total {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order_total p {
    font-size: 19px;
    color: #111;
    
}

.order_total span {
    font-size: 23px;
    color: #f50000;
    
}

.cart_order > input[type='button'] {
    width: 100%;
    height: 60px;
    background-color: #000;
    border: 0;
    margin-top: 20px;
    font-size: 19px;
    color: #fff;
    
}


/* sub4_2 */
.oui_box {
    width: 100%;
    margin-top: 40px;
}

.oui_box:first-child {
    margin-top: 0;
}

.oui_title {
    width: 100%;
    padding: 0 10px 10px;
    box-sizing: border-box;
    font-size: 17px;
    color: #111;
    
    display: flex;
    align-items: center;
    border-bottom: 1px solid #111;
}

.oui_title .list_check {
    margin-left: 10px;
}

.oui_box ul {
    width: 100%;
    padding: 15px 10px 0;
    box-sizing: border-box;
}

.oui_box ul li {
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.oui_box ul li:last-child {
    margin-bottom: 0;
}

.oui_box ul li > p {
    width: 18%;
    font-size: 17px;
    color: #111;
    
    margin-top: 10px;
}

.oui_box ul li > p span {
    color: #f50000;
    margin-left: 5px;
}

.oui_box_input input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #111;
    
}

.oui_box_input1 {
    width: 350px;
}

.oui_box_input2 {
    width: 455px;
}

.oui_box_input2 > input {
    margin-top: 5px;
}

.address_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.address_box input[type='text'] {
    width: 350px;
}

.address_box input[type='button'] {
    width: calc(100% - 355px);
    background-color: #fff;
    border: 1px solid #111;
}

.oui_box_input3 {
    width: 350px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 15px;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.oui_box_input3 input {
    width: 95%;
    border: 0;
    text-align: right;
}

.oui_box_input3 span {
    font-size: 16px;
    color: #111;
    
}

.oui_box_input4 {
    width: 455px;
}

.oui_box_input4 textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #111;
    
}

.oui_box .cli_section1 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 20px 25px;
    box-sizing: border-box;
}

.product_con span {
    display: block;
    font-size: 15px;
    color: #999;
    
    margin-top: 13px;
}

.pd_price {
    font-size: 17px;
    color: #111;
    
}

.pay_select {
    width: 100%;
    padding: 15px 10px 0;
    box-sizing: border-box;
    display: flex;
    gap: 0 60px;
}

.pay_select label {
    display: flex;
    align-items: center;
    gap: 0 5px;
    font-size: 15px;
    color: #111;   
}


/* sub4_3 */
.cart_contain2 {
    width: 500px;
    margin: 80px auto 0;
}

.order_success_box {
    width: 100%;
    border: 2px solid #111;
    box-sizing: border-box;
    padding: 45px 0;
    text-align: center;
}

.order_success_box p {
    font-size: 19px;
    color: #111;
    
    position: relative;
}

.order_success_box p:after {
    content: " ";
    position: absolute;
    width: 100px;
    height: 1px;
    background-color: #ccc;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.order_success_box span {
    display: block;
    margin-top: 40px;
    font-size: 17px;
    line-height: 23px;
    color: #111;
    
}

.os_btn {
    width: 100%;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
}

.os_btn a {
    width: 49%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    
}

.os_btn a:first-child {
    background-color: #111;
    color: #fff;
}

.os_btn a:last-child {
    border: 1px solid #111;
    box-sizing: border-box;
    color: #333;
}


/* login */
.login_content {
    width: 100%;
}

.login_box {
    width: 500px;
    margin: 35px auto 0;
}

.log_input {
    width: 100%;
}

.log_input input {
    width: 100%;
    height: 50px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #111;
    
    margin-bottom: 10px;
}

.log_input input::placeholder {
    font-size: 15px;
    color: #ccc;
    
}

.id_save_find {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.id_save {
    display: flex;
    align-items: center;
}

.id_save span {
    font-size: 14px;
    color: #111;
    
    margin-left: 8px;
}

a.id_find {
    font-size: 14px;
    color: #111;
    
}

.log_btn {
    width: 100%;
    margin-top: 30px;
}

.sub_login_content .log_btn_fix{
    width: 400px;
    margin: 0 auto;
}

.log_btn input {
    width: 100%;
    height: 50px;
    font-size: 19px;
}

.log_btn input:nth-child(1) {
    margin-bottom: 10px;
    color: #fff;
    
    background-color: #111;
    border: 0;
}

.log_btn input:nth-child(2) {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #111;
    
}

.log_btn input:nth-child(3) {
    border: 1px solid #ccc;
    background-color: #eee;
    color: #111;
    
}


/* id_find */
.login_content .sl_title span {
    
}

.find_tab {
    width: 100%;
    margin-bottom: 40px;
}

.find_tab ul {
    width: 100%;
    display: flex;
}

.find_tab ul li {
    width: 50%;
    padding-bottom: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 19px;
    color: #ccc;
    
    font-weight: 700;
    border-bottom: 2px solid #ccc;
}

.find_tab ul li span {
    
    font-weight: normal;
}

.find_tab ul li.on {
    border-bottom: 2px solid #111;
    color: #111;
}

.find_tab ul li.on span {
    
}

.find_txt{
    font-family: 'Pretendard-Regular', sans-serif;
}


/* join */
.join_box {
    width: 650px;
    margin: 55px auto 0;
}

.join_box ul {
    width: 100%;
    margin-bottom: 50px;
}

.join_box ul li {
    width: 100%;
    margin-bottom: 25px;

    align-items: center;
}

.join_box ul li:last-child {
    margin-bottom: 0;
    margin-top: 25px;
}

.join_box ul li{
    display: flex;
}

.join_box ul li p {
    width: 140px;
    min-width: 140px;
    font-size: 17px;
    color: #111;
    
    /*margin-bottom: 7px;*/

    display: flex;
    align-items: center;
}

.join_box ul li input {
    width: 80%;
    height: 50px;
    border: 1px solid #ccc;
    font-size: 18px;
    color: #111;   
}

.inputwrapper{
    position: relative;
}

.inputwrapper input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
}

.inputwrapper::after {
    content: attr(data-required);
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 18px;
    font-family: 'Pretendard-Regular', sans-serif;
    transform: translateY(-50%);
    color: #555555;
}

.join_box ul li.mb_fix{
    margin-bottom: 10px;
}


.join_box ul li input::placeholder {
    font-size: 16px;
    color: #ccc;
}

.bg_black{
    color : white !important;
    background-color: #252525 !important;
}

.bg_blue{
    color : white !important;
    background-color: var(--blue) !important;
}

.bg_darkblue{
    color : white !important;
    background-color: var(--darkblue) !important;
}

.inputwrapper,
.join_box ul li .inputwrapper input{
    width: 140px;
}

.inputwrapper{
    margin-right: 8px;
}


.join_input {
    width: 80%;
    display: flex;
    gap:10px;
    justify-content: space-between;
}

.join_input input[type='text'] {
    /* width: 100%; */
    width: 72%;
    height: 50px;
    border: 1px solid #ccc;
    /*font-size: 15px;*/
    font-size: 18px;
    color: #111;
    
}

.join_input input[type='button'] {
    width: 27%;
    height: 50px;
    border: 1px solid #111;
    background-color: #fff;
    font-size: 17px;
    color: #111;   
}

.member_join{
    width: 640px;
}

.join_box ul li > input.birth_input{
    width: 140px;
    margin-right: 10px;
}




/* 멘토고남 레퍼 */
.all_agree{
    width: 100%;
    margin-top: 40px;
}

.a_01{
    width: 100%;
    display: flex;
    align-items: center;
}

.a_01 i{
    color: #c7c7c7;
    margin-right: 7px;
    font-size: 24px;
    cursor: pointer;
}

.a_01 i.check{
    color: #111;
}

.member_out i.check{
    color: var(--darkblue);
}

.a_02{
    width: 100%;
    margin-top: 20px;
    padding-bottom: 30px;
}

.a_02 .a_01:first-child{
    margin-bottom: 10px;
}

.a_02 .a_01 p span{
    text-decoration: underline; 
    text-underline-position:under;
}


.sub1_4_section .text_wrap{
    border-bottom: 1px solid #e1e1e1;
}

#sub_content .sub1_4_section .img_wrap img{
    width: unset;
}

.sub1_5_section ul{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 24px;
    
}

.sub1_5_section ul p{
    color : #555555;
}

.sub1_5_section ul li{
    text-align: center; 
    width: 23%;
}

.sub1_5_section ul li .img_wrap{
    width: 100%;
    height: 150px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    margin-bottom: 20px;    

    display: flex;
    align-items: center;
    justify-content: center;
}

.sub1_6_section .content{
    text-align: center;
}

.sub1_6_section .text_wrap{
    background-color: var(--blue);
    color: white;
    border-radius: 24px;

    padding: 100px 40px 75px;
    text-align: left;
}

.sub1_6_section .text_wrap .title{
    margin-bottom: 60px;
}

.sub1_6_section .text_wrap .text{
    margin-bottom: 40px;
}

.sub1_6_section .text_wrap p{
    font-family: 'SUIT-ExtraBold', sans-serif;
    margin-bottom: 5px;
}

.sub1_6_section .text_wrap span{
    font-family: 'SUIT-Regular', sans-serif;

}

.sub1_6_section .text_wrap .flex_box{
    width: 48%;
}

.sub2_1_section .text ul{
    border-radius: 32px;
    background-color: #f7f7f7;

    padding: 40px 50px;
    gap: 40px 0;
}

.sub2_1_section .text ul li{
    width: 650px;
}

.sub2_1_section .text ul li .btn{
    color: white;
    background-color: black;

    width:fit-content;
    height:fit-content;

    padding: 15px 23px;
    border-radius: 64px;
    margin-right: 18px;
}

.sub2_1_section .text ul li p{
    line-height: 30px;
    color : #333;
}

.sub2_1_section .title p span{
    color: var(--blue);
}

.table1{
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 24px;
}

.table1 tr:first-child td{
    border-top : 2px solid #005599;
    border-bottom: 1px solid #111111;
    padding: 30px 0;


}

.table1 tr td:nth-child(2){
    width: 920px;
}

.table2 tr td:nth-child(2){
    width: 400px;
}

.table2 tr td:nth-child(3){
    width: 850px;
}

.sub2_1_section .table1 .darkblue{
    font-family: 'SUIT-Bold', sans-serif;
    font-size: 22px;
}

table.table1 tr.bb1 td{
    padding: 15px 0;
    /* width: 920px; */
    border-bottom: 1px solid #e1e1e1;
}

.sub2_1_section .more_text{
    color : #888888;
}

.input_form .common_btn1{
    width:fit-content;
    color: white;
    background-color: #111;

    padding: 12px 20px;
    border-radius: 64px;
}

.input_form .common_btn2{
    width:fit-content;
    color: white;
    background-color: var(--darkblue);

    padding: 20px 70px;
    border-radius: 64px;
    margin: 70px auto 0;
}

.input_form .common_btn2 p{
    display: flex;
    align-items: center;
    justify-content: center;
}

.input_form .common_btn2 img{
    width: 30px;
    height: 30px;
    
    margin-left: 20px;
}


.input_form .input_box_wrap{
    border-top: 3px solid var(--darkblue);
    border-bottom: 1px solid #111111;
}

.input_form .input_box_wrap .input_box{
    padding: 14px 28px;
    display: flex;
    justify-content: flex-start;

    border-bottom: 1px solid #e1e1e1;
}

.input_form .input_box_wrap .input_box span{
    display: flex;
    align-items: center;
    justify-content: center;

    font-family: 'SUIT-Light', sans-serif;
}

.input_form .input_box_wrap .input_box p{
    width: 260px;
    min-width: 260px;

    font-family: 'SUIT-Bold', sans-serif;
    font-size: 20px;

    display: flex;
    align-items: center;
}

.input_form .input_box_wrap .input_box input{
    border: 1px solid #d7d7d7;
    font-family: 'SUIT-Regular', sans-serif;
    font-size: 18px;
    height: 47px;
}

.input_form .input_box_wrap .input_box textarea{
    border: 1px solid #d7d7d7;
    font-family: 'SUIT-Regular', sans-serif;
    font-size: 18px;
    width: 100%;
    height: 218px;
}

.addr_func{
    border-radius: 8px;
    width: 140px;
    height: 40px;
    margin-left: 10px;
}

.add_title{
    height: 47px;
}

.input_form .input_box_wrap input::placeholder{
    color : #cccccc; 
    font-size: 16px;  
}

.input_form .input_box_wrap .input_box .type1{
    width: 100%;   
}

.input_form .input_box_wrap .input_box .type2{
    width: 660px;
}

.input_form .input_box_wrap .input_box .type3{
    width: 500px;
}

.input_form .input_box_wrap .input_box .type4{
    width: 250px;
}

.input_form .input_box_wrap .input_box .type5{
    width: 200px;
}

.input_form .input_box_wrap .input_box .type6{
    width: 160px;
}

.input_form .input_box_wrap .input_box .type7{
    width: 50px;
}

.input_txt_box{
    display: flex;
    align-items: center;
}
.sub2_5_section .title p{
    line-height: 1.4;
}

.input_box_wrap .input_gender input{
    margin-left: 10px; 
    margin-right: 30px;
}

.input_form .input_box_wrap .textarea_box > p{
    align-self: flex-start;
}

.sub3_4_section .btn_type{
    font-size: 22px;
    font-family: 'SUIT-ExtraBold', sans-serif;   
}

.sub3_4_section .btn_type ul li{
    border-radius: 8px;
    border : 3px solid #e4e4e4;
    color : #e4e4e4;

    width:50%;
    height:70px;
}

.sub3_4_section .btn_type ul li.on{
    color : var(--blue);
    border : 3px solid var(--blue);
}


/* 게시판 레퍼 바이비즈 */

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

.table_content .table_func .btn_write{
    border-radius: 8px;
    color: white;
    font-family: 'SUIT-Bold', sans-serif;
    background-color: var(--darkblue);
    width: 105px;
    height: 40px;
}

.table_content .table_func .search input{
    width:100%;
    border: none;
    font-family: 'SUIT-Bold', sans-serif;
    font-size: 16px;
}

.table_content .table_func .search input::placeholder{
    font-family: 'Pretendard-Regular', sans-serif;
    color : #aaaaaa;
    font-size: 16px;
}

.table_content .table_func .search{
    width: 400px;
    border-bottom: 1px solid #959595;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table_content .table_func .search img{
    position: absolute;
    top: 55%;
    right: 2%;
    transform: translate(0%, -50%);
}

.table_content table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.table_content table tr {
    border-bottom: 1px solid #e1e1e1;
}

.table_content table th {
    padding: 21.5px 0;
    font-family: 'SUIT-Bold', sans-serif;
    color: #111;

    border-top: 3px solid var(--darkblue);
    border-bottom: 1px solid black;
}

.table_content table td {
    text-align: center;
    padding: 23px 0;
    color: #333;
    font-family: 'SUIT-Light', sans-serif;
}

.table_content table td p{
    background-color: var(--blue);
    color: white;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 13px;
    width: max-content;
    margin: 0 auto;

    display:inline;
}

.table_content table td.cursor {
    text-align: left;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table_content table th:not(:nth-child(2)),
.table_content table td:not(:nth-child(2)) {
    width: 13%;
}

.table_content table th:nth-child(2),
.table_content table td:nth-child(2) {
    
}



.page_btn {
    width: 100%;
    margin-top: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_btn a {
    font-size: 20px;
    color: #888888;
    margin: 0 10px;

    font-family: 'SUIT-Bold', sans-serif;
}

.page_btn a.page_num {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--blue);
}

.page_btn .arrow{
    margin: 0 15px;
}

.detail_content .sub_title{
    font-family: 'SUIT-Light', sans-serif;
    font-size: 16px;
    color : #888;
}

.detail_content .content{
    margin: 30px 0;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    padding: 45px 30px;
}

.detail_content .list .page_btn p{
    cursor: pointer;
    
}

.detail_content .content img{
    display: block;
    margin-bottom: 10px;
    max-width: 100%;

    width: auto !important;
    height: auto !important;
}

.detail_content .sub_title{
    margin: 0 auto;
    justify-content: center;
}

.detail_content .list a{
    font-size: 24px;
}

.detail_content .list p{
    margin: 0 60px;
}

#sub_content .input_form2 textarea{
    width: 100%;
    height: 717px;
}

.sub3_1_section .text_wrap b{
    color: var(--blue);
}

#sub_content .img_wrap img{
    width: 100%;
}

.sub3_1_section .text_wrap{
    border-bottom: 1px solid #e1e1e1;
}

.sub3_2_section .text .flex_box2{
    display: flex;
    width: 700px;
    justify-content: space-between;
}

#sub_content .sub3_2_section .text ul li .btn{
    margin-right: 55px;
}

#sub_content .sub3_2_section table .txt-center{
    text-align: center !important;
}

.sub3_2_section .table2 input[type="checkbox"]{
    width: 15px;
    height: 15px;
}


#sub_content .sub2_1_section .text ul li p{
    line-height: 38px;
}

.blue{
    color: var(--blue) !important;
}

.sub3_3_section .big_btn1,
.sub3_3_section .small_btn1{
    border-radius: 8px;
}

.sub3_3_section .big_btn1{
    width: 300px;
    height: 140px;
}

.sub3_3_section .small_btn1{
    width: 16vw;
    height: 65px;
}

.sub3_3_section .content .paper{
    width: 13vw;
    height: 140px;

    border-radius: 8px;
    border : 3px solid #e1e1e1;
}

.sub3_3_section .content .paper .btn_print{
    border-radius: 64px;
    width: 110px;
    height: 45px;
}

.lecture .title{
    
}

.lecture .content ul li .flex_wrap{
    width: 72%;
    justify-content: space-between;
}

.lecture .content ul li .paper_wrap{
    justify-content: space-between;
}



.lecture .content ul li{
    padding: 40px;
    border-bottom: 1px solid #e1e1e1;
}

.lecture .content{
    border-top: 3px solid var(--darkblue);
}

.lecture .thumbnail{
    width: 320px;
    height: 220px;
}

.lecture .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lecture .name p b{
    font-family: 'SUIT-Bold', sans-serif;
}

.lecture .btn_print{

}

.lecture .paper .day span{
    font-family: 'SUIT-ExtraBold', sans-serif;
    color: var(--blue);
    font-size: 28px;
}

#sub_content .sub3_4_section.input_form .input_box_wrap .input_box textarea{
    height: 120px;
}

.sub3_4_section .addr_wrapper{
    width: 100%;
    align-items: flex-start;
}

.sub3_4_section .right_form .text p b{
    font-family: 'SUIT-Bold', sans-serif;
}

.sub3_4_section .right_form .input_box_wrap{
    text-align: center;
    padding: 100px 0;
}

.sub3_6_section .title .blue{
    font-family: 'SUIT-Bold', sans-serif;
}

.sub3_6_section .title,
.sub4_1_section .title,
.sub4_3_section .title{
    border-bottom: 1px solid #e1e1e1;
}

.sub4_1_section .small_title p{
    color : #888888;
    font-family: 'SUIT-Regular', sans-serif;
    font-size: 16px;
}

.sub4_1_section .small_title p b{
    font-family: 'SUIT-Regular', sans-serif;
    color: #333;
}

.sub4_1_section .bottom_text{
    border-top: 1px solid #e1e1e1;
    padding-top: 26px ;
}

.sub4_2_section .content{
    font-family: 'SUIT-Regular', sans-serif;
    font-size: 20px;
}

.sub4_2_section .content p b{
    font-family: 'SUIT-ExtraBold', sans-serif;
    color : var(--blue);
}

.sub4_2_section .content p strong{
    font-family: 'SUIT-ExtraBold', sans-serif;
    color : var(--darkblue);
}

.sub4_2_section .content{
    display: flex;
    gap: 200px;
    justify-content: center;
    margin: 60px auto;
}

#sub_content .sub4_2_section .content .img_wrap img{
    width: 200px;
    height: 200px;
}

.sub4_2_section .content .img_wrap{
    
}

.sub4_3_section .sub2_1_section .text ul{
    flex-direction: column;
}

.sub4_3_section .sub2_1_section .text ul li .btn2{
    width: 180px;
    height: 45px;
    text-align: center;
    color: white;
    background-color: black;
    border-radius: 64px;
    margin-right: 18px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.sub4_3_section .sub2_1_section .text ul li{
    width: 100%;
}

.sub4_3_section .text ul li p{
    font-family: 'SUIT-Regular', sans-serif;
    font-size: 16px;
    margin-top: 4px;
}

.sub4_3_section .text ul li p em{
    font-style: normal;
    color : #888888;
}

.sub4_3_section .text ul li p b{
    color : #005599;
    font-size: 20px;
    font-family: 'SUIT-ExtraBold', sans-serif;
}

.sub4_3_section .text ul li p strong{
    font-size: 18px;
    font-family: 'SUIT-Regular', sans-serif;
    font-weight: normal;
}

.sub4_3_section .text ul li p span{
    color : #e50000;
}

.input_form .input_box_wrap .input_box .misc{
    color : #888888;
    font-size: 16px;
    font-family: 'SUIT-Regular', sans-serif;
}


.input_form .input_box_wrap .input_box input[type="file"]{
    border: none !important;
    height: 40px;
    padding: 0 !important;
}

.input_form .input_box_wrap .input_box select{
    height: 47px;
    width: 250px;

    border: 1px solid #e1e1e1;
    font-size: 18px;
    padding: 10px 20px;

    appearance:none;
    background:url('../images/icon_arrow_down2.png') no-repeat right 18px center;
}

.agree_section{
    border-radius: 32px;
    background-color: #f7f7f7;
    padding: 24px 50px;
    gap: 40px 0;
}

.agree_section .agree1,
.agree_section .agree2{
    width: 500px;
}

.agree_section .agree_all{
    /*width: 240px;*/
    width: 12.5vw;
    min-width: 12.5vw;
}

.agree_section .agree_all i{
    font-size: 24px;
}

.agree_section .agree_all.on i{
    color : var(--blue);
}

.agree_section input[type="radio"]{
    background-color: white;
}

.agree_section .agree1 #chk1,
.agree_section .agree2 #chk2{
    display: flex;
    align-items: center;
    gap: 12px;
}

.agree b{
    text-decoration: underline; 
    text-underline-position:under;
}

.sub4_3_section.table_content .table_func .btn_apply_link{
    border-radius: 64px;
    width: 250px;
    height: 50px;
}

.sub4_3_section.table_content .table_func .btn_apply_link img{
    margin-left: 13px;   
}

.sub4_2_2_section .btn_apply2{
    border-radius: 8px;
    padding: 8px 18px;
    width:fit-content;
    height:fit-content;
    margin: 0 auto;
}

.sub4_4_1_section table tr td .btn_apply2_fix{
    padding: 4px 18px;
}

.sub4_2_2_section.table_content table th:not(:nth-child(2)),
.sub4_2_2_section.table_content table td:not(:nth-child(2)),
.mypage1_content.table_content table th:not(:nth-child(2)),
.mypage1_content.table_content table td:not(:nth-child(2)){
    width: auto;
}

.common_btn_wrap{
    justify-content: center;
}

.common_btn3{
    border-radius: 8px;   
    width: 300px; 
    height: 65px;
}

#sub_content .more_text{
    color : #888888;
}

.sub5_4_section .gallery ul{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 20px;
}

.sub5_4_section .gallery ul li{
    /*width: 450px;*/
    width: 23.43vw;
}

.sub5_4_section .gallery ul li .img_wrap {
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
    object-fit: cover;

    border-radius: 48px;
}

.sub5_4_section .gallery ul li .img_wrap img{
    height: 300px;
}

.sub5_4_section .gallery ul li p{
    margin-top: 5px;
    margin-bottom: 10px;
}

.sub5_4_section .gallery ul li span{
    color: #888888;
    font-size: 16px;
    font-family: 'SUIT-Light', sans-serif;
}

#sub_content .sub3_4_section.input_form .input_box_wrap .input_box textarea{
    height: 437px;
}


/* common */
#sub_intro {
    width: 94%;
    height: 380px;
    color: #fff;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;

    margin: 140px auto 0;
    border-radius: 18px;
}

#sub_intro>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: zoon-out 3s ease-out;
}

@keyframes zoon-out {
    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1.0);
    }
}

#sub_intro{
    color : white;
}

#sub_intro .si_top{
    margin-bottom: 40px;   
}

#sub_intro .sub_intro_text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/*
#sub_intro .sub_intro_text .fix_pos{
    transform: translateY(-2px);
}
*/


.sub1_2_section .text_wrap{
    color: #333;
}

.sub1_2_section .text_wrap b{
    color: var(--blue);
    font-size: 20px;
}

#sub_intro .si_bottom p{
    font-family: 'SUIT-ExtraBold', sans-serif;
    font-size: 18px;
}



/* sub1 */

.sub1_intro {
    /* background-image: url("../images/sub_intro1.webp"); */
}
.sub1_1_section>.center>.flex{
    align-items: center;
}
.sub1_1_section .text_box p{
    color: #333;
    line-height: 32px;
}

.sub1_1_section .text_box strong{
    color: var(--blue);
}
#sub_content .sub1_1_section .img_wrap {
    width: 30%;
}
#sub_content .sub1_1_section .text_box {
    width: 70%;
}
.sub1_1_section .text_box strong b{
    color: var(--darkblue);
}

.common_padding2{
    padding: 120px 0 160px;
}

.sub2_4_section .td1{
    width: 15%;
}
.sub2_4_section .td2{
    width: 35%;
}
.sub2_4_section .td3{
    width: 50%;
}

/* sub4_1 */
.sub2_1_section .text ul {
    padding: 40px 25px;
}
.sub4_1_section .text ul li {
    width: 48%;
}
.sub4_1_section .text ul li .btn {
    padding: 15px 15px;
}


.sub5_4_section .sub2_1_section .text ul li{
    width: 420px;
}

.sub5_4_section .sub2_1_section .text ul li .btn{
    width: 110px;
    height: 45px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub5_4_section .attach_file{
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 15px;
}

.sub5_4_section.detail_content .content{
    margin: 10px 0 30px;
}

.sub5_7_section.join_box{
    width: 100%;
    margin: 0;
}

.sub5_7_section .join_box_inner{
    width: 100%;
    margin: 0 auto;
}

.sub5_7_section .join_box_inner ul {
    width: 650px;
    margin: 0 auto;
}

.sub5_7_section .join_box_inner .text1{
    border-bottom: 1px solid #111;
    line-height: 1.4;
}

.sub5_7_section .join_box_inner #joinFrm{
    border-top: 3px solid var(--darkblue);
    border-bottom: 3px solid var(--darkblue);
}

.sub5_7_section .log_btn{
    width: 400px;
    margin: 0 auto;
}

.sub5_7_section.join_box ul li input[type="checkbox"]{
    height: 20px;
    width: 20px;
    transform: translateY(4px);
    margin-right: 8px;
}

.sub5_7_section .mb_fix{
    margin-bottom: 8px;
}

.sub5_7_section.join_box ul li{
    margin-bottom: 10px;
}

.bg_grey{
    color: #888888;
    background-color: #e1e1e1;
}

.mypage1_content .btn_wrap .btn_info,
.mypage1_content .btn_wrap .btn_out{
    border-radius: 64px;
    font-family: 'SUIT-Bold', sans-serif;
    font-size: 20px;
    width: 120px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mypage1_content .btn_wrap2 ul{

}

.mypage1_content .btn_wrap2 ul li {
    border-radius: 11px;
    font-family: 'SUIT-Medium', sans-serif;
    /* font-size: 25px; */
    color: #333;
    border: 2px solid var(--darkblue);
    width: 24%;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mypage1_content .btn_wrap2 ul li.on{
    color: white;
    background-color: var(--darkblue);
}

.mypage2_content .btn_wrap{
    border-bottom: 1px solid #e1e1e1;
}

.member_popup .member_out{
    margin-bottom: 10px;
}

.member_popup .member_out p{
    transform: translateY(2px);
    margin-left: 6px;
}

.member_popup .content{
    margin: 30px 0 40px;
}

.member_popup .content .first{
    margin-bottom: 12px;
}



/* mobile */
@media screen and (max-width: 767px) {
    
    br.m_none{
        display: none;
    }
    .si_bottom{
        gap: 10px;
     
    }
    #sub_intro .si_bottom p{
        font-size: 10px;
    }
    
    .common_padding2{
        padding: 80px 0 100px;
    }

    /* sub1_1 */
    .sub1_1_section .flex{
        flex-direction: column;
        gap: 20px 0;
    }
    .sub1_1_section .img_wrap{
        height: 300px;
    }
    .sub1_1_section .img_wrap img{
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .sub1_1_section .text_box p{
        line-height: unset;
    }
    
    .sub1_1_section>.center>.flex{
        align-items: unset;
    }

    #sub_content .sub1_1_section .img_wrap {
        width: unset;
    }
    #sub_content .sub1_1_section .text_box {
        width: unset;
    }
    
    /* sub1_2 */
    .sub1_2_section .text_wrap b{
        font-size: 15px;
    }

    /* sub1_4 */
    .sub1_5_section ul{
        gap: 20px 0;
        justify-content: space-between;
    }
    #sub_content .sub1_4_section .img_wrap img{
        width: 100%;
    }
    .sub1_5_section ul li{
        width: 48%;
    }
    .sub1_5_section ul li .img_wrap{
        width: 100%;
    }
    
    /* sub1_5 */
    .sub1_6_section .content{
        flex-direction: column;
        gap: 20px 0;
    }
    .sub1_6_section .text_wrap{
        padding: 30px 20px;
    }
    .sub1_6_section .text_wrap .title{
        margin-bottom: 30px;
    }

    
    /* sub2_1 */
    .sub2_1_section .text ul{
        padding: 40px 20px;
    }
    .sub2_1_section .text ul li{
        flex-direction: column;
        gap: 10px 0;
        width: 100%;
    }
    .sub2_1_section .text ul li .btn{
        height: 30px;
        padding: 0 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #sub_content .sub2_1_section .text ul li p{
        line-height: 25px;
    }
    .sub2_1_section .cell{
        overflow: auto;
    }
    .table1{
        min-width: 100%;
        width: max-content;  
    }
    .sub2_1_section .table1 .darkblue{
        font-size: 15px; 
    }
    .table1 tr:first-child td{
        padding: 20px 0;
    }
    .table1 tr td:nth-child(2) {
        width: unset;
    }
    table.table1 tr.bb1 td {
        font-size: 14px;
    }
    .table2 tr td:nth-child(3){
        width: unset;
    }
    
    /* sub2_4 */
    .sub2_4_section .td1{
        width: unset;
    }
    .sub2_4_section .td2{
        width: unset;
    }
    .sub2_4_section .td3{
        width: unset;
    }

    
    /* sub2_5 */
    .input_form .input_box_wrap .input_box{
        flex-direction: column;
        gap: 10px 0;
        padding: 10px;
        align-items: flex-start;
    }
    .input_form .common_btn1{
        padding: 8px 14px;
    }
    .input_form .input_box_wrap .input_box input{
        height: 37px;
        font-size: 15px;
    }
    .input_form .input_box_wrap .input_box .type2{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type3{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type4{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type5 {
        width: 30%;
    }
    .input_box_wrap .input_gender input{
        margin-left: 0;
        margin-right: 0;
    }
    .input_form .common_btn2{
        padding: 10px 20px;
        margin: 35px auto 0;
    }
    .input_form .common_btn2 img{
        width: 20px;
        height: 20px;
    }

    /* sub2_8 */
    .table_content .table_func{
        overflow: auto;
    }
    .table_content table{
        min-width: 100%;
        width: max-content;
    }
    .table_content table th{
        font-size: 15px;
        padding: 16px 0;
    }
    .table_content table td{
        font-size: 13px;
        padding: 14px 0;
    }
    .table_content table th:not(:nth-child(2)), .table_content table td:not(:nth-child(2)){
        width: unset;
    }
    .sub2_8_section .center{
        overflow: auto;
    }
    
    /* sub2_8_d */
    .detail_content .sub_title{
        flex-direction: column;
        gap: 5px 0;
    }
    .detail_content .list a {
        font-size: 18px;
    }
    
    /* sub2_8_w */
    #sub_content .input_form2 textarea{
        height: 400px;
    }
    
    /* sub3_2 */
    .sub3_2_section .text ul{
        padding: 30px 20px;
        flex-direction: column;
        gap: 0px 0;
    }
    .sub3_2_section form{
        overflow: auto;
    }
    
    /* sub3_3 */
    .sub2_1_section .text ul{
        padding: 30px 20px;
        gap: 20px 0;
    }
    .sub3_3_section .text ul li .btn{ 
        width: 140px;
    }
    .lecture .content ul li .papers{
        
        gap: 20px 0;
    }
    .lecture .thumbnail{
        width: 100%;
    }
    .lecture .content ul li .flex_wrap{
        width: 100%;
    }
    .sub3_3_section .content .paper{
        width: 48%;
        height: 100px;
    }
    .sub3_3_section .content .paper .btn_print{
        width: 80px;
        height: 35px;
    }
    .sub3_3_section .small_btn1{
        width: 100%;
        height: 50px;
    }
    .sub3_3_section .big_btn1{
        width: 100%;
        height: 50px;
    } 
    
    /* sub3_4 */
    .sub3_4_section .btn_type ul li {
        height: 35px;
    }
    .input_form .input_box_wrap .input_box .type6{
        width: 30%;
    }
    .sub3_4_section .addr_wrapper>div:first-child{
        justify-content: unset;
    }
    #sub_content .sub3_4_section.input_form .input_box_wrap .input_box textarea{
        height: 200px;
    }
    .sub3_4_section .right_form .input_box_wrap {
        padding: 50px 0;
    }
    
    /* sub4_2 */
    .sub4_2_section .content{
        flex-direction: column;
        gap: 30px 0;
    }
    #sub_content .sub4_2_section .content .img_wrap img{
        width: 150px;
        height: 150px;
    }
    
    /* sub4_2_1 */
    .agree_section{
        flex-direction: column;
        gap: 10px 0;
        padding: 20px;
    }
    .agree_section .agree_all{
        width: 100%;
        align-items: center;
    }
    .agree_section .agree{
        flex-direction: column;
        gap: 5px 0;
    }
    .input_form .input_box_wrap .input_box>div{
        width: 100%;
    }

    
    /* sub4_2_2 */
    .sub4_2_2_section .center{
        overflow: auto;
    }
    .sub4_3_section.table_content .table_func .btn_apply_link {
        width: 170px;
        height: 40px;
    }
    .sub4_3_section.table_content .table_func .btn_apply_link img{
        width: 8%;
    }
    
    .page_btn{
        margin-top: 30px;
    }
    .page_btn a {
        font-size: 14px;
    }
    .page_btn .arrow {
        margin: 0 10px;
        font-size: 12px;
    }
    
     /* sub4_4_1_d */
    .input_form .input_box_wrap .input_box p {
        font-size: 16px;
    }
    .common_btn3 {
        height: 50px;
    }
    
    /* sub5_4 */
    .sub5_4_section .gallery ul{
        justify-content: space-between;
        gap: 20px 0;
    }
    .sub5_4_section .gallery ul li{
        width: 48%;
    }
    .sub5_4_section .gallery ul li .img_wrap{
        height: 100px;
        margin-bottom: 0;
    }
    .sub5_4_section .gallery ul li .img_wrap img{
        height: 100px;
        object-fit: cover;
    }
    .sub5_4_section .gallery ul li span {
        font-size: 12px;
    }
    .sub5_4_section .sub2_1_section .text ul li .btn{
        height: 35px;
    }
    
    /* sub5_5 */
    .addr_func {
        width: 100px;
        height: 35px;
    }
    .input_form .input_box_wrap .input_box input[type="file"]{
        width: 100%;
    }
    
    /* sub5_7 */
    .sub5_7_section .join_box_inner ul{
        width: 100%;
    }
    .join_box ul li{
        flex-direction: column;
        gap: 5px 0;
        align-items: flex-start;
    }
    .join_box ul li input {
        width: 100%;
    }
    .inputwrapper, .join_box ul li .inputwrapper input {
        width: 100%;
    }
    .sub5_7_section .log_btn {
        width: 100%;
    }
    
    /* login */
    .sub_login_content{
        padding: 100px 0;
    }
    .login_box {
        width: 100%;
    }
    
    /* join */
    .member_join {
        width: 100%;
    }
    .sub_login_content .log_btn_fix{
        width: 100%;
    }
    .join_input {
        width: 100%;
    }
    
    /* mypage */
    .mypage1_content .btn_wrap .btn_info, .mypage1_content .btn_wrap .btn_out{
        font-size: 18px;
        width: 100px;
        height: 40px;
    }
    .mypage1_content .btn_wrap2 ul li{
        width: 23%;
        height: 45px;
        font-size: 12px;
        text-align: center;
    }
    .mypage1_content #show1{
        overflow: auto;
    }
    
    .input_form .input_box_wrap .input_box a{
        align-self: flex-start !important;
    }
    
    #sub_intro {
    height: 164px;
}
    .lecture .content ul li {
   padding: 40px 0;
}
}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    
    br.t_none{
        display: none;
    }
    
    
    /* sub1_1 */
    .sub1_1_section .flex{
        flex-direction: column;
        gap: 30px 0;
    }
    
    .sub1_1_section .text_box p{
        line-height: unset;
    }
    
    .sub1_1_section>.center>.flex{
        align-items: unset;
    }

    #sub_content .sub1_1_section .img_wrap {
        width: unset;
    }
    #sub_content .sub1_1_section .text_box {
        width: unset;
    }
    
    
    
    /* sub1_4 */
    .sub1_5_section ul{
        gap: 30px 0;
        justify-content: space-between;
    }
    .sub1_5_section ul li{
        width: 48%;
    }
    .sub1_5_section ul li .img_wrap{
        width: 100%;
    }
    #sub_content .sub1_5_section .img_wrap img{
        width: unset;
    }
    
    /* sub1_5 */
    .sub1_6_section .content{
        flex-direction: column;
        gap: 30px 0;
    }
    .sub1_6_section .text_wrap{
        padding: 40px 30px;
    }
    .sub1_6_section .text_wrap .title{
        margin-bottom: 40px;
    }

    
    /* sub2_1 */
    .sub2_1_section .text ul{
        padding: 50px 30px;
    }
    .sub2_1_section .text ul li{
        flex-direction: column;
        gap: 20px 0;
        width: 100%;
    }
    .sub2_1_section .text ul li .btn{
        height: 40px;
        padding: 0 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #sub_content .sub2_1_section .text ul li p{
        line-height: 30px;
    }
    .sub2_1_section .cell{
        overflow: auto;
    }
    .table1{
        min-width: 100%;
        width: max-content;  
    }
    .sub2_1_section .table1 .darkblue{
        font-size: 20px; 
    }
    .table1 tr:first-child td{
        padding: 25px 0;
    }
    .table1 tr td:nth-child(2) {
        width: unset;
    }
    table.table1 tr.bb1 td {
        font-size: 19px;
    }
    .table2 tr td:nth-child(3){
        width: unset;
    }
    
    /* sub2_4 */
    .sub2_4_section .td1{
        width: unset;
    }
    .sub2_4_section .td2{
        width: unset;
    }
    .sub2_4_section .td3{
        width: unset;
    }
    
    /* sub2_5 */
    .input_form .input_box_wrap .input_box{
        flex-direction: column;
        gap: 20px 0;
        padding: 20px;
        align-items: flex-start;
    }
    .input_form .input_box_wrap .input_box .type2{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type3{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type4{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type5 {
        width: 30%;
    }
    .input_box_wrap .input_gender input{
        margin-left: 0;
        margin-right: 0;
    }
    .input_form .common_btn2{
        padding: 15px 25px;
        margin: 45px auto 0;
    }
    .input_form .common_btn2 p{
        font-size: 20px;
    }
    .input_form .common_btn2 img{
        width: 30px;
        height: 30px;
    }
    
    /* sub2_8 */
    .table_content .table_func{
        overflow: auto;
    }
    .table_content table{
        min-width: 100%;
        width: max-content;
    }
    .table_content table th{
        font-size: 18px;
        padding: 18px 0;
    }
    .table_content table td{
        font-size: 16px;
        padding: 16px 0;
    }
    
    /* sub2_8_d */
     .detail_content .list a {
        font-size: 25px;
    }
    
    /* sub2_8_w */
    #sub_content .input_form2 textarea{
        height: 500px;
    }
    
    /* sub3_2 */
    .sub3_2_section .text ul{
        padding: 35px 25px;
        flex-direction: column;
        gap: 0px 0;
    }
    .input_form .common_btn2 {
        padding: 10px 20px;
    }
    
    /* sub3_3 */
    .sub2_1_section .text ul{
        padding: 35px 25px;
        gap: 25px 0;
    }
    .sub3_3_section .text ul li .btn{ 
        padding: 5px 10px;
        text-align: center;
    }
    .sub2_1_section .text ul li>div:last-child{
        justify-content: flex-start;
    }
    .lecture .content ul li>.flex{
        flex-direction: column;
        gap: 25px 0;
    }
    .lecture .thumbnail{
        width: 100%;
    }
    .lecture .content ul li .flex_wrap{
        width: 100%;
    }
    .lecture .content ul li .paper_wrap{
        flex-direction: column;
        gap: 25px 0;
    }
    .sub3_3_section .content .paper{
        width: 48%;
        height: 150px;
    }
    .sub3_3_section .content .paper .btn_print{
        /*width: 100px;*/
        width: 140px;
        height: 40px;
    }
    .sub3_3_section .small_btn1{
        width: 100%;
        height: 55px;
    }
    .sub3_3_section .big_btn1{
        width: 100%;
        height: 70px;
    } 
    
    .lecture .content ul li .paper_wrap .gap-10{
        flex-direction: row;
        justify-content: space-between;
    }
    .lecture .content ul li .paper_wrap .gap-10 a{
        width: 48%;
    }
    
    /* sub3_4 */
    .sub3_4_section .btn_type ul li {
        height: 60px;
    }
    .input_form .input_box_wrap .input_box .type6{
        width: 30%;
    }
    .sub3_4_section .addr_wrapper>div:first-child{
        justify-content: unset;
    }
    #sub_content .sub3_4_section.input_form .input_box_wrap .input_box textarea{
        height: 300px;
    }
    .sub3_4_section .right_form .input_box_wrap {
        padding: 60px 0;
    }
    
    /* sub4_2 */
    #sub_content .sub4_2_section .content .img_wrap img{
        width: 200px;
        height: 200px;
    }
    
    /* sub4_2_1 */
    .agree_section{
        flex-direction: column;
        gap: 15px 0;
        padding: 25px;
    }
    .agree_section .agree_all{
        width: 100%;
        align-items: center;
    }
    .agree_section .agree{
        flex-direction: column;
        gap: 10px 0;
    }
    .input_form .input_box_wrap .input_box>div{
        width: 100%;
    }
    

    
    /* sub4_4_1_d */
    .common_btn3 {
        height: 60px;
    }
    .common_btn3 p{
        font-size: 25px;
    }
    
    /* sub5_4 */
    .sub5_4_section .gallery ul{
        justify-content: space-between;
        gap: 30px 0;
    }
    .sub5_4_section .gallery ul li{
        width: 48%;
    }
    .sub5_4_section .gallery ul li .img_wrap{
        margin-bottom: 20px;
    }
    .sub5_4_section .gallery ul li .img_wrap img{
        object-fit: cover;
    }
    .sub5_4_section .gallery ul li span {
        font-size: 17px;
    }
    .sub5_4_section .sub2_1_section .text ul li .btn{
        height: 40px;
    }
    
    /* sub5_5_d */
    .sub5_4_section .sub2_1_section .text ul li{
        width: 30%;
    }
    .input_form .input_box_wrap .input_box a{
        align-self: flex-start !important;
    }
    
    /* mypage */
    .mypage1_content .btn_wrap2 ul li {
        width: 24%;
        height: 50px;
        font-size: 17px;
        border-radius: 8px;
    }
     
}

/* 가로모드 tablet*/

@media only screen and (max-width: 1400px) and (orientation: landscape){
     
    /* sub1_1 */
    .sub1_1_section>.center>.flex{
        align-items: unset;
    }

/*
    #sub_content .sub1_1_section .img_wrap {
        width: unset;
    }
    #sub_content .sub1_1_section .text_box {
        width: unset;
    }
    
*/
    /* sub1_5 */
    .sub1_5_section ul{
        gap: 30px 0;
        justify-content: space-between;
    }
    .sub1_5_section ul li{
        width: 23%;
    }
    .sub1_5_section ul li .img_wrap{
        width: 100%;
    }
    #sub_content .sub1_5_section .img_wrap img{
        width: 100%;
    }
    
    /* sub1_6 */
    .sub1_6_section .content{
        /*flex-direction: column;*/
        gap:25px
    }
    .sub1_6_section .text_wrap {
        padding: 10px 17px;
    }
    .sub1_6_section .text_wrap .title {
        margin-bottom: 30px;
    }
    /* sub2_1 */
    .sub2_1_section .text ul li{
        width: 100%;
    }
    .sub2_1_section .text ul li .btn{
        padding: 8px 15px;
    }
    .sub2_1_section .text ul li p{
        margin-top: 0;
    }
    .table1 tr:first-child td{
        padding: 25px 0;
    }
    .table1 tr td:nth-child(2) {
        width: unset;
    }
    .sub2_1_section .table1 .darkblue{
        font-size: 18px;
    }
    table.table1 tr.bb1 td{
        font-size: 15px;
    }
    
    /* sub2_4 */
    .sub2_4_section .td1{
        width: 15%;
    }
    .sub2_4_section .td2{
        width: 35% !important;
    }
    .sub2_4_section .td3{
        width: 50%;
    }
    
    /* sub2_5 */
    .input_form .input_box_wrap .input_box{
        flex-direction: column;
        gap: 15px 0;
        align-items: flex-start;
    }
    .input_form .common_btn1{
        padding: 8px 14px;
    }
    .input_form .common_btn2 p {
        font-size: 18px;
    }
    .input_form .common_btn2 img {
        width: 20px;
        height: 20px;
    }
    .input_form .input_box_wrap .input_box p{
        font-size: 18px;
    }
    .input_form .input_box_wrap .input_box .type2{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type3{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type4{
        width: 100%;
    }
    .input_form .input_box_wrap .input_box .type5 {
        width: 30%;
    }
    .input_form .input_box_wrap .input_box input{
        font-size: 16px;
        height: 42px;
    }
    .input_form .common_btn2{ 
        padding: 12px 30px;
    }
    
    #sub_content .input_form2 textarea{
        height: 450px;
    }
    
    /* sub3_1 */
    .sub2_1_section .text ul{
        gap: 10px 0;
    }
    .sub3_2_section .text ul li{
        flex-direction: column;
        gap: 10px 0;
    }
    
    /* sub3_3 */
    .sub2_1_section .text ul{
        padding: 35px 25px;
        gap: 25px 0;
    }
    .sub2_1_section .text ul li{
        flex-direction: column;
        gap: 10px 0;
    }
    .sub3_3_section .text ul li .btn{ 
        padding: 10px;
        text-align: center;
    }
    .sub2_1_section .text ul li>div:last-child{
        justify-content: flex-start;
    }
    .lecture .content ul li>.flex{
        flex-direction: column;
        gap: 25px 0;
    }
    .lecture .thumbnail{
        width: 100%;
    }
    .lecture .content ul li .flex_wrap{
        width: 100%;
    }
    .lecture .content ul li .paper_wrap{
        flex-direction: column;
        gap: 25px 0;
    }
    .sub3_3_section .content .paper{
        width: 48%;
        height: 150px;
    }
    .sub3_3_section .content .paper .btn_print{
        width: 100px;
        height: 40px;
    }
    .sub3_3_section .small_btn1{
        width: 100%;
        height: 55px;
    }
    .sub3_3_section .big_btn1{
        width: 100%;
        height: 70px;
    } 
    
    .lecture .content ul li .paper_wrap .gap-10{
        flex-direction: row;
        justify-content: space-between;
    }
    .lecture .content ul li .paper_wrap .gap-10 a{
        width: 48%;
    }
    
    /* sub3_4 */
    .sub3_4_section .addr_wrapper .addr_wrap{
        justify-content: flex-start;
    }
    .sub3_4_section .btn_type ul li{
        height: 55px;
    }
    
    /* sub4_1 */
    .sub4_1_section br.m_none{
        display: none;
    }
    

    /* sub4_2 */
    #sub_content .sub4_2_section .content .img_wrap img {
        width: 150px;
        height: 150px;
    }
    
/*    sub5_4*/
    .sub5_4_section .gallery ul li{
        width: 48%;
    }


    /* mypage */
    .mypage1_content .btn_wrap2 ul li {
        width: 24%;
        height: 50px;
        font-size: 17px;
        border-radius: 8px;
    }

}

/* 가로모드 mobile */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    br.m_none{
        display: none;
    }
    #sub_intro{
        height: 300px;
    }
    /* sub1_1 */
    .sub1_1_section .img_wrap{
        height: 300px;
    }
    .sub1_1_section .img_wrap img{
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    .sub1_1_section>.center>.flex{
        align-items: unset;
    }

    #sub_content .sub1_1_section .img_wrap {
        width: unset;
    }
    #sub_content .sub1_1_section .text_box {
        width: unset;
    }
    
    
    /* sub1_2 */
    .sub1_2_section .img_wrap{
        height: 300px;
    }
    .sub1_2_section .img_wrap img{
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
    }
    
    /* sub2_1 */
    .sub2_1_section .text ul li .btn{
        padding: 0px 15px;
    }
    
    /* sub2_4 */
    .sub2_4_section .table1 tr:first-child td {
        padding: 25px;
    }
    .sub2_4_section .td1{
        width: unset;
    }
    .sub2_4_section .td2{
        width: unset;
    }
    .sub2_4_section .td3{
        width: unset;
    }
    
   /* sub2_5 */
    .input_form .common_btn1{
        padding: 8px 14px;
    }
    
    .input_form .input_box_wrap .input_box p{
        font-size: 17px;
    }
    
    .input_form .input_box_wrap .input_box input{
        height: 39px;
        font-size: 16px;
    }
    
    .input_form .common_btn2 {
            padding: 10px 18px;
    }
    .input_form .common_btn2 p {
        font-size: 18px;
    }
    
    /* sub3_3 */
    .lecture .content ul li .paper_wrap .gap-10{
        flex-direction: row;
        justify-content: space-between;
    }
    .lecture .content ul li .paper_wrap .gap-10 a{
        width: 48%;
    }
    .lecture .content ul li .papers{
        flex-direction: row;
    }
    .lecture .content ul li>div{
        flex-direction: column;
    }
    
    /* sub3_3 */
    .sub3_4_section .btn_type ul li {
        height: 40px;
    }
    
    
}