/**************************************************************/
/**************************************************************/
/****************************basic css*************************/
/**************************************************************/
/**************************************************************/

html, body { font-size: 14px; }
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.pc_hidden {
    display: block !important;
}
.m_hidden {
    display: none !important;
}

.visual_con .txtwrap .large {
    font-size: 3.5rem;

}

.float_wrapper {
    width: 96%;
}



.family_slct_over ul li {width:200px; }
.family_slct ul li {width: 200px;}
.footer_wrap { padding: 2rem; }
.footer_wrap .footer .logo {  width: 120px;margin-right: 20px;}
.footer_wrap .footer .logo img { width: 120px;}
        
#header {
    height: 80px;
}
header .logo a {
    width: 162px;
    height: 48px;
    margin: 0 12px;
    background-size: contain;
}
header.on .logo a {
    background-size: contain;
}
    
.sub_visual .path_container.on {top: 98px;}
#header nav #gnb li {
    line-height: 64px;
}
#header nav #gnb li .nav_dep1 {
    font-size: 1.125rem;
    font-weight: 400;
}
#header nav .depth_toggle .sub_nav li a {font-size: 0.938rem;}
#header nav #gnb {height: 64px;}

.sub_visual .tit {
    width: auto;
    height: 260px;
}
.sub_visual h1{font-size: 2rem;    top: 36%;}
.sub_visual h2{font-size: 1rem;    top: 48%;}
.sub_visual .tit::after {height: 120px;}

.btn_move_top {
    width: 50px;
    height: 40px;
    line-height: 40px;
    bottom: 20px;
    right: 3%;
}


.section_wrap section {width: 100%; padding: 0 20px;}


/* -------------------------  header -------------------------*/
#header {
    /* position: absolute;
    top: 0; */
    z-index: 99999;
    width: 100%;
    transition: all 0.5s ease;
}

#header .logo a img {
    width: 115px;
}

/* ---------------------  header_search ---------------------*/
.header_search_wrap {
    margin: 0;
    margin-right: 10px;
    max-width: calc(100% - 200px);
    padding: 6px 8px;
}
/* -----------------------  header nav ----------------------*/

#header nav #gnb li {
    float: left;
    width: 160px;
    text-align: center;
    line-height: 96px;
    cursor: pointer;
}

#header.active nav {
    display: block;
}
#header nav .depth_toggle {
    top: 79px;
}
#header nav .depth_toggle .sub_nav{width: 150px;}

#header nav .depth_toggle .sub_nav li a {
    display: block;
    overflow: hidden;
    font-size: 1rem;
    letter-spacing: -0.6px;
}
#header .menu_area ul li a.hambtn {background-size: 22px;min-width: 50px;}
#header .menu_area ul li .searchbtn {background-size: 28px;min-width: 40px;}
#header .menu_area ul li a{padding: 0 6px;}
/*#header nav .depth_toggle .sub_nav.on {
    background: #17357c;
    color: #fff;
    transition: .5s height, .2s background;
}
#header nav .depth_toggle .sub_nav.on li a {
    color: #f1f1f1;
}
#header nav .depth_toggle .sub_nav.on li a:hover {
    color: #fff !important;
    font-weight: 400;
}
#header.speedup {
    transition: all 0.1s ease !important;
}
#header nav .depth_toggle .sub_nav li.over {
    height: 58px;
    /* overflow: auto; 
    line-height: 18px;
    text-overflow: clip;
    white-space: pre-line;
}
#header nav .depth_toggle .sub_nav li.over a {
    overflow: visible;
    text-overflow: clip;
    white-space: initial;
}
#header nav .depth_toggle .sub_nav li.over_min {
    height: 48px;
    /* overflow: auto; 
    line-height: 21px;
    text-overflow: clip;
    white-space: pre-line;
}
#header nav .depth_toggle .sub_nav li.over_min a {
    overflow: visible;
    text-overflow: ellipsis;
    white-space: initial;
    word-break: break-word;
}
#header nav .depth_toggle .sub_nav.on .link:after {
    content: url(/images/common/ic_external_sm_on.png);
    font-weight: 600;
    margin-left: 8px;
    font-size: 13px;
}

#header nav .depth_toggle .sub_nav .link:after {
    content: url(/images/common/ic_external_sm.png);
    font-weight: 600;
    margin-left: 8px;
    font-size: 13px;
}*/
/* -----------------------  header language ----------------------*/
#header .open {
    margin-right: 20px;
}
.lang .btn_lang, #header .open .login a {
    line-height: 80px;
}
.offcanvas .h_tablinks{font-size: 1.188rem;}
/* -----------------------  header hamburger ----------------------*/
.float_wrapper {
    width: 100% !important;
    height: 80px;
}


