* {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';}

/*클리어픽스*/
.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_tourist_information
    {width: 100%; height: 450px;
    background-image: url(../img/visual_tourist_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_tourist_information>p
    {font-size: 42px;
    line-height: 50px;
    font-family: bold;
    color: #fff;}

    /*루트*/
    .tourist_nav_zon
    {width: 100%;}

    .tourist_nav_zon>div:nth-child(1)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    .tourist_nav_zon .nav_box
    {width: 1420px;
    margin: 0 auto;}

    .nav_box>a:nth-child(1)
    {width: 60px; height: 60px;
    border-left: 1px solid #ccc; border-right: 1px solid #ccc;
    box-sizing: border-box;
    float: left;}

    .nav_box img
    {width: 50px; height: 50px;
    margin: 5px auto;}

    .nav_box .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';
    display: block;
    font-size: 16px;}

    .option_label>p {color: #303030;}

    .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;
	display: flex;
    align-items: center;}

    .optionItem>a
    {width: calc(100% - 30px);height: 50px;
	display: flex;
    align-items: center;
    margin: 0 auto;}

    .selectBox1 .optionItem:hover 
    {background: #ccc;}

    .selectBox1 .optionItem:hover>a>p
    {color: #196de7;}
    
    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}

    .tourist_nav_zon>div:last-child
    {width: 100%; height: 1px;
    background-color: #ccc;}

	/*02*/
	.tourist_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: 350px;
	z-index: 800;}

	.selectBox2 .optionItem 
	{border-bottom: 1px solid #ccc; box-sizing: border-box;
	width: 100%; height: 50px;
	display: flex;	align-items: center;}

	.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;}

	.tourist_nav_zon>div:nth-child(3)
	{width: 100%; height: 1px;
	background-color: #ccc;}



    /*관광안내소*/
    .tourist_information_ex
    {width: 1420px;
    margin: 100px auto;
    margin-bottom: 150px;}

    /*타이틀*/
    .tourist_information_ex .tourist_title
    {width: 100%;
    margin-bottom: 50px;
    overflow: hidden;}

    .tourist_title>p
    {font-size: 28px;
    line-height: 32px; color: #303030;
    position: relative;}

    .tourist_title>p>span
    {font-family: bold;}

    /* .tourist_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;} */

    /*선*/
    .tourist_information_ex .tourist_line_01
    {width: 100%; height: 1px;
    background-color: #196de7;
    margin-bottom: 20px;}

    /*관광안내소*/
    .tourist_information_ex .tourist_list_ex
    {width: 100%;
    overflow: hidden;}

    .tourist_list_ex>a
    {width: 440px;
    float: left;
    margin-right: 50px;
    border: 1px solid #ccc; box-sizing: border-box;
    display: block;
    margin-bottom: 30px;}

    .tourist_list_ex>a:nth-child(3n+3)
    {margin-right: 0;}
    
    /*이미지 제어하기*/
    div.tourist_list_img
    {width: 100%; height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 53.65%;}

    div.tourist_list_img img
    {width: 100%; height: auto;
    position: absolute;
    top: 0; left: 0;
    transition: all 0.3s;}

    .tourist_list_ex>a:hover .tourist_list_img>img
    {transform: scale(1.05);}
    
    /*글 제어박스*/
    div.tourist_txt_box
    {width: calc(100% - 40px);
    margin: 20px auto;}

    div.tourist_txt_box>p:nth-child(1)
    {width: 100%;
    font-size: 18px; line-height: 30px;
    font-family: 'min_bold'; color: #303030;
    margin-bottom: 20px;}

    div.tourist_txt_box>div:nth-child(1n+2)
    {width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 10px;}

    div.tourist_txt_box>div:last-child
    {margin-bottom: 0;}

    div.tourist_txt_box>div:nth-child(1n+2)>div:nth-child(1)
    {width: 25px; height: 25px;
    float: left;
    margin-right: 10px;}

    div.tourist_txt_box>div:nth-child(1n+2)>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.tourist_txt_box>div:nth-child(1n+2)>p:nth-child(2)
    {width: calc(100% - 35px);
    float: left;
    line-height: 25px; color: #707070;}

    /* 푸터상단 */

    /*.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_tourist_information
    {width: 100%; height: 450px;
    background-image: url(../img/visual_tourist_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 100px;
    box-sizing: border-box;}

    .visual_tourist_information>p
    {font-size: 42px;
    line-height: 50px;
    font-family: bold;
    color: #fff;}

    /*루트*/
    .tourist_nav_zon
    {width: 100%;}

    .tourist_nav_zon>div:nth-child(1)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    .tourist_nav_zon .nav_box
    {width: 90%;
    margin: 0 auto;}

    .nav_box>a:nth-child(1)
    {width: 60px; height: 60px;
    border-left: 1px solid #ccc; border-right: 1px solid #ccc;
    box-sizing: border-box;
    float: left;}

    .nav_box img
    {width: 50px; height: 50px;
    margin: 5px auto;}

    .nav_box .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';
    display: block;
    font-size: 16px;}

    .option_label>p {color: #303030;}

    .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;
	display: flex;
    align-items: center;}

    .optionItem>a
    {width: calc(100% - 30px);height: 50px;
	display: flex;
    align-items: center;
    margin: 0 auto;
    /* display: block; */}


    .selectBox1 .optionItem:hover 
    {background: #ccc;}

    .selectBox1 .optionItem:hover>a>p
    {color: #196de7;}
    
    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}

    .tourist_nav_zon>div:last-child
    {width: 100%; height: 1px;
    background-color: #ccc;}

	/*02*/
	.tourist_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;
	display: flex;
    align-items: center;}

	.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;}

	.tourist_nav_zon>div:nth-child(3)
	{width: 100%; height: 1px;
	background-color: #ccc;}

    /*관광안내소*/
    .tourist_information_ex
    {width: 90%;
    margin: 100px auto;
    margin-bottom: 150px;}

    /*타이틀*/
    .tourist_information_ex .tourist_title
    {width: 100%;
    margin-bottom: 50px;
    overflow: hidden;}

    .tourist_title>p
    {font-size: 28px;
    line-height: 32px; color: #303030;
    position: relative;}

    .tourist_title>p>span
    {font-family: bold;}

    /* .tourist_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;} */

    /*선*/
    .tourist_information_ex .tourist_line_01
    {width: 100%; height: 1px;
    background-color: #196de7;
    margin-bottom: 20px;}

    /*관광안내소*/
    .tourist_information_ex .tourist_list_ex
    {width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;}

    .tourist_list_ex>a
    {width: 32%;
    border: 1px solid #ccc; box-sizing: border-box;
    display: block;
    margin-bottom: 30px;
    margin-right: 0;}
    
    /*이미지 제어하기*/
    div.tourist_list_img
    {width: 100%; height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 53.65%;}

    div.tourist_list_img img
    {width: 100%; height: auto;
    position: absolute;
    top: 0; left: 0;
    transition: all 0.3s;}

    .tourist_list_ex>a:hover .tourist_list_img>img
    {transform: scale(1.05);}
    
    /*글 제어박스*/
    div.tourist_txt_box
    {width: 90%;
    margin: 5% auto;}

    div.tourist_txt_box>p:nth-child(1)
    {width: 100%;
    font-size: 18px; line-height: 30px;
    font-family: 'min_bold'; color: #303030;
    margin-bottom: 20px;}

    div.tourist_txt_box>div:nth-child(1n+2)
    {width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 10px;}

    div.tourist_txt_box>div:last-child
    {margin-bottom: 0;}

    div.tourist_txt_box>div:nth-child(1n+2)>div:nth-child(1)
    {width: 25px; height: 25px;
    float: left;
    margin-right: 10px;}

    div.tourist_txt_box>div:nth-child(1n+2)>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.tourist_txt_box>div:nth-child(1n+2)>p:nth-child(2)
    {width: calc(100% - 35px);
    float: left;
    line-height: 25px; color: #707070;}

    /* 푸터상단 */

    /*.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_tourist_information
    {padding-top: 140px;
    box-sizing: border-box;}

    /*루트*/
    .nav_box>a:nth-child(1)
    {width: 50px; height: 50px;}

    .nav_box>a:nth-child(1) img
    {width: 40px; height: 40px;
    margin: 5px auto;}

    .nav_box .selectBox1 
    {height: 50px;}

	.tourist_nav_zon>div:nth-child(2) .selectBox2
    {height: 50px;}

    .selectBox1 .optionList 
    {position: absolute; 
    top: 60px;}

	.selectBox2 .optionList 
    {position: absolute; 
    top: 60px;}

}

@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: 200px;}

    #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_tourist_information
    {width: 100%; height: 350px;
    padding-top: 66px;
    background-image: url(../img/visual_tourist_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;}

    .visual_tourist_information>p
    {font-size: 32px; line-height: 50px;
    font-family: bold; color: #fff;}

    /*관광안내소*/
    .tourist_list_ex>a
    {width: 49%;
    margin-right: 0;
    border: 1px solid #ccc; box-sizing: border-box;
    display: block;
    margin-bottom: 30px;}

    /* 푸터하단 */
    /* .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;} */
}


@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: 200px;}

    #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_tourist_information
    {width: 100%; height: 300px;
    background-image: url(../img/visual_tourist_banner.png);
    background-size: cover;
    background-position: center center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 66px;
    box-sizing: border-box;}

    .visual_tourist_information>p
    {font-size: 28px; line-height: 30px;
    font-family: bold; color: #fff;}

    /*루트*/
    .tourist_nav_zon
    {width: 100%;}

    .tourist_nav_zon>div:nth-child(1)
    {width: 100%; height: 1px;
    background-color: #ccc;}

    .tourist_nav_zon .nav_box
    {width: 90%; 
    margin: 0 auto;}

    .nav_box>a:nth-child(1)
    {width: 50px; height: 50px;
    border-left: 1px solid #ccc; border-right: 1px solid #ccc;
    box-sizing: border-box;
    float: left;}

    .nav_box>a:nth-child(1) img
    {width: 40px; height: 40px;
    margin: 5px auto;}

    .nav_box .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';
    display: block;
    font-size: 15px;}

    .option_label>p {color: #303030;}

    .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;
	 display: flex;
    align-items: center;}

    .optionItem>a
    {width: 90%;
    margin: 0 auto;
    /* display: block; */}

    
    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}

    .tourist_nav_zon>div:last-child
    {width: 100%; height: 1px;
    background-color: #ccc;}

	/*02*/
	.tourist_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;
	    display: flex;
    align-items: center;}

	.optionItem>a
	{width: 90%;height: 50px;
	display: flex;
    align-items: center;
	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;}

	.tourist_nav_zon>div:nth-child(3)
	{width: 100%; height: 1px;
	background-color: #ccc;}

    /*관광안내소*/
    .tourist_information_ex
    {width: 90%;
    margin: 50px auto;
    margin-bottom: 80px;}

    /*타이틀*/
    .tourist_information_ex .tourist_title
    {width: 100%;
    margin-bottom: 30px;
    overflow: hidden;}

    .tourist_title>p
    {font-size: 24px;
    line-height: 30px; color: #303030;
    position: relative;}

    .tourist_title>p>span
    {font-family: bold;}

    /* .tourist_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;} */

    /*선*/
    .tourist_information_ex .tourist_line_01
    {width: 100%; height: 1px;
    background-color: #196de7;
    margin-bottom: 20px;}

     /*관광안내소*/
    .tourist_information_ex .tourist_list_ex
    {width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;}

    .tourist_list_ex>a
    {width: 49%;
    border: 1px solid #ccc; box-sizing: border-box;
    display: block;
    margin-bottom: 15px;
    margin-right: 0;}
    
    /*이미지 제어하기*/
    div.tourist_list_img
    {width: 100%; height: 0;
    position: relative;
    overflow: hidden;
    padding-bottom: 53.65%;}

    div.tourist_list_img img
    {width: 100%; height: auto;
    position: absolute;
    top: 0; left: 0;}
    
    /*글 제어박스*/
    div.tourist_txt_box
    {width: 90%;
    margin: 5% auto;}

    div.tourist_txt_box>p:nth-child(1)
    {width: 100%;
    font-size: 18px; line-height: 30px;
    font-family: 'min_bold'; color: #303030;
    margin-bottom: 15px;}

    div.tourist_txt_box>div:nth-child(1n+2)
    {width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 10px;}

    div.tourist_txt_box>div:last-child
    {margin-bottom: 0;}

    div.tourist_txt_box>div:nth-child(1n+2)>div:nth-child(1)
    {width: 25px; height: 25px;
    float: left;
    margin-right: 10px;}

    div.tourist_txt_box>div:nth-child(1n+2)>div:nth-child(1) img
    {width: 100%; height: 100%;
    object-fit: cover;}

    div.tourist_txt_box>div:nth-child(1n+2)>p:nth-child(2)
    {width: calc(100% - 35px);
    float: left;
    font-size: 15px;
    line-height: 25px; color: #707070;}

    /* 푸터상단 */

    /*.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)
{   

   /*루트*/
	.tourist_nav_zon>div:nth-child(2)
	{width: 100%;}

	.tourist_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*/
	.tourist_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: 95%;
	margin: 0 0 0 5%;
	/* display: block; */}

	.optionItem>a>p
	{line-height: 50px;}

    /*타이틀*/
    .tourist_information_ex .tourist_title
    {width: 100%;
    margin-bottom: 20px;
    overflow: hidden;}

    .tourist_title>p
    {font-size: 20px;
    line-height: 25px; color: #303030;
    position: relative;}

    .tourist_title>p>span
    {font-family: bold;}

    /* .tourist_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;} */

     /*관광안내소*/
    .tourist_information_ex .tourist_list_ex
    {width: 100%;
    display: block;
    overflow: hidden;}

    .tourist_list_ex>a
    {width: 100%;
    border: 1px solid #ccc; box-sizing: border-box;
    display: block;
    margin-bottom: 15px;
    margin-right: 0;}

    /* 푸터상단 */
    /*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: 319px)
{   
    p {line-height: 20px;}

    .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: 100%;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1)
    {width: 35px; height: 35px;
    float: left;
    border-right: 1px solid #ccc; box-sizing: border-box;}

    .common_nav_zon>div:nth-child(2)>a:nth-child(1) img
    {width: 100%; height: auto;
    margin: 0;}

    /**/
    /*.common_nav_zon>div:nth-child(2) .selectBox1 
    {position: relative;
    width: calc(50% - 17.5px); height: 35px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    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;}

    .selectBox1 .option_label 
    {width: 90%; height: inherit;
    margin-left: 5%; margin-right: 5%;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    text-align: left;
    font-family: 'Pretendard';}

    .option_label>p 
    {color: #303030; 
    font-size: 14px;
    line-height: 35px;}

    .selectBox1 .optionList 
    {position: absolute; 
    top: 40px; 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;}
    
    .selectBox1.active .optionList 
    {max-height: 280px;}
    
    .selectBox1 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 40px;}

    .optionItem>a
    {width: 90%;
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 40px;
    color: #303030;
    font-size: 14px;
    transition: .3s ease-in;}

    .selectBox1 .optionItem:last-child 
    {border-bottom: 0 none;}*/

    /**/
    /*.common_nav_zon>div:nth-child(2) .selectBox2 
    {position: relative;
    width: calc(50% - 17.5px); height: 35px;
    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: 90%; height: inherit;
    margin-left: 5%; margin-right: 5%;
    overflow: hidden;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-family: 'Pretendard';}

    .option_label>p 
    {color: #303030; line-height: 35px; font-size: 14px;}

    .selectBox2 .optionList 
    {position: absolute; 
    top: 40px; 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;}
    
    .selectBox2.active .optionList 
    {max-height: 280px;}
    
    .selectBox2 .optionItem 
    {border-bottom: 1px solid #ccc; box-sizing: border-box;
    width: 100%; height: 40px;}

    .optionItem>a
    {width: 90%;
    margin: 0 auto;
    display: block;}

    .optionItem>a>p
    {line-height: 40px;
    color: #303030;
    font-size: 14px;
    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;}

}*/