* {margin: 0; padding: 0;}
li {list-style: none;}
a {text-decoration: none; color: #191919;}
img {display: block;}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Regular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'min_bold';
    font-weight: 600;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-SemiBold.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'bold';
    font-weight: 700;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/pretendard/Pretendard-Bold.ttf') format("truetype");
    font-display: swap;
}

body {font-family: 'Pretendard'; line-height: 15px;}

p {font-size:inherit; margin-bottom: 0 ; font-size:16px; line-height:inherit;}

ol,ul {padding-left: 0; margin-bottom: 0 ; margin-left:0 ;}

ul {padding-left: 0; margin-bottom: 0; margin-left:0;}

ul li ul, ul li ol
{margin-left:0;}

button
{padding:0; line-height: inherit; margin:0;}

label
{display: inherit; font-size:inherit;}

input[type="text"]
{margin:0; padding:0;}

input[type="file"], input[type="checkbox"], input[type="radio"], select
{padding:0; margin:0;}

select
{-webkit-appearance: menulist !important;
background-image:none;
background:#fff;}

select:focus
{background:#fff;}

table
{border-left:0px ;
border-right:0px ;}

table tr th, table tr td
{padding:0 ;
background-color:#fff ;}

*, ::after, ::before
{box-sizing: inherit;}

.clearfix:before, .clearfix:after 
{display: block;
content: '';
line-height: 0;}

.clearfix:after 
{clear:both;}

.clearfix 
{*zoom: 1;}

@media all and (min-width: 1430px)
{   
    /* pc헤더 */

    /*.mobile_busan_header,#header_open
    {display: none;}

    .header_busan
    {width: 100%; background: #fff;
    position: fixed;
    z-index:900;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}

    /* 헤더gnb */
    /*.gnb_busan 
    {max-width: 1420px;
    margin: 0 auto;
    overflow: hidden;}

    .gnb_busan > div 
    {float: right;
    overflow: hidden;}

    .gnb_busan > div a
    {float: left;
    position: relative;
    line-height: 40px;
    padding-left: 20px;
    color: #303030;}

    .gnb_busan > div a:last-child:before
    {content: '';
    position: absolute;
    width: 1px; height: 16px;
    top: 11px; left: 10px;
    background: #ccc;}

    /* 헤더lnb */
    /*.header_middle
    {max-width: 1420px;
    margin: 0 auto;
    padding: 10px 0 20px 0;}

    .header_logo
    {width: 200px; height: 50px;
    display: block;
    float: left;
    padding-bottom: 10px;}

    .menu_ex
    {width: calc(100% - 200px);
    float: left;}

    .menu_ex >li
    {width: 16.66%;
    text-align: center;
    float: left;}

    .menu_ex >li>a
    {display: block;
    line-height: 50px;
    font-family: 'min_bold';}

    .menu_ex >li>a:hover
    {color: #196de7;}

    .dept01
    {display: none;
    padding-top: 10px; padding-bottom: 10px;
    margin: 0;}

    #nop 
    {width: 100%;
    height: 40px;
    float: none;}

    #nop>a>p 
    {text-align: center;
    line-height: 40px;
    color: #707070;
    letter-spacing: -1px;}

    #nop>a>p:hover
    {color: #196de7;}

    /*비주얼*/
    .visual_common
    {width: 100%; height: 450px;
    background-image: url(../img/visual_bussiness_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 110px;
    box-sizing: border-box;}

    .visual_common>p
    {font-size: 42px;
    line-height: 50px;
    font-family: bold;
    color: #fff;}


    /*루트*/
    .common_nav_zon
    {width: 100%;}

    .common_nav_zon>div:nth-child(1)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    .common_nav_zon>div:nth-child(2)
    {width: 1420px; 
    margin: 0 auto;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {width: 60px; height: 60px;
    border-left: 1px solid #ccc; border-right: 1px solid #ccc;
    box-sizing: border-box;
    float: left;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1) img
    {width: 50px; height: 50px;
    margin: 5px auto;}
    
    /**/
    .common_nav_zon>div:nth-child(2) .selectBox1 
    {position: relative;
    width: 250px; height: 60px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background-size: 20px;
    cursor: pointer;
    float: left;
    background: url(../img/down_icon.png) calc(100% - 15px) center no-repeat;
    background-size: 20px 20px;}

    .selectBox1 .option_label 
    {width: calc(100% - 30px); height: inherit;
    margin-left: 15px; margin-right: 15px;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 16px;}

    .option_label>p 
    {width: calc(100% - 20px);
	color: #303030;
	word-break: keep-all;}

    .selectBox1 .optionList 
    {position: absolute; 
    top: 70px; left: 0;
    width: 100%;
    background: #f8f8f8;
    color: #303030;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    max-height: 0;
    transition: .3s ease-in;
    z-index: 800;}
    
    .selectBox1.active .optionList 
    {max-height: 300px;}
    
    .selectBox1 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 50px;}

    .optionItem>a
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;
    color: #303030;
    transition: .3s ease-in;}

    .selectBox1 .optionItem:hover 
    {background: #ccc;}

    .selectBox1 .optionItem:hover>a>p
    {color: #196de7;}
    
    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}

    /*02*/
    .common_nav_zon>div:nth-child(2) .selectBox2 
    {position: relative;
    width: 250px; height: 60px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background-size: 20px;
    cursor: pointer;
    float: left;
    background: url(../img/down_icon.png) calc(100% - 15px) center no-repeat;
    background-size: 20px 20px;}

    .selectBox2 .option_label 
    {width: calc(100% - 30px); height: inherit;
    margin-left: 15px; margin-right: 15px;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 16px;}

    .option_label>p 
    {width: calc(100% - 20px);
	color: #303030;
	word-break: keep-all;}

    .selectBox2 .optionList 
    {position: absolute; 
    top: 70px; left: 0;
    width: 100%;
    background: #f8f8f8;
    color: #303030;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in;
    z-index: 3;}
    
    .selectBox2.active .optionList 
    {max-height: 650px;
	z-index: 800;}
    
    .selectBox2 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 50px;}

    .optionItem>a
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;
    color: #303030;
    transition: 0.3s ease-in;}

    .selectBox2 .optionItem:hover 
    {background: #ccc;}

    .selectBox2 .optionItem:hover>a>p
    {color: #196de7;}
    
    .selectBox2 .optionItem:last-child 
    {border-bottom: 0 none;}

    .common_nav_zon>div:nth-child(3)
    {width: 100%; height: 1px;
    background-color: #ccc;}
    
    /*게시판*/
    .tourism_day_ex
    {width: 1420px;
    margin: 100px auto;
    margin-bottom: 150px;}

    /*관광의 날 타이틀*/
    .tourism_day_ex .tourism_day_title
    {width: 100%;
    margin-bottom: 30px;
    overflow: hidden;}

    .tourism_day_title>p
    {font-size: 28px;
    line-height: 32px; color: #303030;
    position: relative;}

    .tourism_day_title>p>span
    {font-family: bold;}

    /* .tourism_day_title>p>span::after
    {content: '　';
    width: 10px; height: 10px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /*관광의 날 검색*/
    .tourism_day_ex .tourism_day_select_zon
    {width: fit-content;
    float: right;
    margin-bottom: 60px;
    overflow: hidden;}

    #board_f_select
    {width: 100px; height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;
    margin-right: 10px;}

    #board_f_txt
    {width: 250px; height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;
    margin-right: 10px; text-indent: 5px;}

    #find_board_btn
    {width: 80px; height: 35px;
    border: none;
    background-color: #196de7;
    text-align: center; line-height: 35px;
    color: #fff;
    outline: none; border-radius: 5px;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;}

    /*게시판 테이블*/
    .tourism_day_ex .tourism_day_table
    {width: 100%;
    border-top: 1.5px solid #196de7; box-sizing: border-box;
    margin-bottom: 80px;}

    .tourism_day_table tr td
    {border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr td:nth-child(1)
    {width: 10%;}

    .tourism_day_table tr td:nth-child(2)
    {width: 60%;}

    .tourism_day_table tr td:nth-child(3)
    {width: 20%;}

    .tourism_day_table tr td:nth-child(4)
    {width: 10%;}

    .tourism_day_table tr:nth-child(1) th
    {font-weight: inherit;
    border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr:nth-child(1) th>p
    {width: 100%; font-family: 'bold';
    text-align: center; line-height: 20px;
    padding-top: 20px; padding-bottom: 20px;
    color: #303030;}

    .tourism_day_table tr:nth-child(1n+2) td
    {transition: all 0.3s;}

    .tourism_day_table tr:nth-child(1n+2) td>a
    {display: block;
    width: calc(100% - 20px);
    margin: 0 auto;}

    .tourism_day_table tr:nth-child(1n+2) td>a>p
    {width: 100%;
    text-align: center; word-break: keep-all; color: #707070;
    line-height: 25px;
    padding-top: 17.5px; padding-bottom: 17.5px;
    transition: all 0.3s;}

    .tourism_day_table tr td:nth-child(2)>a>p
    {text-align: left;}

    .tourism_day_table tr:nth-child(1n+2):hover td
    {background-color: #f3f3f3;}

    .tourism_day_table tr:nth-child(1n+2):hover td>a>p
    {color: #196de7;}


	/* 게시물 없음 */
	.no_tourism_day_item
	{width:100%;
	text-align:center;
	padding:40px 0;}

	.tourism_day_table tr:hover td.no_tourism_day_item
	{background: #fff;}

    /* 공지사항 강조 */
    /* .active_sort
    {padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    background: #196de7;} */

    .active_sort
    {font-family: 'bold';
    color: #196de7;}
    
    /*공지사항*/
    .active_sort_tr td
    {background-color: #f6f6f6;}

    .active_sort_tr td>a>p
    {color: #303030;} 

	/*공통 주요사업*/
    .tourism_common_ex
    {width: 1420px;
    margin: 100px auto;
    margin-bottom: 150px;}

    /*주요사업 타이틀*/
    .tourism_common_ex .tourism_common_h_title
    {width: 100%;
    margin-bottom: 50px;
    /*overflow: hidden;*/}

    .tourism_common_h_title>p
    {font-size: 28px;
    line-height: 32px; color: #303030;
    position: relative;}

    .tourism_common_h_title>p>span
    {font-family: bold;
	word-break: keep-all;}

    /* .tourism_common_h_title>p>span::after
    {content: '　';
    width: 10px; height: 10px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /* 주요사업 공통 목차 */
    .tourism_common_box
    {margin-bottom: 50px;}

    .tourism_common_title
    {width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;}

    .tourism_common_title p
    {width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-family: bold;
    margin-left: 10px;
    color: #222;}

    .tourism_common_title p::before
    {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 18px;
    background-color: #196de7;}

    .tourism_common_explanation p
    {width: calc(100% - 15px);
    font-size: 16px;
    line-height: 20px;
    margin-left: 15px;
    color: #222;
    margin-bottom: 10px;
    position: relative;}

    .tourism_common_explanation p::before
    {content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #196de7;}

    .tourism_common_explanation p.tourism_accent,
    .tourism_common_explanation div.tourism_accent>a
    {color: #196de7;
    font-family: 'min_bold';}

    .tourism_common_explanation p.tourism_accent a
    {color: #196de7;}

    .tourism_common_explanation p.tourism_accent::before
    {display: none;}

    .tourism_common_explanation p:last-child
    {margin-bottom: 0;}

    .tourism_common_explanation ul
    {margin-bottom: 10px;
    margin-left: 30px;}

    .tourism_common_explanation ul li
    {position: relative;
    font-size: 16px;
    margin-bottom: 10px;}

    .tourism_common_explanation ul li::before
    {content: "";
    position: absolute;
    top: 8px;
    left: -13px;
    width: 7px;
    height: 1px;
    background: #222;}

    .tourism_common_explanation a
    {display: block;
    float: left;}

    a.tourism_btn
    {width: 180px;
    height: 45px; line-height: 45px;
    text-align: center;
    display: block;
    border-radius: 22.5px;
    border: 1px solid #196de7;
    box-sizing: border-box;
    transition: all 0.3s;
    margin-left: 30px;
    margin-top: -15px;}

    .tourism_common_explanation div.tourism_accent a.tourism_btn:hover
    {background: #196de7;
    color: #fff;
    font-family: 'Pretendard';}

    /* 주요사업 도식화 */

    .tourism_common_graphing
    {width: 100%;
    max-width: 900px;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;}

    .tourism_common_graphing > div
    {float: left;
    text-align: center;}

    div.graphing_box
    {width: 30%;}

    div.arr_box
    {width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;}

    .graphing_box > div:nth-child(1)
    {background: #196de7; min-height:80px;
    color: #fff;
    border-radius: 10px 10px 0 0;
	display: flex;
    align-items: center;
    justify-content: center;}

    .graphing_box > div:nth-child(1) h3
    {font-weight: inherit;
    font-family: 'bold';
    font-size: 18px; line-height: 25px;
    padding: 10px;}

    .graphing_box > div:nth-child(2)
    {min-height: 100px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    padding: 5px;}

    .graphing_box > div:nth-child(2) p
    {line-height: 25px;
    margin-bottom: 10px;}

    .graphing_box > div:nth-child(2) p:last-child
    {margin-bottom: 0;}

    .graphing_box > div:nth-child(2) h4
    {font-weight: inherit;
    font-family: 'bold';
    font-size: 16px; line-height: 25px;
    padding-bottom: 10px;}

    /* 주요사업 이미지 */
    .tourism_common_imgbox
    {max-width: 600px;
    overflow: hidden;
    margin-top: 50px;
    border: 1px solid #ccc;
    padding: 10px;}

    .tourism_common_imgbox> div
    {width: 49%;
    float: left;
    margin-right: 2%;}

	.tourismday_imgbox
	{max-width:100%;}

	.tourismday_imgbox > div
	{width: 24%;
	margin-right: 1.33%;}

	.tourism_center_imgbox
	{max-width:100%;}

	.tourism_center_imgbox> div
	{width:24%;
	margin-right: 1.33%;}

	/* 부산홍보관 이미지 */
	.promotion_imgbox
	{max-width:75%;}

	.promotion_imgbox>div
	{width:32.33%;
	margin-right: 1.5%;}
	/**/

    .tourism_common_imgbox> div:last-child
    {margin-right: 0;}

    .tourism_common_imgbox> div img
    {width: 100%;
    display: block;}

	.tourism_bitf_imgbox
	{width: fit-content;
	max-width: inherit;}

	.tourism_bitf_imgbox div
	{width:auto;
	margin-right:10px;}

    /*페이지버튼*/
    .tourism_day_ex .page_free
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

	.page_free .active
    {background-color: inherit;}

	.page_free li.page-item
	{margin-left:0;}

	.page_free .active a p
	{color:#fff;}

    .page_free .page-link
    {width: 40px; height: 40px;
    padding: 0;
    text-align: center; line-height: 40px; font-size: 15px;
    color: #196de7;}

	.page_free .active .page-link:hover
	{background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);}

    /* 푸터상단 */

    /*.footer_ex
    {width: 100%;}

    .footer_top
    {background: #222;}

    .footer_top>div
    {width: 100%; max-width: 1420px;
    height: 80px;
    margin: 0 auto;}

    .footer_top>div ul.footer_top_list
    {float: left;}

    ul.footer_top_list li 
    {display: inline-block;}

    ul.footer_top_list li a
    {position: relative;
    line-height: 80px;
    color: #fff;
    padding-right: 40px;}

    ul.footer_top_list li a::after
    {content: '';
    position: absolute;
    width: 1px; height: 16px;
    top: 2px;right: 15px;
    background: #ccc;}

    ul.footer_top_list li:last-child a:after
    {display: none;}


    /* 셀렉트 박스 커스텀 */

    /*.footer_top>div div.related_site
    {float: right;}

    .selectBox3 * { box-sizing: border-box; }

    .selectBox3 {
    position: relative;
    width: 190px;
    height: 40px;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-top: 20px;}

    .selectBox3 .label02 {
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    font-family: 'min_bold';
    color: #d1d1d1;}

    .selectBox3 .label02 span
    {margin-left: 5px;}

    .selectBox3 .optionList 
    {position: absolute; 
    top: 41px;
    left: 0;
    width: 100%;
    background: #F0F0F0;
    color: #555;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    font-size: 15px;
    transition: .3s ease-in;}

    .selectBox3.active02 .optionList 
    {max-height: 500px;}

    .selectBox3 .optionItem02 
    {border-bottom: 1px solid #ccc;
    padding: 10px 15px 10px;
    transition: .1s;
    color: #555;}

    .selectBox3 .optionItem02:hover 
    {background: #303030;
    color: #fff;}

    .selectBox3 .optionItem02:last-child 
    {border-bottom: 0 none;}

    .selectBox3 .optionList::-webkit-scrollbar {width: 6px;}
    .selectBox3 .optionList::-webkit-scrollbar-track {background: transparent; }
    .selectBox3 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
    .selectBox3 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

    /* 푸터 하단 */

    /*.footer_bottom
    {background: #333;
    padding: 30px 0;}

    .footer_bottom>div
    {width: 100%; max-width: 1420px;
    overflow: hidden;
    margin: 0 auto;}

    .footer_bottom>div>a
    {display: block;
    float: left;
    margin-right: 50px;}

    .footer_bottom>div>ul
    {float: left;}

    .footer_bottom>div>ul>li
    {font-size: 15px; line-height: 25px;
    color: #ddd;}

    .footer_bottom>div>ul>li.copyright
    {margin-top: 30px;}

    /*이메일*/
    /*.emaile_ex
    {width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 901;}

    .emaile_ex .emaile_box
    {width: 500px;
    background-color: #fff;}

    .emaile_box>div:nth-child(1)
    {width: 100%; height: 50px;
    background-color: #196de7;}

    .emaile_box>div:nth-child(1)>p
    {text-align: center; line-height: 50px;
    color: #fff; font-family: 'min_bold';}

    .emaile_box>div:nth-child(2)
    {width: 100%; height: 250px;
    padding-top: 10px; padding-bottom: 10px;
    overflow-y: scroll;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar
    {width: 2px;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar-thumb
    {background-color: #196de7;
    border-radius: 10px;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar-track
    {background-color: #ddd;}

    .emaile_box>div:nth-child(2)>p
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 15px; line-height: 25px; color: #707070;}

    .emaile_box>div:nth-child(2)>p>span
    {color: #303030;}

    .emaile_box>div:nth-child(3)
    {width: 100%; height: 50px;}

    .emaile_box>div:nth-child(3)>p
    {text-align: center; line-height: 50px; color: #303030;
    cursor: pointer;}

    /*개인정보처리방침*/
    /*.privacy_ex
    {width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 901;}

    .privacy_ex .privacy_box
    {width: 500px;
    background-color: #fff;}

    .privacy_box>div:nth-child(1)
    {width: 100%; height: 50px;
    background-color: #196de7;}

    .privacy_box>div:nth-child(1)>p
    {text-align: center; line-height: 50px;
    color: #fff; font-family: 'min_bold';}

    .privacy_box>div:nth-child(2)
    {width: 100%; height: 250px;
    padding-top: 10px; padding-bottom: 10px;
    overflow-y: scroll;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar
    {width: 2px;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar-thumb
    {background-color: #196de7;
    border-radius: 10px;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar-track
    {background-color: #ddd;}

    .privacy_box>div:nth-child(2)>p
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 15px; line-height: 25px; color: #707070;}

    .privacy_box>div:nth-child(2)>p>span
    {color: #303030;}

    .privacy_box>div:nth-child(3)
    {width: 100%; height: 50px;}

    .privacy_box>div:nth-child(3)>p
    {text-align: center; line-height: 50px; color: #303030;
    cursor: pointer;}*/

}


@media all and (min-width: 769px) and (max-width : 1429px)
{   
    /* pc헤더 */

    /*.mobile_busan_header,#header_open
    {display: none;}

    .header_busan
    {width: 100%; background: #fff;
    position: fixed;
    z-index:900;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}

    /* 헤더gnb */
    /*.gnb_busan 
    {width: 95%; 
    margin: 0 auto;
    overflow: hidden;}

    .gnb_busan > div 
    {float: right;
    overflow: hidden;}

    .gnb_busan > div a
    {float: left;
    position: relative;
    font-size: 15px;
    line-height: 30px;
    padding-left: 20px;
    color: #303030;}

    .gnb_busan > div a:last-child:before
    {content: '';
    position: absolute;
    width: 1px; height: 15px;
    top: 7px; left: 10px;
    background: #ccc;}

    /* 헤더lnb */
    /*.header_middle
    {width: 95%;
    margin: 0 auto;
    padding: 10px 0 20px 0;}

    .header_logo
    {width: 200px; height: 50px;
    display: block;
    float: left;
    padding-bottom: 10px;}

    .menu_ex
    {width: calc(100% - 200px);
    float: left;}

    .menu_ex >li
    {width: 16.66%;
    text-align: center;
    float: left;}

    .menu_ex >li>a
    {display: block;
    line-height: 50px;
    font-family: 'min_bold';}

    .menu_ex >li>a:hover
    {color: #196de7;}

    .dept01
    {display: none;
    padding-top: 10px; padding-bottom: 10px;
    margin: 0;}

    #nop 
    {width: 100%;
    height: 40px;
    float: none;}

    #nop>a>p 
    {text-align: center;
    line-height: 40px;
    color: #707070;
    letter-spacing: -1px;}

    #nop>a>p:hover
    {color: #196de7;}

    /*비주얼*/
    .visual_common
    {width: 100%; height: 450px;
    background-image: url(../img/visual_bussiness_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 140px;
    box-sizing: border-box;}

    .visual_common>p
    {font-size: 42px;
    line-height: 50px;
    font-family: bold;
    color: #fff;}

    /*루트*/
    .common_nav_zon
    {width: 100%;}

    .common_nav_zon>div:nth-child(1)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    .common_nav_zon>div:nth-child(2)
    {width: 90%; 
    margin: 0 auto;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {width: 60px; height: 60px;
    border-left: 1px solid #ccc; border-right: 1px solid #ccc;
    box-sizing: border-box;
    float: left;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1) img
    {width: 50px; height: 50px;
    margin: 5px auto;}
    
    /**/
    .common_nav_zon>div:nth-child(2) .selectBox1 
    {position: relative;
    width: 250px; height: 60px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background-size: 20px;
    cursor: pointer;
    float: left;
    background: url(../img/down_icon.png) calc(100% - 15px) center no-repeat;
    background-size: 20px 20px;}

    .selectBox1 .option_label 
    {width: calc(100% - 30px); height: inherit;
    margin-left: 15px; margin-right: 15px;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 16px;}

    .option_label>p 
	{width: calc(100% - 20px);
	color: #303030;
	word-break: keep-all;}

    .selectBox1 .optionList 
    {position: absolute; 
    top: 70px; left: 0;
    width: 100%;
    background: #f8f8f8;
    color: #303030;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    max-height: 0;
    transition: .3s ease-in;
	z-index: 800;}
    
    .selectBox1.active .optionList 
    {max-height: 300px;}
    
    .selectBox1 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 50px;}

    .optionItem>a
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;
    color: #303030;
    transition: .3s ease-in;}

    .selectBox1 .optionItem:hover 
    {background: #ccc;}

    .selectBox1 .optionItem:hover>a>p
    {color: #196de7;}
    
    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}

    
    /*02*/
    .common_nav_zon>div:nth-child(2) .selectBox2 
    {position: relative;
    width: 250px; height: 60px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background-size: 20px;
    cursor: pointer;
    float: left;
    background: url(../img/down_icon.png) calc(100% - 15px) center no-repeat;
    background-size: 20px 20px;}

    .selectBox2 .option_label 
    {width: calc(100% - 30px); height: inherit;
    margin-left: 15px; margin-right: 15px;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 16px;}

    .option_label>p 
	{width: calc(100% - 20px);
	color: #303030;}

    .selectBox2 .optionList 
    {position: absolute; 
    top: 70px; left: 0;
    width: 100%;
    background: #f8f8f8;
    color: #303030;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in;}
    
    .selectBox2.active .optionList 
    {max-height: 650px;
	z-index: 800;}
    
    .selectBox2 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 50px;}

    .optionItem>a
    {width: calc(100% - 30px);
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;
    color: #303030;
    transition: 0.3s ease-in;}

    .selectBox2 .optionItem:hover 
    {background: #ccc;}

    .selectBox2 .optionItem:hover>a>p
    {color: #196de7;}
    
    .selectBox2 .optionItem:last-child 
    {border-bottom: 0 none;}

    .common_nav_zon>div:nth-child(3)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    /*공지사항*/
    .tourism_day_ex
    {width: 90%;
    margin: 100px auto;
    margin-bottom: 150px;}

    /*관광의 날 타이틀*/
    .tourism_day_ex .tourism_day_title
    {width: 100%;
    margin-bottom: 30px;
    overflow: hidden;}

    .tourism_day_title>p
    {font-size: 28px;
    line-height: 32px; color: #303030;
    position: relative;}

    .tourism_day_title>p>span
    {font-family: bold;}

    /* .tourism_day_title>p>span::after
    {content: '　';
    width: 10px; height: 10px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /*관광의 날 검색*/
    .tourism_day_ex .tourism_day_select_zon
    {width: fit-content;
    float: right;
    margin-bottom: 60px;
    overflow: hidden;}

    #board_f_select
    {width: 100px; height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;
    margin-right: 10px;}

    #board_f_txt
    {width: 250px; height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;
    margin-right: 10px; text-indent: 5px;}

    #find_board_btn
    {width: 80px; height: 35px;
    border: none;
    background-color: #196de7;
    text-align: center; line-height: 35px;
    color: #fff;
    outline: none; border-radius: 5px;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;}

    /*게시판 테이블*/
    .tourism_day_ex .tourism_day_table
    {width: 100%;
    border-top: 1.5px solid #196de7; box-sizing: border-box;
    margin-bottom: 80px;}

    .tourism_day_table tr td
    {border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr td:nth-child(1)
    {width: 10%;}

    .tourism_day_table tr td:nth-child(2)
    {width: 60%;}

    .tourism_day_table tr td:nth-child(3)
    {width: 20%;}

    .tourism_day_table tr td:nth-child(4)
    {width: 10%;}

    .tourism_day_table tr:nth-child(1) th
    {font-weight: inherit;
    border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr:nth-child(1) th>p
    {width: 100%; font-family: 'bold';
    text-align: center; line-height: 20px;
    font-size: 15px;
    padding-top: 15px; padding-bottom: 15px;
    color: #303030;}

    .tourism_day_table tr:nth-child(1n+2) td
    {transition: all 0.3s;}

    .tourism_day_table tr:nth-child(1n+2) td>a
    {display: block;
    width: 90%;
    margin: 0 auto;}

    .tourism_day_table tr:nth-child(1n+2) td>a>p
    {width: 100%;
    text-align: center; word-break: keep-all; color: #707070;
    line-height: 20px;
    font-size: 15px;
    padding-top: 15px; padding-bottom: 15px;
    transition: all 0.3s;}

    .tourism_day_table tr td:nth-child(2)>a>p
    {text-align: left;}

    .tourism_day_table tr:nth-child(1n+2):hover td
    {background-color: #f3f3f3;}

    .tourism_day_table tr:nth-child(1n+2):hover td>a>p
    {color: #196de7;}

	/* 게시물 없음 */
	.no_tourism_day_item
	{width:100%;
	text-align:center;
	padding:40px 0;}

	.tourism_day_table tr:hover td.no_tourism_day_item
	{background: #fff;}

    /* 공지사항 강조 */
    /* .active_sort
    {padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    background: #196de7;} */

    .active_sort
    {font-family: 'bold';
    color: #196de7;}
    
    .active_sort_tr td
    {background-color: #f6f6f6;}

    .active_sort_tr td>a>p
    {color: #303030;} 

	/*공통 주요사업*/
    .tourism_common_ex
    {width: 90%;
    margin: 100px auto;
    margin-bottom: 150px;}

    /*관광의 날 타이틀*/
    .tourism_common_ex .tourism_common_h_title
    {width: 100%;
    margin-bottom: 50px;
    /*overflow: hidden;*/}
	
	.tourism_common_h_title>p
    {font-size: 28px;
    line-height: 32px; color: #303030;
    position: relative;}

    .tourism_common_h_title>p>span
    {font-family: bold;
	word-break: keep-all;}

    /* .tourism_common_h_title>p>span::after
    {content: '　';
    width: 10px; height: 10px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /* 주요사업 공통 목차 */
    .tourism_common_box
    {margin-bottom: 50px;}

    .tourism_common_title
    {width: 100%;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;}

    .tourism_common_title p
    {width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-family: bold;
    margin-left: 10px;
    color: #222;}

    .tourism_common_title p::before
    {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 18px;
    background-color: #196de7;}

    .tourism_common_explanation p
    {width: calc(100% - 15px);
    font-size: 16px;
    line-height: 20px;
    margin-left: 15px;
    color: #222;
    margin-bottom: 10px;
    position: relative;}

    .tourism_common_explanation p::before
    {content: "";
    position: absolute;
    top: 5px;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #196de7;}

    .tourism_common_explanation p.tourism_accent,
    .tourism_common_explanation div.tourism_accent>a
    {color: #196de7;
    font-family: 'min_bold';}

    .tourism_common_explanation p.tourism_accent a
    {color: #196de7;}

    .tourism_common_explanation p.tourism_accent::before
    {display: none;}

    .tourism_common_explanation p:last-child
    {margin-bottom: 0;}

    .tourism_common_explanation ul
    {margin-bottom: 10px;
    margin-left: 30px;}

    .tourism_common_explanation ul li
    {position: relative;
    font-size: 16px;
    margin-bottom: 10px;}

    .tourism_common_explanation ul li::before
    {content: "";
    position: absolute;
    top: 8px;
    left: -13px;
    width: 7px;
    height: 1px;
    background: #222;}

    .tourism_common_explanation a
    {display: block;
    float: left;}

    a.tourism_btn
    {width: 180px;
    height: 45px; line-height: 45px;
    text-align: center;
    display: block;
    border-radius: 22.5px;
    border: 1px solid #196de7;
    box-sizing: border-box;
    transition: all 0.3s;
    margin-left: 30px;
    margin-top: -15px;}

    .tourism_common_explanation div.tourism_accent a.tourism_btn:hover
    {background: #196de7;
    color: #fff;
    font-family: 'Pretendard';}

    /* 주요사업 도식화 */

    .tourism_common_graphing
    {width: 100%;
    max-width: 900px;
    overflow: hidden;
    margin-top: 30px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;}

    .tourism_common_graphing > div
    {float: left;
    text-align: center;}

    div.graphing_box
    {width: 30%;}

    div.arr_box
    {width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;}

    .graphing_box > div:nth-child(1)
    {background: #196de7; min-height:70px;
	display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 10px 10px 0 0;}

    .graphing_box > div:nth-child(1) h3
    {font-weight: inherit;
    font-family: 'bold';
    font-size: 18px; line-height: 25px;
    padding: 10px;}

    .graphing_box > div:nth-child(2)
    {min-height: 100px;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    padding: 5px;}

    .graphing_box > div:nth-child(2) p
    {line-height: 25px;
    margin-bottom: 10px;}

    .graphing_box > div:nth-child(2) p:last-child
    {margin-bottom: 0;}

    .graphing_box > div:nth-child(2) h4
    {font-weight: inherit;
    font-family: 'bold';
    font-size: 16px; line-height: 25px;
    padding-bottom: 10px;}

    /* 주요사업 이미지 */
    .tourism_common_imgbox
    {max-width: 600px;
    overflow: hidden;
    margin-top: 50px;
    border: 1px solid #ccc;
    padding: 10px;}

    .tourism_common_imgbox> div
    {width: 49%;
    float: left;
    margin-right: 2%;}

	.tourismday_imgbox
	{max-width:100%;}

	.tourismday_imgbox > div
	{width: 24%;
	margin-right: 1.33%;}

	.tourism_center_imgbox
	{max-width:100%;}

	.tourism_center_imgbox> div
	{width:24%;
	margin-right: 1.33%;}

    .tourism_common_imgbox> div:last-child
    {margin-right: 0;}

    .tourism_common_imgbox> div img
    {width: 100%;
    display: block;}

	.tourism_bitf_imgbox
	{width: fit-content;
	max-width: inherit;}

	.tourism_bitf_imgbox div
	{width:auto;
	margin-right:10px;}

	/* 부산홍보관 이미지 */
	.promotion_imgbox
	{max-width:75%;}

	.promotion_imgbox>div
	{width:32.33%;
	margin-right: 1.5%;}
	/**/
    
    /*페이지버튼*/
    .tourism_day_ex .page_free
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

	.page_free .active
    {background-color: inherit;}

	.page_free li.page-item
	{margin-left:0;}

	.page_free .active a p
	{color:#fff;}

    .page_free .page-link
    {width: 40px; height: 40px;
    padding: 0;
    text-align: center; line-height: 40px; font-size: 15px;
    color: #196de7;}

	.page_free .active .page-link:hover
	{background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color);}

    /* 푸터상단 */

    /*.footer_ex
    {width: 100%;}

    .footer_top
    {background: #222;}

    .footer_top>div
    {width: 90%; 
    height: 80px;
    margin: 0 auto;}

    .footer_top>div ul.footer_top_list
    {float: left;}

    ul.footer_top_list li 
    {display: inline-block;}

    ul.footer_top_list li a
    {position: relative;
    line-height: 80px;
    color: #fff;
    padding-right: 40px;}

    ul.footer_top_list li a::after
    {content: '';
    position: absolute;
    width: 1px; height: 16px;
    top: 2px;right: 15px;
    background: #ccc;}

    ul.footer_top_list li:last-child a:after
    {display: none;}


    /* 셀렉트 박스 커스텀 */

    /*.footer_top>div div.related_site
    {float: right;}

    .selectBox3 * { box-sizing: border-box; }

    .selectBox3 {
    position: relative;
    width: 190px;
    height: 40px;
    border: 1px solid #ddd;
    cursor: pointer;
    margin-top: 20px;}

    .selectBox3 .label02 {
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    font-family: 'min_bold';
    color: #d1d1d1;}

    .selectBox3 .label02 span
    {margin-left: 5px;}

    .selectBox3 .optionList 
    {position: absolute; 
    top: 41px;
    left: 0;
    width: 100%;
    background: #F0F0F0;
    color: #555;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    font-size: 15px;
    transition: .3s ease-in;}

    .selectBox3.active02 .optionList 
    {max-height: 500px;}

    .selectBox3 .optionItem02 
    {border-bottom: 1px solid #ccc;
    padding: 10px 15px 10px;
    transition: .1s;
    color: #555;}

    .selectBox3 .optionItem02:hover 
    {background: #303030;
    color: #fff;}

    .selectBox3 .optionItem02:last-child 
    {border-bottom: 0 none;}

    .selectBox3 .optionList::-webkit-scrollbar {width: 6px;}
    .selectBox3 .optionList::-webkit-scrollbar-track {background: transparent; }
    .selectBox3 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
    .selectBox3 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

    /* 푸터 하단 */

    /*.footer_bottom
    {background: #333;
    padding: 30px 0;}

    .footer_bottom>div
    {width: 90%; max-width: 1420px;
    overflow: hidden;
    margin: 0 auto;}

    .footer_bottom>div>a
    {display: block;
    float: left;
    margin-right: 50px;}

    .footer_bottom>div>ul
    {float: left;}

    .footer_bottom>div>ul>li
    {font-size: 15px; line-height: 25px;
    color: #ddd;}

    .footer_bottom>div>ul>li.copyright
    {margin-top: 30px;}

    /*이메일*/
    /*.emaile_ex
    {width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 901;}

    .emaile_ex .emaile_box
    {width: 500px;
    background-color: #fff;}

    .emaile_box>div:nth-child(1)
    {width: 100%; height: 50px;
    background-color: #196de7;}

    .emaile_box>div:nth-child(1)>p
    {text-align: center; line-height: 50px;
    color: #fff; font-family: 'min_bold';}

    .emaile_box>div:nth-child(2)
    {width: 100%; height: 250px;
    padding-top: 10px; padding-bottom: 10px;
    overflow-y: scroll;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar
    {width: 2px;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar-thumb
    {background-color: #196de7;
    border-radius: 10px;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar-track
    {background-color: #ddd;}

    .emaile_box>div:nth-child(2)>p
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 15px; line-height: 25px; color: #707070;}

    .emaile_box>div:nth-child(2)>p>span
    {color: #303030;}

    .emaile_box>div:nth-child(3)
    {width: 100%; height: 50px;}

    .emaile_box>div:nth-child(3)>p
    {text-align: center; line-height: 50px; color: #303030;
    cursor: pointer;}

    /*개인정보처리방침*/
    /*.privacy_ex
    {width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 901;}

    .privacy_ex .privacy_box
    {width: 500px;
    background-color: #fff;}

    .privacy_box>div:nth-child(1)
    {width: 100%; height: 50px;
    background-color: #196de7;}

    .privacy_box>div:nth-child(1)>p
    {text-align: center; line-height: 50px;
    color: #fff; font-family: 'min_bold';}

    .privacy_box>div:nth-child(2)
    {width: 100%; height: 250px;
    padding-top: 10px; padding-bottom: 10px;
    overflow-y: scroll;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar
    {width: 2px;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar-thumb
    {background-color: #196de7;
    border-radius: 10px;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar-track
    {background-color: #ddd;}

    .privacy_box>div:nth-child(2)>p
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 15px; line-height: 25px; color: #707070;}

    .privacy_box>div:nth-child(2)>p>span
    {color: #303030;}

    .privacy_box>div:nth-child(3)
    {width: 100%; height: 50px;}

    .privacy_box>div:nth-child(3)>p
    {text-align: center; line-height: 50px; color: #303030;
    cursor: pointer;}*/
}

@media all and (min-width: 769px) and (max-width: 1279px)
{
    /* 헤더lnb */
    /*.header_logo
    {padding: 0;}

    .menu_ex
    {margin-top: 0px;}

    .header_logo
    {width: 100%;}

    .menu_ex
    {width: 100%;}

    /* 비주얼 */
    .visual_common
    {padding-top: 140px;}

    /*루트*/
    .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {width: 50px; height: 50px;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1) img
    {width: 40px; height: 40px;
    margin: 5px auto;}

    .common_nav_zon>div:nth-child(2) .selectBox1 
    {height: 50px;}

    .common_nav_zon>div:nth-child(2) .selectBox2
    {height: 50px;}

    .selectBox1 .optionList 
    {position: absolute; 
    top: 60px;}

    .selectBox2 .optionList 
    {position: absolute; 
    top: 60px;}

    .page_free .page-link
    {width: 35px; height: 35px;
    padding: 0;
    text-align: center; line-height:35px; font-size: 14px;
    color: #196de7;}

}

@media all and (min-width: 769px) and (max-width: 1024px)
{
    /* 모바일 헤더 */
    /*.header_busan
    {display: none;} 

    .mobile_busan_header
    {display: block;}

    .mobile_busan_header
    {width: 100%; 
    background: #fff;
    z-index: 899;
    position: fixed;
    padding: 15px 0;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}

    .mobile_busan_header>div:first-child
    {width: 95%; height: 36px;
    overflow: hidden;
    margin: 0 auto;}

    .header_logo_m
    {width: 145px;
    display: block;
    float: left;}

    .header_logo_m img
    {width: 100%; height: auto;}

    label.header_open_btn
    {width: 30px; height: 30px;
    display: block;
    float: right;}

    label.header_open_btn img
    {width: 100%; height: auto;}

    #header_open:checked ~ .mobile_busan_header div.mobile_sheet
    {right:0;}

    /* 모바일 헤더 시트 */
    /*.mobile_sheet
    {width: 50%; height: calc(var(--vh, 1vh) * 100);
    top: 0; right: -100%;
    background: #fff;
    position: absolute;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.25);}

    .header_close_btn
    {width: 90%; 
    overflow: hidden;
    margin: 20px auto 30px auto;}

    .header_close_btn label
    {width: 25px; height: 25px;
    display: block;
    float: right;}

    .header_close_btn label img
    {width: 100%; height: auto;}

    .header_member
    {width: 100%;}

    .header_member ul li
    {width: 100%;}

    .header_member ul li:nth-child(2)
    {background: #f8f8f8;}

    .header_member ul li a
    {width: 90%;
    display: block;
    overflow: hidden;
    margin: 0 auto;}

    .header_member ul li a div
    {width: 20px;
    float: left;
    margin: 15px 10px 0 0;}

    .header_member ul li a div img
    {width: 100%; height: auto;}

    .header_member ul li a p
    {width: calc(100% - 30px);
    line-height: 50px;
    float: left;}

    /* 모바일lnb */
    /*.header_lnb
    {width: 100%;
    margin-top: 30px;}

    .header_lnb input[type='checkbox']
    {display: none;}

    .header_lnb>ul>li
    {width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;}

    .header_lnb>ul>li:last-child
    {border-bottom: 0;}

    .header_lnb>ul>li p
    {width: 90%;
    line-height: 50px;
    overflow: hidden;
    margin: 0 auto;
    color: #303030;}

    .header_lnb>ul>li p span
    {float: right;
    transition: all 0.3s;}

    ul.mobile_submenu01,
    ul.mobile_submenu02,
    ul.mobile_submenu03,
    ul.mobile_submenu04
    {height: 0;
    transition: all 0.3s;
    overflow: hidden;}

    .header_lnb>ul>li>ul>li:nth-child(odd)
    {background: #f8f8f8;}

    .header_lnb>ul>li>ul>li:nth-child(even)
    {background: #f1f1f1;}

    /* 서브메뉴 오픈 */

    /*#mobile_lnb_open01:checked ~ ul>li>ul.mobile_submenu01
    {height: 300px;}

    #mobile_lnb_open02:checked ~ ul>li>ul.mobile_submenu02
    {height: 150px;}

    #mobile_lnb_open03:checked ~ ul>li>ul.mobile_submenu03
    {height: 300px;}

    #mobile_lnb_open04:checked ~ ul>li>ul.mobile_submenu04
    {height: 250px;}

    #mobile_lnb_open01:checked ~ ul>li>label>p>span.dot01,
    #mobile_lnb_open02:checked ~ ul>li>label>p>span.dot02,
    #mobile_lnb_open03:checked ~ ul>li>label>p>span.dot03,
    #mobile_lnb_open04:checked ~ ul>li>label>p>span.dot04
    {rotate: -180deg;}

    /*이미지 스크롤 막기*/
    .scrollOff
    {width: 100%; height: 100vh;
    position: fixed;
    overflow : hidden;}

    /*비주얼*/
    .visual_common
    {width: 100%; height: 350px;
    padding-top: 65px;
    background-image: url(../img/visual_bussiness_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;}

    .visual_common>p
    {font-size: 32px; line-height: 50px;
    font-family: bold; color: #fff;}

    /* 푸터하단 */
    /* .footer_bottom>div>a
    {width: 100%;
    margin-bottom: 20px;}
    
    .footer_bottom>div>ul
    {width: 100%;} */


}

@media all and (min-width: 769px) and (max-width: 860px) 
{
    /* 푸터상단 */

    /* .footer_top>div
    {width: 100%; height: auto;}
    
    .footer_top>div ul.footer_top_list
    {width: 95%;
    float: inherit;
    margin: 0 auto;}
    
    ul.footer_top_list li a
    {line-height: 60px;
    padding-right: 20px;}
    
    ul.footer_top_list li a::after
    {right: 7px;}
    
    .footer_top>div div.related_site
    {width: 100%;
    float: inherit;
    margin: 0 auto;}
    
    .selectBox3
    {width: 100%; height: 50px;
    border-left: 0;
    border-right: 0;
    box-sizing: border-box;
    margin-top: 0;}
    
    .selectBox3 .optionList
    {top: 49px;}
    
    .selectBox3 .optionItem
    {padding: 15px;} */

	/* 주요사업 도식화 */
    .graphing_box > div:nth-child(2) p
    {font-size: 15px;
    line-height: 20px;}

	.tourism_bitf_imgbox
	{width: 100%;
	max-width: inherit;}

	.tourism_bitf_imgbox div:nth-child(1)
	{width:calc(43% - 5px);
	margin-right:10px;}

	.tourism_bitf_imgbox div:nth-child(2)
	{width:calc(57% - 5px);}
}

@media all and (max-width: 768px)
{
    /* 모바일 헤더 */
    /*#header_open
    {display: none;}

    .header_busan
    {display: none;} 

    .mobile_busan_header
    {display: block;}

    .mobile_busan_header
    {width: 100%; 
    background: #fff;
    z-index: 899;
    position: fixed;
    padding: 15px 0;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);}

    .mobile_busan_header>div:first-child
    {width: 95%; height: 36px;
    overflow: hidden;
    margin: 0 auto;}

    .header_logo_m
    {width: 145px;
    display: block;
    float: left;}

    .header_logo_m img
    {width: 100%; height: auto;}

    label.header_open_btn
    {width: 30px; height: 30px;
    display: block;
    float: right;}

    label.header_open_btn img
    {width: 100%; height: auto;}

    #header_open:checked ~ .mobile_busan_header div.mobile_sheet
    {right:0;}

    /* 모바일 헤더 시트 */
    /*.mobile_sheet
    {width: 80%; height: calc(var(--vh, 1vh) * 100);
    top: 0; right: -100%;
    background: #fff;
    position: absolute;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: -1px 0px 5px rgba(0, 0, 0, 0.25);}

    .header_close_btn
    {width: 90%; 
    overflow: hidden;
    margin: 20px auto 30px auto;}

    .header_close_btn label
    {width: 25px; height: 25px;
    display: block;
    float: right;}

    .header_close_btn label img
    {width: 100%; height: auto;}

    .header_member
    {width: 100%;}

    .header_member ul li
    {width: 100%;}

    .header_member ul li:nth-child(2)
    {background: #f8f8f8;}

    .header_member ul li a
    {width: 90%;
    display: block;
    overflow: hidden;
    margin: 0 auto;}

    .header_member ul li a div
    {width: 20px;
    float: left;
    margin: 15px 10px 0 0;}

    .header_member ul li a div img
    {width: 100%; height: auto;}

    .header_member ul li a p
    {width: calc(100% - 30px);
    line-height: 50px;
    float: left;}

    /* 모바일lnb */
    /*.header_lnb
    {width: 100%;
    margin-top: 30px;}

    .header_lnb input[type='checkbox']
    {display: none;}

    .header_lnb>ul>li
    {width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box;}

    .header_lnb>ul>li:last-child
    {border-bottom: 0;}

    .header_lnb>ul>li p
    {width: 90%;
    line-height: 50px;
    overflow: hidden;
    margin: 0 auto;
    color: #303030;}

    .header_lnb>ul>li p span
    {float: right;
    transition: all 0.3s;}

    ul.mobile_submenu01,
    ul.mobile_submenu02,
    ul.mobile_submenu03,
    ul.mobile_submenu04
    {height: 0;
    transition: all 0.3s;
    overflow: hidden;}

    .header_lnb>ul>li>ul>li:nth-child(odd)
    {background: #f8f8f8;}

    .header_lnb>ul>li>ul>li:nth-child(even)
    {background: #f1f1f1;}

    /* 서브메뉴 오픈 */

    /*#mobile_lnb_open01:checked ~ ul>li>ul.mobile_submenu01
    {height: 300px;}

    #mobile_lnb_open02:checked ~ ul>li>ul.mobile_submenu02
    {height: 150px;}

    #mobile_lnb_open03:checked ~ ul>li>ul.mobile_submenu03
    {height: 300px;}

    #mobile_lnb_open04:checked ~ ul>li>ul.mobile_submenu04
    {height: 250px;}

    #mobile_lnb_open01:checked ~ ul>li>label>p>span.dot01,
    #mobile_lnb_open02:checked ~ ul>li>label>p>span.dot02,
    #mobile_lnb_open03:checked ~ ul>li>label>p>span.dot03,
    #mobile_lnb_open04:checked ~ ul>li>label>p>span.dot04
    {rotate: -180deg;}

    /*이미지 스크롤 막기*/
    .scrollOff
    {width: 100%; height: 100vh;
    position: fixed;
    overflow : hidden;} 

    /*비주얼*/
    .visual_common
    {width: 100%; height: 300px;
    padding-top: 65px;
    background-image: url(../img/visual_bussiness_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;}

    .visual_common>p
    {font-size: 28px; line-height: 30px;
    font-family: bold; color: #fff;}

    /*루트*/
    .common_nav_zon
    {width: 100%;}

    .common_nav_zon>div:nth-child(1)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    .common_nav_zon>div:nth-child(2)
    {width: 90%;
    margin: 0 auto;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {width: 50px; height: 50px;
    float: left;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc; 
    box-sizing: border-box;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1) img
    {width: 40px; height: 40px;
    margin: 5px auto;}

    /**/
    .common_nav_zon>div:nth-child(2) .selectBox1 
    {position: relative;
    width: calc(50% - 25px); height: 50px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    background-size: 10px;
    cursor: pointer;
    float: left; font-size: 15px;
    background: url(../img/down_icon.png) calc(100% - 5px) center no-repeat;
    background-size: 10px 10px;}

    .selectBox1 .option_label 
    {width: 90%; height: inherit;
    margin-left: 5%; margin-right: 5%;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 15px;}

    .option_label>p 
    {color: #303030; line-height: 50px;}

    .selectBox1 .optionList 
    {position: absolute; 
    top: 60px; left: 0;
    width: 100%;
    background: #f8f8f8;
    color: #303030;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    max-height: 0;
    transition: .3s ease-in;
    z-index: 800;}
    
    .selectBox1.active .optionList 
    {max-height: 300px;}
    
    .selectBox1 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 50px;}

    .optionItem>a
    {width: 90%;
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;
    color: #303030;
    font-size: 15px;
    transition: .3s ease-in;}

    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}

    /*02*/
    .common_nav_zon>div:nth-child(2) .selectBox2 
    {position: relative;
    width: calc(50% - 25px); height: 50px;
    border-right: 1px solid #ccc; box-sizing: border-box;
    background-size: 10px;
    cursor: pointer;
    float: left; font-size: 15px;
    background: url(../img/down_icon.png) calc(100% - 5px) center no-repeat;
    background-size: 10px 10px;}

    .selectBox2 .option_label 
    {width: 90%; height: inherit;
    margin-left: 5%; /*margin-right: 5%;*/
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-family: 'Pretendard';
    font-size: 15px;}

    .option_label>p 
    {color: #303030; line-height: 50px;
	font-size: 15px;}

    .selectBox2 .optionList 
    {position: absolute; 
    top: 60px; left: 0;
    width: 100%;
    background: #f8f8f8;
    color: #303030;
    list-style-type: none;
    padding: 0;
    border-radius: 5px;
    overflow: hidden;
    max-height: 0;
    transition: .3s ease-in;
    z-index: 3;}
    
    .selectBox2.active .optionList 
    {max-height: 650px;
	z-index: 800;}
    
    .selectBox2 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 50px;}

    .optionItem>a
    {width: 90%;
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;
    color: #303030;
    font-size: 15px;
    transition: .3s ease-in;}

    .selectBox2 .optionItem:last-child 
    {border-bottom: 0 none;}

    .common_nav_zon>div:nth-child(3)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    /*게시판*/
    .tourism_day_ex
    {width: 90%;
    margin: 50px auto;
    margin-bottom: 80px;}

    /*관광의 날 타이틀*/
    .tourism_day_ex .tourism_day_title
    {width: 100%;
    margin-bottom: 20px;
    overflow: hidden;}

    .tourism_day_title>p
    {font-size: 24px;
    line-height: 30px; color: #303030;
    position: relative;}

    .tourism_day_title>p>span
    {font-family: bold;}

    /* .tourism_day_title>p>span::after
    {content: '　';
    width: 10px; height: 10px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /*관광의 날 select*/
    .tourism_day_ex .tourism_day_select_zon
    {width: 70%;
    float: right;
    margin-bottom: 40px;
    overflow: hidden;}

    #board_f_select
    {width: 30%; height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;
    margin-right: 2%;
    -webkit-border-radius: 0;}

    #board_f_txt
    {width: calc(66% - 80px); height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;
    margin-right: 2%; text-indent: 5px;
    -webkit-border-radius: 0;}

    #find_board_btn
    {width: 80px; height: 35px;
    border: none;
    background-color: #196de7;
    text-align: center; line-height: 35px;
    color: #fff;
    outline: none; border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: 'Pretendard';
    font-size: 15px;
    float: left;}

    /*테이블*/
    .tourism_day_ex .tourism_day_table
    {width: 100%;
    border-top: 1px solid #196de7; box-sizing: border-box;
    margin-bottom: 50px;}

    .tourism_day_table tr td
    {border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr td:nth-child(1)
    {width: 10%;}

    .tourism_day_table tr td:nth-child(2)
    {width: 60%;}

    .tourism_day_table tr td:nth-child(3)
    {width: 20%;}

    .tourism_day_table tr td:nth-child(4)
    {width: 10%;}

    .tourism_day_table tr:nth-child(1) th
    {font-weight: inherit;
    border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr:nth-child(1) th>p
    {width: 100%; font-family: 'bold';
    text-align: center; line-height: 20px;
    font-size: 14px;
    padding-top: 15px; padding-bottom: 15px;
    color: #303030;}

    .tourism_day_table tr:nth-child(1n+2) td>a
    {display: block;
    width: 95%;
    margin: 0 auto;}

    .tourism_day_table tr:nth-child(1n+2) td>a>p
    {width: 100%;
    text-align: center; word-break: keep-all; color: #707070;
    line-height: 20px;
    font-size: 14px;
    padding-top: 15px; padding-bottom: 15px;}

    .tourism_day_table tr td:nth-child(2)>a>p
    {text-align: left;}

	/* 게시물 없음 */
	.no_tourism_day_item
	{width:100%;
	text-align:center;
	padding:40px 0;}

     /* 공지사항 강조 */
    /* .active_sort
    {padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    background: #196de7;} */

    .active_sort
    {font-family: 'bold';
    color: #196de7;}
    
    .active_sort_tr td
    {background-color: #f6f6f6;}

    .active_sort_tr td>a>p
    {color: #303030;} 

	/*공통 주요사업*/
    .tourism_common_ex
    {width: 90%;
    margin: 50px auto;
    margin-bottom: 80px;}

    /*주요사업 타이틀*/
    .tourism_common_ex .tourism_common_h_title
    {width: 100%;
    margin-bottom: 40px;
    /*overflow: hidden;*/}

	.tourism_common_h_title>p
    {font-size: 24px;
    line-height: 30px; color: #303030;
    position: relative;}

    .tourism_common_h_title>p>span
    {font-family: bold;
	word-break: keep-all;}

    /* .tourism_common_h_title>p>span::after
    {content: '　';
    width: 10px; height: 10px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /* 주요사업 공통 목차 */
    .tourism_common_box
    {margin-bottom: 30px;}

    .tourism_common_title
    {width: 100%;
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;}

    .tourism_common_title p
    {width: 100%;
    font-size: 18px;
    line-height: 18px;
    font-family: bold;
    margin-left: 10px;
    color: #222;}

    .tourism_common_title p::before
    {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 18px;
    background-color: #196de7;}

    .tourism_common_explanation p
    {width: calc(100% - 15px);
    font-size: 15px;
    line-height: 20px;
    margin-left: 15px;
    color: #222;
    margin-bottom: 10px;
    position: relative;}

    .tourism_common_explanation p::before
    {content: "";
    position: absolute;
    top: 6px;
    left: -10px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #196de7;}

    .tourism_common_explanation p.tourism_accent,
    .tourism_common_explanation div.tourism_accent>a
    {color: #196de7;
    font-family: 'min_bold';}

    .tourism_common_explanation p.tourism_accent a
    {color: #196de7;}

    .tourism_common_explanation p.tourism_accent::before
    {display: none;}

    .tourism_common_explanation p:last-child
    {margin-bottom: 0;}

    .tourism_common_explanation ul
    {margin-bottom: 10px;
    margin-left: 30px;}

    .tourism_common_explanation ul li
    {position: relative;
    font-size: 16px;
    margin-bottom: 10px;}

    .tourism_common_explanation ul li::before
    {content: "";
    position: absolute;
    top: 8px;
    left: -13px;
    width: 7px;
    height: 1px;
    background: #222;}

    .tourism_common_explanation a
    {display: block;
    float: left;}

    a.tourism_btn
    {width: 180px;
    height: 45px; line-height: 45px;
    text-align: center;
    display: block;
    border-radius: 22.5px;
    border: 1px solid #196de7;
    box-sizing: border-box;
    transition: all 0.3s;
    margin-left: 30px;
    margin-top: -15px;}

    .tourism_common_explanation div.tourism_accent a.tourism_btn:hover
    {background: #196de7;
    color: #fff;
    font-family: 'Pretendard';}

    /* 주요사업 도식화 */

    .tourism_common_graphing
    {width: 100%;
    max-width: 900px;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 30px;}

    .tourism_common_graphing > div
    {text-align: center;}

    div.graphing_box
    {width: 100%;}

    div.arr_box
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    rotate: 90deg;}

    .graphing_box > div:nth-child(1)
    {background: #196de7;
    color: #fff;
    border-radius: 10px 10px 0 0;}

    .graphing_box > div:nth-child(1) h3
    {font-weight: inherit;
    font-family: 'bold';
    font-size: 16px; line-height: 25px;
    padding: 5px;}

    .graphing_box > div:nth-child(2)
    {border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    padding: 5px;}

    .graphing_box > div:nth-child(2) p
    {font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;}

    .graphing_box > div:nth-child(2) p:last-child
    {margin-bottom: 0;}

    .graphing_box > div:nth-child(2) h4
    {font-weight: inherit;
    font-family: 'bold';
    font-size: 16px; line-height: 25px;
    padding-bottom: 10px;}

    /* 주요사업 이미지 */
    .tourism_common_imgbox
    {max-width: 100%;
    overflow: hidden;
    margin-top: 30px;
    border: 1px solid #ccc;
    padding: 10px;}

    .tourism_common_imgbox> div
    {width: 49%;
    float: left;
    margin-right: 2%;}

	.tourismday_imgbox
	{max-width:100%;}

	.tourismday_imgbox > div
	{width:49%;
	margin-right: 2%;
	margin-bottom:2%;}

	.tourismday_imgbox > div:nth-child(3),
	.tourismday_imgbox > div:nth-child(4)
	{margin-bottom:0;}

	.tourismday_imgbox > div:nth-child(2n)
	{margin-right: 0;}

	.tourism_center_imgbox
	{max-width:100%;}

	.tourism_center_imgbox> div
	{width:49%;
	margin-right: 2%;
	margin-bottom:2%;}

	.tourism_center_imgbox> div:nth-child(2n)
	{margin-right: 0;}


    .tourism_common_imgbox> div:last-child
    {margin-right: 0;}

    .tourism_common_imgbox> div img
    {width: 100%;
    display: block;}

	.tourism_bitf_imgbox
	{width: fit-content;
	max-width: inherit;}

	.tourism_bitf_imgbox div:nth-child(1)
	{width:calc(43% - 5px);
	margin-right:10px;}

	.tourism_bitf_imgbox div:nth-child(2)
	{width:calc(57% - 5px);}

	/* 부산홍보관 이미지 */
	.promotion_imgbox>div:nth-child(3)
	{margin-bottom:0;}
	/**/
    
    /*페이지버튼*/
    .tourism_day_ex .page_free
    {width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

	.page_free .active
    {background-color: inherit;}

	.page_free li.page-item
	{margin-left:0;}

	.page_free .active a p
	{color:#fff;}

    .page_free .page-link
    {width: 35px; height: 35px;
    padding: 0;
    text-align: center; line-height: 35px; font-size: 14px;
    color: #196de7;}





    /* 푸터상단 */

    /* .footer_ex
    {width: 100%;}
    
    .footer_top
    {background: #222;}
    
    .footer_top>div
    {width: 100%; 
    height: auto;
    margin: 0 auto;}
    
    .footer_top>div ul.footer_top_list
    {width: 95%;
    float: inherit;
    margin: 0 auto;}
    
    ul.footer_top_list li 
    {display: inline-block;}
    
    ul.footer_top_list li a
    {position: relative;
    line-height: 60px;
    color: #fff;
    padding-right: 20px;}
    
    ul.footer_top_list li a::after
    {content: '';
    position: absolute;
    width: 1px; height: 16px;
    top: 2px;right: 7px;
    background: #ccc;}
    
    ul.footer_top_list li:last-child a:after
    {display: none;} */


    /* 셀렉트 박스 커스텀 */

    /*.footer_top>div div.related_site
    {width: 100%;
    float: inherit;
    margin: 0 auto;}

    .selectBox3 * { box-sizing: border-box; }

    .selectBox3 {
    position: relative;
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    box-sizing: border-box;
    margin-top: 0;
    cursor: pointer;
    margin-top: 0px;}

    .selectBox3 .label02 {
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    font-family: 'min_bold';
    color: #d1d1d1;}

    .selectBox3 .label02 span
    {margin-left: 5px;}

    .selectBox3 .optionList 
    {position: absolute; 
    top: 49px;
    left: 0;
    width: 100%;
    background: #F0F0F0;
    color: #555;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    font-size: 15px;
    transition: .3s ease-in;}

    .selectBox3.active02 .optionList 
    {max-height: 500px;}

    .selectBox3 .optionItem02 
    {border-bottom: 1px solid #ccc;
    padding: 15px;
    transition: .1s;
    color: #555;}

    .selectBox3 .optionItem02:hover 
    {background: #303030;
    color: #fff;}

    .selectBox3 .optionItem02:last-child 
    {border-bottom: 0 none;}

    .selectBox3 .optionList::-webkit-scrollbar {width: 6px;}
    .selectBox3 .optionList::-webkit-scrollbar-track {background: transparent; }
    .selectBox3 .optionList::-webkit-scrollbar-thumb {background: #303030; border-radius: 45px;}
    .selectBox3 .optionList::-webkit-scrollbar-thumb:hover {background: #303030;}

    /* 푸터 하단 */

    /*.footer_bottom
    {background: #333;
    padding: 30px 0;}

    .footer_bottom>div
    {width: 90%; max-width: 1420px;
    overflow: hidden;
    margin: 0 auto;}

    .footer_bottom>div>a
    {width: 100%;
    display: block;
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;}

    .footer_bottom>div>ul
    {width: 100%;
    float: left;}

    .footer_bottom>div>ul>li
    {font-size: 15px; line-height: 25px;
    color: #ddd;}

    .footer_bottom>div>ul>li.copyright
    {margin-top: 30px;}

    /*이메일*/
    /*.emaile_ex
    {width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 901;}

    .emaile_ex .emaile_box
    {width: 500px;
    background-color: #fff;}

    .emaile_box>div:nth-child(1)
    {width: 100%; height: 50px;
    background-color: #196de7;}

    .emaile_box>div:nth-child(1)>p
    {text-align: center; line-height: 50px;
    color: #fff; font-family: 'min_bold';}

    .emaile_box>div:nth-child(2)
    {width: 100%; height: 250px;
    padding-top: 10px; padding-bottom: 10px;
    overflow-y: scroll;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar
    {width: 2px;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar-thumb
    {background-color: #196de7;
    border-radius: 10px;}

    .emaile_box>div:nth-child(2)::-webkit-scrollbar-track
    {background-color: #ddd;}

    .emaile_box>div:nth-child(2)>p
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 15px; line-height: 25px; color: #707070;}

    .emaile_box>div:nth-child(2)>p>span
    {color: #303030;}

    .emaile_box>div:nth-child(3)
    {width: 100%; height: 50px;}

    .emaile_box>div:nth-child(3)>p
    {text-align: center; line-height: 50px; color: #303030;
    cursor: pointer;}

    /*개인정보처리방침*/
    /*.privacy_ex
    {width: 100%; height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 901;}

    .privacy_ex .privacy_box
    {width: 500px;
    background-color: #fff;}

    .privacy_box>div:nth-child(1)
    {width: 100%; height: 50px;
    background-color: #196de7;}

    .privacy_box>div:nth-child(1)>p
    {text-align: center; line-height: 50px;
    color: #fff; font-family: 'min_bold';}

    .privacy_box>div:nth-child(2)
    {width: 100%; height: 250px;
    padding-top: 10px; padding-bottom: 10px;
    overflow-y: scroll;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar
    {width: 2px;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar-thumb
    {background-color: #196de7;
    border-radius: 10px;}

    .privacy_box>div:nth-child(2)::-webkit-scrollbar-track
    {background-color: #ddd;}

    .privacy_box>div:nth-child(2)>p
    {width: calc(100% - 30px);
    margin: 0 auto;
    font-size: 15px; line-height: 25px; color: #707070;}

    .privacy_box>div:nth-child(2)>p>span
    {color: #303030;}

    .privacy_box>div:nth-child(3)
    {width: 100%; height: 50px;}

    .privacy_box>div:nth-child(3)>p
    {text-align: center; line-height: 50px; color: #303030;
    cursor: pointer;}*/

}

@media all and (max-width: 600px)
{   
    /*루트*/
    .common_nav_zon>div:nth-child(2)
    {width: 100%;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {border-left: none;}

    .selectBox1 .option_label 
    {font-size: 14px;}

    .selectBox1.active .optionList 
    {max-height: 300px;}

    .optionItem>a>p
    {font-size: 14px;}
    
    /*02*/
    .common_nav_zon>div:nth-child(2) .selectBox2 
    {position: relative;
    width: calc(50% - 25px); height: 50px;
    border-right: none;
    background-size: 10px;
    cursor: pointer;
    float: left; font-size: 14px;
    background: url(../img/down_icon.png) calc(100% - 5px) center no-repeat;
    background-size: 10px 10px;}

    .selectBox2 .option_label
    {width: calc(100% - 18px);
    font-size: 14px;}

	.selectBox2 .smart_option_label
	{font-size: 13px;}

    .option_label>p 
    {color: #303030; line-height: 20px;
	white-space: normal;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;}
    
    .selectBox2.active .optionList 
    {max-height: 650px;
	z-index: 800;}
    
    .selectBox2 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%;}

    .optionItem>a
    {width: 90%;
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 50px;}
    
    /* .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {border-left: none;}

    .common_nav_zon>div:nth-child(2)
    {width: 100%;}

    .common_nav_zon>div:nth-child(2) .selectBox2 
    {border-right: none;} */

    /*관광의 날 타이틀*/
    .tourism_day_ex .tourism_day_title
    {width: 100%;
    margin-bottom: 20px;
    overflow: hidden;}

    .tourism_day_title>p
    {font-size: 20px;
    line-height: 25px; color: #303030;
    position: relative;}

    .tourism_day_title>p>span
    {font-family: bold;}

    /* .tourism_day_title>p>span::after
    {content: '　';
    width: 8px; height: 8px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /*관광의 날 select*/
    .tourism_day_ex .tourism_day_select_zon
    {width: 100%;
    padding-top: 30px; padding-bottom: 30px;
    background-color: #f3f3f3;
    margin-bottom: 40px;
    overflow: hidden;}

    #board_f_select
    {width: 90%; height: 35px;
    margin-left: 5%; margin-right: 5%;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: none;
    margin-bottom: 5px;
    -webkit-border-radius: 0;}

    #board_f_txt
    {width: 90%; height: 35px;
    border: 1px solid #ccc; box-sizing: border-box;
    outline: none;
    font-family: 'Pretendard';
    font-size: 15px;
    float: none;
    margin-right: 5%; margin-left: 5%;
    text-indent: 5px;
    margin-bottom: 10px;
    -webkit-border-radius: 0;}

    #find_board_btn
    {width: 80px; height: 35px;
    border: none;
    background-color: #196de7;
    text-align: center; line-height: 35px;
    color: #fff;
    outline: none; border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: 'Pretendard';
    font-size: 15px;
    float: right;
    margin-right: 5%;
    -webkit-border-radius: 2px;}

    /*테이블*/
    .tourism_day_ex .tourism_day_table
    {width: 100%;
    border-top: 1px solid #196de7; box-sizing: border-box;
    margin-bottom: 50px;}

    .tourism_day_table tr td
    {border-bottom: 1px solid #ccc; box-sizing: border-box;}

    .tourism_day_table tr td:nth-child(1)
    {width: 15%;}

    .tourism_day_table tr td:nth-child(2)
    {width: 60%;}

    .tourism_day_table tr td:nth-child(3)
    {width: 25%;}

    .tourism_day_table tr td:nth-child(4),
    .tourism_day_table tr th:nth-child(4)
    {width: 10%;
    display: none;}

    .tourism_day_table tr:nth-child(1) th>p
    {width: 100%; font-family: 'bold';
    text-align: center; line-height: 20px;
    font-size: 14px;
    padding-top: 12px; padding-bottom: 12px;
    color: #303030;}

    .tourism_day_table tr:nth-child(1n+2) td>a
    {display: block;
    width: 90%;
    margin: 0 auto;}

    .tourism_day_table tr:nth-child(1n+2) td>a>p
    {width: 100%;
    text-align: center; word-break: break-all; color: #707070;
    line-height: 20px;
    font-size: 14px;
    padding-top: 12px; padding-bottom: 12px;}

    .tourism_day_table tr td:nth-child(2)>a>p
    {text-align: left;}

	/*관광의 날 타이틀*/
    .tourism_common_ex .tourism_common_h_title
    {width: 100%;
    margin-bottom: 40px;
    /*overflow: hidden;*/}

    .tourism_common_h_title>p
    {font-size: 20px;
    line-height: 25px; color: #303030;
    position: relative;}

    .tourism_common_h_title>p>span
    {font-family: bold;
	word-break: keep-all;}

    /* .tourism_common_h_title>p>span::after
    {content: '　';
    width: 8px; height: 8px;
    background-color: #196de7;
    margin-left: 5px;
    border-radius: 4px;
    display: inline-block;
    position: absolute;
    bottom: 4px;} */

    /*페이지버튼*/
    .page_free .page-link
    {width: 30px; height: 30px;
    padding: 0;
    text-align: center; line-height: 30px; font-size: 12px;
    color: #196de7;}

    /* 푸터상단 */
    /*ul.footer_top_list
    {padding: 10px 0;}

    ul.footer_top_list li a
    {font-size: 15px; line-height: 24px;}

    ul.footer_top_list li a::after
    {display: none;}

    /* 푸터하단 */
    /*.footer_bottom
    {padding: 20px 0;}

    .footer_bottom>div>a img
    {width: 160px; height: auto;}

    .footer_bottom>div>ul>li
    {font-size: 14px; line-height: 20px;}

    .footer_bottom>div>ul>li.copyright
    {margin-top: 20px; line-height: 20px;}

    /* 개인정보처리방침 */
    /*.privacy_ex .privacy_box
    {width: 90%;}

    .privacy_box>div:nth-child(2)
    {height: 200px;}

    /* 이메일무단수집거부 */
    /*.emaile_ex .emaile_box
    {width: 90%;}

    .emaile_box>div:nth-child(2)
    {height: 200px;}*/
}

@media all and (max-width: 500px)
{
    /* 푸터상단 */
    /* .footer_top>div ul.footer_top_list
    {max-width: 280px;
    overflow: hidden;}
    
    ul.footer_top_list li
    {width: 50%;
    position: relative;
    display: block;
    float: left;}
    
    ul.footer_top_list li:nth-child(2n)::before
    {content: '';
    width: 1px; height: 16px;
    top: 5px;
    position: absolute;
    background: #ddd;}
    
    ul.footer_top_list li a
    {font-size: 14px;
    padding-left: 20px;
    line-height: 26px;
    padding-right:0;} */
}

@media all and (max-width: 450px)
{	
	
	.selectBox2 .optionItem
	{display:flex;
	align-items: center;}

	.selectBox2 .optionItem>a>p
	{line-height: 20px;
	padding-top: 5px; padding-bottom: 5px;}

}

@media all and (max-width: 420px)
{
    /* 푸터상단 */
    /* ul.footer_top_list li a
    {font-size: 14px;
    padding-left: 15px;
    line-height: 26px;
    padding-right:0;} */

}

@media all and (max-width: 320px)
{
    .tourism_common_imgbox> div 
    {width: 100%;
    margin-right: 0;
    margin-top: 10px;}

    .tourism_common_imgbox> div:first-child
    {margin-top: 0;}

	.tourism_bitf_imgbox div:nth-child(1)
	{width:100%;
	margin-right:10px;}

	.tourism_bitf_imgbox div:nth-child(2)
	{width:100%;}

	.tourism_center_imgbox> div
	{width: 100%;
    margin-right: 0;
    margin-top: 10px;}

	.tourismday_imgbox > div
	{width:100%;
	margin-right: 0%;
	margin-bottom:0px;}



}