#header .menu_area ul li img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}





/**************************************************************/
/**************************************************************/
/***************************** sub ****************************/
/**************************************************************/
/**************************************************************/
/* ------------------------  sub_visual ----------------------*/
.sub_visual {
    padding: 0;
}

.sub_visual > div {
    background-size: cover;
    background-position-x: center;
}

/* ----------------------  sub_container ---------------------*/
.sub_container {
    min-height: 350px;
}
.sub_container>.wrapper {/*width: 100%;*/
    padding: 3rem 0 0;
}
.sub_container .contents .con_area {width: 100%;}
.sub_container .wrapper .tit_wrap h1 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    padding-bottom: 1.5rem;
}
.sub_container .contents h3 {
    font-size: 1.625rem;
}
.sub_container .contents h4 {
    font-size: 1.25rem;
}
.sub_container .contents h5 {
    font-size: 1.125rem;
}

.agree_list h2 {font-size: 1.5rem;}


/**************************************************************/
/**************************************************************/
/*************************path_container***********************/
/**************************************************************/
/**************************************************************/
/* ----------------------- 일반형태 path ---------------------*/
.path_container .path {
    width: 100%;
    height: 48px;
}
.path_container .caption {
    text-align: center;
    /* padding-top: 240px; */
    font-size: 32px;
    /* color: #fff; */
    /* letter-spacing: -2px; */
    line-height: 320px;
}
.path .home {
    width: 48px;
    height: 48px;
    padding: 0 16px;
}
.path .home img {
    padding: 14px 0;
}
.path .depth_btn {
    line-height: 48px;
    font-size: 14px;
    width: 100%;
}
.path_inside > div {
    width: calc((100% - 48px) / 2);
}
.path .depth_btn i {
    top: 14px;
}
.path .depth_btn:before {
    height: 48px;
}
.path [class^="depth"] ul {
    top: 47px;
}
.path_container .path .sub_tab ul {
    overflow: hidden;
}
.path_container .path .sub_tab ul li {
    /* float: left; */
    /* text-align: center; */
    height: 50px;
    line-height: 50px;
    /* background: #fff; */
    border-left: 1px solid #ddd;
    font-size: 15px;
    /* font-weight: 300; */
}
.path_container .path .sub_tab ul li a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 400;
}
.path_container .path .sub_tab ul li.on a {
    color: #fff;
    font-weight: 500;
}
.path .depth_btn span {top: 16px;}

/*----------------------------------------1500--------------------------------*/

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

    /* 오시는길 */
    .cont_tit_m h5.car, .cont_tit_m h5.subway, .cont_tit_m h5.bus, .cont_tit_m h5.air {
        font-size: 2.2rem;
    }

}

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

    /* 오시는길 */
    .traffic .box span {
        min-width: 185px;
    }

}

/*----------------------------------------1280--------------------------------*/

@media screen and (max-width:1280px) {
    #header nav {   display: none !important;}

   
}

/*----------------------------------------1100--------------------------------*/

/*오시는 길 + 숙박안내 */
@media screen and (max-width:1100px) {
    .address li {
        width: 100%;
        padding: 1.5rem 1rem;
    }
    .address li:nth-child(2) {
        width: 100%;
    }

    .traffic .box {
        flex-direction: column;
        justify-content: center;
    }
    .traffic .box p {
        width: 100%;
        margin-top: 0.5rem;
        text-align: center;
    }
    .traffic .box span {
        width: 100%;
        text-align: center;
        font-size: 18px;
        color: var(--main-color);
    }
    .traffic .box span+br {
        display: none;
    }
    .traffic .box ul {
        margin-top: 0.5rem;
    }
    .traffic .box ul li {
        text-align: center;
    }
    .traffic .box a {
        margin-left: 0;
        margin-top: 5px;
    }
    
    .traffic .box2 span {
        display: none;
    }
    .traffic .box2 p {
        font-size: 15px;
        padding: 10px 0 0 0;
        text-align: center;
        width: 100%;
    }

    /*숙박안내*/

    .btn_met_2 {
        width: 100%;
        padding-left: 4px;
        letter-spacing: -1.0px;
    }
    

}


/*----------------------------------------1024--------------------------------*/

@media screen and (max-width:1024px) {
    .sub_container .contents .con_area {
        padding-bottom: 3rem;
    }
    .sub_container .contents .max {
        padding-top: 3rem;
    }
    .summary_wrap {
        height: auto;
    }
    .summary_wrap .summary_l p {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin-left: 1.25rem;
    }
    .summary_wrap .summary_l img {
        height: 80px;
    }
    
    .summary_wrap .summary_r {
        font-size: 1.125rem;
        line-height: 1.75rem;
    
    }
    .purpose_wrap .purpose {
        width: 100%;
        margin-top: 1rem;
    padding: 1.5rem;
    }

    .contents .tab_wrap .tab { 
        font-size: 1.1rem;
        /*padding: 0.625rem;*/
        line-height: 1rem;
        
    }
    .history_wrap .history_tit h2 {
        font-size: 1.5rem;
    }
    .history_wrap .history_tit {
        width: 100px;
        padding: 1.5rem;
    }
    .history_wrap .history_txt {
        width: calc(100% - 100px);
        padding: 1rem 1rem 1rem 0;
    }
    .vision_con {
        height: 120px;
        border-radius: 60px;
    }
    .vision_con p {
        height: 120px;
        font-size: 1.5rem;
        line-height: 2rem;
        border-radius: 60px;
        padding: 2.5rem;
        background-size: 70px;
    }
    .mission_wrap .mission .mission_tit {
        font-size: 1.25rem;
        padding: 1.5rem;
        line-height: 1.25em;
    }
    .mission_wrap .mission .mission_tit img {
        height: 60px;
    }
    .mission_wrap .mission ul {
        margin-top: 1rem;
    }
    .mission_wrap .mission ul li {
        padding: 0.625rem 0rem 0.625rem;
    }
    .mission_wrap .mission ul li .tit {
        font-size: 1.125rem;
        margin-bottom: 0.625rem;
    }
    .mission_wrap .mission ul li p {
        font-size: 1rem;
    }
    .line_box_b {padding: 2rem;}

    .join_tab {        margin: 0 auto 3rem;}
    .join_tab li {width: calc((100% - 3rem) /4);font-size: 1.125rem;}
    .join_tab li span {display: block; margin: 0 auto 5px;}
    .check_group.all {padding: 1rem 1rem;font-size: 1.125rem;}

    .agree_list {margin-top: 1.25rem;    }
    .agree_list dt {padding: 1rem 1.5rem;}
    .agree_list dt:after {width: 6px;height: 6px;right: 13px;}
    .agree_list dt .tit {font-size: 1.125rem;}
    .search_list li {
        padding: 1rem 1.5rem;
        font-size: 1.125rem;
        margin-top: 1.25rem;
    }
    .join_wrap .check_group {padding: 1rem 1rem;}

    .join_cate {margin: 0 auto 2rem;}
    .join_cate li {width: calc((100% - 1rem) /2);padding: 1.5rem;}
    .join_cate li .tit {font-size: 1.125rem;    }
    .join_wrap .check_group label {line-height: 22px;}
    .join_wrap .check_group label:last-child {margin-top: 1rem;}
    .mypage_list .list {width: calc((100% - 1.5rem) /2);margin-bottom: 1rem;}
    .division_wrap .division {padding: 2rem;margin-bottom: 1rem;}
    .university_wrap .university {width: 100%;margin-top: 1rem;padding: 1.5rem;}
    .university_wrap .university:nth-child(2) { margin-top: 1rem;}

    .license_wrap .license_tit {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .license_wrap .license_tit:before {
        bottom: 15px;
        width: calc(100% - 170px);
    }

    .greeting_wrap { 
        padding: 2.5rem;
        background-size: cover;
    }
    .greeting_wrap .greeting_tit {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .greeting_wrap  .greeting_tit:before {
        top: 15px;
        width: calc(100% - 100px);
    }
    .greeting_wrap .sub_tit {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .greeting_wrap p {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .greeting_wrap .align_r span {
        font-size: 1.25rem;
        margin-top: 0;
    }
    .greeting_wrap .align_r img { width: 100px;}

    .field_wrap .field_tit {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .field_wrap .field_tit:before {
        bottom: 15px;
        width: calc(100% - 70px);
    }
    .jsearch_wrap .jsearch_tit {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 1rem;
    }
    .jsearch_wrap .jsearch_tit:before {
        bottom: 15px;
        width: calc(100% - 210px);
    }

    .tabcontent.agree_list .terms {padding: 1.5rem;}
    .agree_list .terms .group .terms_tit {    font-size: 1.125rem;}
    .profile_wrap .profile {padding: 1.5rem;
        margin-bottom: 1rem;
    }
    .profile_wrap .profile .tit {font-size: 1.25rem;}
    .tab_scroll-tab {width: 100%;}
    .tab_scroll-tab ul li {padding: 0.638rem;font-size: 1.125rem;}

    .address_wrap { margin: 0.5rem auto 0; }
    .address_wrap .t {font-size: 1.5rem; line-height: 2rem;}
    .address_wrap .t span {display: block;}
    .address_wrap .c { font-size: 1.25rem;}
}



/*----------------------------------------980--------------------------------*/
@media screen and (max-width:980px) {

    .president .con:first-child {
        width: 100%;
        margin-bottom: 1rem;
        margin-right: 0;
    }
    .president .con {
        display: inherit;
        width: calc((100% - 2rem) /3);
    }
    .president .con .rank {
        font-size: 1.1rem;
        margin-right: 0;
        display: block;
        width: 100%;
    }
    .president .con .name {
        font-size: 1.25rem;
        display: block;
        width: 100%;
    }
    .division_wrap .division .left {
        width: 100%;
        margin-bottom: 1rem;
    }
    .division_wrap .division .right {
        width: 100%;
        padding-left: 0rem;
    }

    .field_wrap .field_img {
        width: 40%;
    }
    .field_wrap .field_con {
        width: 57%;
    }
    .dic-wrap li {
        width: calc((100% - 65px) /14);
        margin-bottom: 5px;
    }
    .dic-wrap li:nth-child(14n) {
        margin-right: 0;
    }
    .dic-wrap .dic.full li {
        width: calc((100% - 60px) /13);
        margin-bottom: 5px;
    }
    .dic-wrap .dic.full li:nth-child(13n) {
        margin-right: 0;
    }
    .dic-wrap .dic.wide li {
        width: calc((100% - 40px) /9);
    }
    .dic-wrap .dic.wide li:nth-child(9n) {
        margin-right: 0;
    }
    .press_list .cate {width: 100px;height: 32px;margin-bottom: 10px;line-height: 32px;}
    .press_list .tit {line-height: 1.5rem;}
    .press_list .date {
        margin-right: 0rem;}
    .press_list li {display: inherit;}
    .press_list .tit {width: 100%;}



}

@media screen and (max-width:840px) {
    .input_wrap .user_info {float: none; width: 100%;}
    .input_wrap .user_photo {float: none; width: 100%;margin-top: 10px; margin-left: 0;}
    .table_normal tbody th{width: 100px;}

    .offcanvas .menu_login a {font-size: 1rem; height: 2rem;}
    .offcanvas {
        padding: 80px 20px 0;
        display: block;
        width: 100%;
    }
    .offcanvas .fixed_wrapper {
        flex-wrap: wrap;
        width: 100%;
    }
    .offcanvas .menu_login {padding: 0; padding-top: 10px;}
    .offcanvas .h_wrap {
        width: 100%;
        height: auto;
        max-width: inherit;
    }
    .offcanvas .h_tabcontent {
        margin-top: 64px;
        display: none !important;
        transition: 0.5s;
        margin-top: -4px;
    }
    .offcanvas .h_tablinks.active {
        border: none;
    }
    .offcanvas .h_tablinks.active + .h_tabcontent {
        display: block !important;
    }
    .offcanvas .h_tabcontent .sub_nav {
        background: #f1f1f1;
    }
    .offcanvas .h_tablinks {
        height: 64px;
        line-height: 64px;
        text-align: left;
        font-size: 1rem;
        padding: 0;
    }
    .offcanvas .h_tabcontent .sub_nav > li > a {
        height: auto;
        display: flex;
        align-items: center;
        min-height: 42px;
        line-height: inherit;
        padding: 0 10px;
        font-size: 0.925rem;
    }
    .offcanvas .h_tabcontent .sub_nav > li > a:hover {
        font-size: 0.925rem;
    }
    .offcanvas .h_tabcontent .depth3 {
        padding: 20px 32px;
    }
    .offcanvas .tab {
        padding-top: 64px;
    }
    .offcanvas .h_tabcontent .menu2_link.active:after {
        top: 36px;
    }
    .offcanvas .h_tabcontent .menu2_link:after {
        top: 28px;
    }
}


/*----------------------------------------860--------------------------------*/
@media screen and (max-width:860px) {
    .schedule_img img{
        width: 100%;
    }
}


/*----------------------------------------800--------------------------------*/
@media screen and (max-width:800px) {
    .hotel .btn_group {
        flex-direction: column;
        align-items: center;
    }
}


/*----------------------------------------640--------------------------------*/

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

   
    /**************************** basic **************************/
    .flex input {display: inline-block;}
	/*input[type="text"], input[type="password"], select { height: 32px; font-size:13px; }*/
	input[type="file"] { font-size: 0.875rem; max-width:160px; }
	textarea { font-size:0.875rem; }
	.i_sup_ph { width: 29%; }
	.i_sup_md { max-width:80px; min-width:100%; }
	.ph_solt { width: 3%; display: inline-block; }	
	.btn { height: 48px; line-height: 48px; min-width: 90px; font-size: 0.875rem; }	
	.btn_s { height: 32px; line-height:32px; font-size:0.875rem; }
    a.pop_btn_confirm {
        display: inline-block;
        text-align: center;
        width: 80px;
        background: #3DCD58;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        font-weight: 400;
    }
    a.pop_btn_cancel {
        display: inline-block;
        text-align: center;
        width: 80px;
        background: #666;
        height: 35px;
        line-height: 35px;
        font-size: 15px;
        color: #fff;
        cursor: pointer;
        font-weight: 400;
    }
    a.btn_write {
        margin-bottom: 10px;
    }
    .txt_box_l {
        width: 100%;
        margin-bottom: 4px;
    }

    /*************************** header **************************/
    header .logo a {
        width: 130px;
        height: 48px;
    }
    #header .menu_area ul li a.hambtn {background-size: 20px;min-width: 40px;}
    #header .menu_area ul li .searchbtn {background-size: 24px;min-width: 40px;}
    #header .menu_area ul li a {    padding: 0 5px;}
    .header_search_wrap {
        padding: 6px;
        width: 100%;
        max-width: 100%;
        margin: 14px;
        margin-top: 0;
    }
    #header .open .map a {
        width: 80px;
    }
    #header .open {
        margin-right: 10px;
    }
    /*********************** 일반형태 path **********************/
    .path .depth_btn {
        line-height: 48px;
        width: 100%;
        font-size: 14px;
        padding: 0 18px;
        height: 48px;
        text-overflow: ellipsis;
        overflow: hidden;
        /* white-space: pre; */
        min-width: auto;
    }
    .path .home {
        width: 48px;
        line-height: 48px;
    }
    .path .home img {
        padding: 18px 0;
    }

    .path_container .path {
        height: auto;
    }
    .path .depth1,
    .path .depth2 {
        width: calc(50% - 24px);
    }
	.path .depth3 {
	    border-top: 1px solid rgba(255, 255, 255, 0.2);
	    width: 100%;
	}
    /************************* 탭형태 path ************************/
    .path_tab .tab_link_wrap .tab_link .tablinks .txt_sm {
        width: 100%;
        line-height: 1rem;
    }


    .summary_wrap .summary_l {
        width: 100%;
        padding: 2rem;
    }
    
    .summary_wrap .summary_r {
        width: 100%;
        padding: 2rem;
    
    }

    /************************ 행사안내 page **********************/
    .tab_scroll-tab ul {
        flex-wrap: wrap;
    }
    .tab_scroll-tab ul li {
        width: calc((100% - 5px) /2);
    }
    .tab_scroll-tab ul li:nth-child(n+3) {
        margin-top: 5px;
    }

    /************************ 질문 답변 page **********************/
    .directions { display:none; width:96%; height:auto; margin:0 auto; background:#fff; font-size:1rem; overflow-y:hidden; box-sizing: border-box; border: 1px #333 solid; max-width: 420px;}
    .directions .info_tit { width: 100%; height: 45px; line-height: 45px; background:#7c919d; /*border-top: 5px solid #009475; border-bottom: 1px solid #ccc;*/ text-align: center; font-size: 18px; font-weight: 500; margin: 0 auto 20px; color: #fff;}
    .directions dl.info_list dt { font-size:1rem; margin-bottom: 20px; text-align: center;}
    .directions dl.info_list dd { margin-bottom: 20px; text-align: center;}
    /* .directions input {padding: 5px 5px 5px 10px;height: 35px;box-sizing: border-box; width: 90%; border: 1px solid #ddd;} */
    /* .directions .pop_close { cursor: pointer; position: absolute;top: 0px;right: 7px;} */
    .directions .pop_close img {width: 20px;}
    .pop_btn_area {width:100%;text-align:center;margin:20px auto;}
    .notice .cont.qna a>div .tit {
        height: 31px;
        padding-top: 4px;
        white-space: inherit;
    }
    .notice .cont.qna a>div .info {
        margin-top: 6px;
        height: 30px;
    }

  
    .footer_wrap .footer .info {
        width: 100%;
    }
    .family_wrap {
        margin: 1rem auto 0;
    }
    .footer_wrap .footer .footer_sns {
        margin: 1rem auto 0;
    }

    .main_visual .visual_con {
        padding: 5rem 2rem;
    }
  

    .login_wrap { width: 90%;max-width: 350px;}
    .mypage_list .list {width: 100%;margin-bottom: 1rem;}

    .greeting_wrap .align_r {
        justify-content: space-between;
        margin-top: 2rem;
    }
    .greeting_wrap .align_r .photo .name {
        font-size: 1rem;
    }

    .field_wrap.flex {
        display: inherit;
    }
    .field_wrap .field_img {
        width: 100%;
        height: 200px;
        margin-bottom: 1.5rem;
    }
    .field_wrap .field_con {
        width: 100%;
    }
    .dic-wrap .dic { margin: 1.5rem auto 1.5rem;    }
    .dic-wrap li { width: calc((100% - 40px) /9);}
    .dic-wrap li:nth-child(9n) {margin-right: 0;}
    .dic-wrap li:nth-child(14n) {margin-right: 5px;}
    .dic-wrap .dic.full li {width: calc((100% - 40px) /9);}
    .dic-wrap .dic.full li:nth-child(9n) {margin-right: 0;}
    .dic-wrap .dic.full li:nth-child(13n) {margin-right: 5px;}

    .board_top .fr {
        float: none;
        margin: 1rem auto 0;
    }
    .board_top .fr .btn_met.btn_down {
        margin: 0 auto;
    }
    .profile_wrap .profile .tit { width: 100%; margin-bottom: 1rem;}
    .profile_wrap .profile .tit br{ display: none; }
    .profile_wrap .profile .con { width: 100%;}
}

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


.agree_list dt .tit span {
    margin-left: 0;
    display: block;
}
.search_list li span {
    float: none;
    margin-right: 0rem;
    display: block;
}	
}
/*----------------------------------------480--------------------------------*/

@media screen and (max-width:480px) {
    #header .menu_area ul li a{font-size: 0.875rem;}


    .waiting_sub {width: 80%;}
    .waiting_sub::before {width: 100%;}
    .waiting_sub p {font-size: 1rem;}

    /*************************** basic ***************************/
    table th {
        font-size: 1rem;
    }
    .btn_etc {
        width: 130px;
        margin: 0;
        margin-left: 2px;
        height: 32px;
        padding: 4px 0;
    }
    .txt_ex {
        display: block;
    }
}


/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ============================basic&main&path end=========================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */
/* ========================================================================== */






/* ============================================================== */
/* ============================================================== */
/* ============================================================== */
/* ===========================sub start========================== */
/* ============================================================== */
/* ============================================================== */
/* ============================================================== */




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

}
@media screen and (max-width:1024px) {
    
}
@media screen and (max-width:840px) {

}
@media screen and (max-width:640px) {
    
}
@media screen and (max-width:480px) {
    
}