<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : Visit Boryeong 2022 &gt; 2022 Visit Boryeong Year
	연관단어 : #sub_01_01

////////////////////////////////////////////////////////////////////////////// */

#sub_01_01{}
#sub_01_01&gt;h5{margin-top: 2.5em;}
#sub_01_01&gt;[data-visual-box="1"][data-bg="2"]{background-image: url(../../images/eng/content/boryeong_city_img.jpg);}
#sub_01_01&gt;[data-visual-box="1"][data-bg="2"]&gt;.title_box{width: auto;}


#sub_01_01&gt;[data-box="3"]&gt;ul&gt;.in&gt;[data-img="1"]{background-image: url(../../images/eng/content/logo_boryeong_01.png);}
#sub_01_01&gt;[data-box="3"]&gt;ul&gt;.in&gt;[data-img="2"]{background-image: url(../../images/eng/content/logo_boryeong_02.png);}
#sub_01_01&gt;[data-box="3"]&gt;ul&gt;.in&gt;[data-img="3"]{background-image: url(../../images/eng/content/logo_boryeong_03.png);}
#sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li&gt;.img_box{height: 12.37em;background-size: auto;}
#sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(1){width: 42.5%;}
#sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(2){width: 31.1%;}
#sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(3){width: 19.7%;}
#sub_01_01&gt;[data-box='3']&gt;ul&gt;li&gt;.txt_box&gt;strong::after{display: none;}

#sub_01_01&gt;.txt_box{background-color: #F3F8FE;border-radius: 0px 0px 40px 0px;padding: 1.5em 2em;margin: 2.5em 0;}
#sub_01_01&gt;.txt_box&gt;p&gt;strong{color:#1074E4;font-weight: 500;}


@media screen and (max-width:1024px){
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(1)&gt;.img_box{background-size: 90%;}
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(2)&gt;.img_box{background-size: 68%;}
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(3)&gt;.img_box{background-size: 61%;}
}

@media screen and (max-width:640px){
    #sub_01_01&gt;[data-visual-box="1"][data-bg="2"]&gt;.title_box{width: 20em;}

    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul{flex-wrap: wrap;}
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li{width: 100% !important;}
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(1)&gt;.img_box{background-size:25em;}
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(2)&gt;.img_box,
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(3)&gt;.img_box{background-size: auto;}
}

@media screen and (max-width:420px){
    #sub_01_01&gt;[data-visual-box="1"][data-bg="2"]&gt;.title_box{width: 15em; min-width: 13em;}
    #sub_01_01&gt;[data-box="3"][data-box='3']&gt;ul&gt;li:nth-child(1)&gt;.img_box{background-size:contain;}
}



/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : Visit Boryeong 2022 &gt; Introduction
	연관단어 : #sub_01_02

////////////////////////////////////////////////////////////////////////////// */



#sub_01_02{}
#sub_01_02&gt;.programs_box{background-color:#F3F8FE;border-radius: 20px 0px;padding: 5em 2.5em;box-sizing: border-box;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box{text-align: center;margin: 0 auto; position: relative;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box::after {content: "";position: absolute; top: 50%; right: 0; width: 6em; height: 6em; background-image: url(../../images/eng/main/cont_icon_01.svg); background-repeat: no-repeat;background-size: contain; opacity: 1;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box&gt;strong{display: block; font-family: 'Montserrat';font-size: 2.1em;color: #1074E4;text-transform: uppercase;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box&gt;strong&gt;p{display: inline-block; color: #333;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box&gt;strong&gt;.bottom_icon {position: relative;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box&gt;strong&gt;.bottom_icon::after {content: "";position: absolute;background-image: url(../../images/eng/main/gnb_th1_hover.svg); background-repeat: no-repeat; background-position: center;background-size: contain; top: calc(100% + 5px); left: 0; right: 0; margin: 0 auto; width: 3em; height: 8px;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.title_box&gt;span {display: block; font-size: 1.125em; color: #333; margin-top: 1.2em;}

#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list{display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;margin-top: 4.3em;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li{ width: calc(100% / 4);padding: 0 0.5em; box-sizing: border-box; margin-bottom: 3.75em; border-radius: 8px;overflow: hidden;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a {display: block;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.img_box{position: relative; border-radius: 8px; background-position: top center;background-repeat: no-repeat;background-size: cover; height: 12.5em; overflow: hidden; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.img_box::before{content: "";position: absolute;background: inherit;transition: inherit;top: 0;left: 0;right: 0;bottom: 0;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a:hover&gt;.img_box::before{transform: scale(1.2);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.img_box&gt;span{position: absolute;top: 0;right: 0;width: 2.31em;height:2em;background-color:#1074E4;border-radius: 0 8px;display: flex;justify-content: center;align-items: center;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.img_box&gt;span&gt;em{color: #fff;font-size: 1em;font-weight: bold;font-family: 'Montserrat';}

#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="1"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_01.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="2"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_02.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="3"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_03.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="4"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_04.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="5"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_05.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="6"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_06.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="7"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_07.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="8"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_08.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="9"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_09.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li[data-bg="10"]&gt;a&gt;.img_box{background-image: url(../../images/eng/content/Introduction_img_10.png);}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.txt{padding-top: 1em;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.txt&gt;span{position: relative; display: inline-block; font-size: 1.2em; font-weight: 500; color: #1A2542;z-index: 1;}
#sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.txt&gt;span::after{display: inline-block; content: "";position: absolute;width: 100%; height: 10px;background-color: #FEFFE4; bottom: 0;left: 0;z-index: -1;}


#sub_01_02&gt;.programs_box&gt;.btn_center{margin-top: 3.1em;}
#sub_01_02&gt;.programs_box&gt;.btn_center&gt;a{margin: 0.25em;height: auto;}


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

    #sub_01_02&gt;.programs_box&gt;.in&gt;.title_box::after{opacity: 0;}
    #sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li{ width: calc(100% / 2);}
    #sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li&gt;a&gt;.img_box{height: 0;padding-top: 84.3%;}
}

@media screen and (max-width:640px){
    #sub_01_02&gt;.programs_box{padding: 2em 2em 4em;}
    #sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list{margin-top: 3em;}
}

@media screen and (max-width:450px){
    #sub_01_02&gt;.programs_box&gt;.in&gt;.programs_list&gt;li{ width:100%;text-align: center;margin-bottom: 2em; padding: 0;}
}

@media screen and (max-width:420px){
    #sub_01_02&gt;.programs_box&gt;.btn_center{font-size: 12px;}
}


/* //////////////////////////////////////////////////////////////////////////////

	메뉴구조 : About Boryeong &gt; Mayor`s Message
	연관단어 : #sub_02_01

////////////////////////////////////////////////////////////////////////////// */

#sub_02_01{}
#sub_02_01 .img_box{position: relative; background-color: #24335E;height: 17.625em; width: calc(100% - 2em); box-shadow: 30px 30px 0 #E3EAF2;}
#sub_02_01 .img_box::after{content: ""; position: absolute;width: 16.625em;height: 18.9em; background-image: url(../../images/eng/content/CEO.svg);background-repeat: no-repeat;background-size: 100%; top:-1.3em;left:5.18em;transition: .3s; }
#sub_02_01 .img_box::before{content: "";position: absolute;width: 6.6875em;height:8.8125em;background-image: url(../../images/eng/content/shape_frame.svg);background-repeat: no-repeat; top: 2.625em;left:3.3125em;}
#sub_02_01 .img_box .txtbox{padding-left: 44.3%;padding-right: 3.1em;padding-top: 4em;}
#sub_02_01 .img_box .txtbox&gt;strong{position: relative;color: #fff;font-size: 2.177em;}
#sub_02_01 .img_box .txtbox&gt;strong::after{content: ""; position: absolute;background-image: url(../../images/eng/content/quotes.svg);background-repeat: no-repeat; width: 2.429em;height:1.833em;right: calc(100% - 0.7em);}
#sub_02_01 .img_box .txtbox&gt;strong::before{content: ""; position: absolute;background-image: url(../../images/eng/content/quotes.svg);background-repeat: no-repeat; width: 2.429em;height:1.833em;left:92%;bottom: 0.5em;transform: rotate(180deg);}
#sub_02_01 .img_box .txtbox&gt;p{font-size: 1.375em;font-weight: 300; color: #fff;opacity: 0.8;margin-top: 1em;word-break: keep-all;}

#sub_02_01 .textss{font-size: 1.125em;margin-top: 5.2em;}
#sub_02_01 .textss&gt;p+p{margin-top: 2.5em;}

@media screen and (max-width:1024px){
    #sub_02_01 .img_box{font-size: 14px;}
}

@media screen and (max-width:750px){
    #sub_02_01 .img_box{margin-top: 13em;height: auto;word-break: keep-all;}
    #sub_02_01 .img_box::after{width: 12em; top: auto;bottom: calc(100% - 8em);left: 0%;right: 0;margin: 0 auto;}
    #sub_02_01 .img_box::before{display: none;}
    #sub_02_01 .img_box .txtbox{padding: 3em 2em 2em;text-align: center;}
    #sub_02_01 .img_box .txtbox&gt;strong::after,
    #sub_02_01 .img_box .txtbox&gt;strong::before{display: none;}
}
@media screen and (max-width:420px){
    #sub_02_01 .img_box{font-size: 12px;}
}

/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; History
    연관단어 : #sub_02_02

////////////////////////////////////////////////////////////////////////////// */


#sub_02_02{}
#sub_02_02 .list_box&gt;ul&gt;li&gt;h5[data-icon="1"]{background-image: url(../../images/eng/content/simbol_01.svg);background-repeat: no-repeat;background-size: 1.1em;padding-left: 1.375em;background-position: left 9px;margin-bottom: 0;}
#sub_02_02 .list_box&gt;ul&gt;li{padding: 1.5em 0; border-bottom:1px dashed #DCDCDC;word-break: keep-all;}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Symbol of boryeong &gt; Symbols
    연관단어 : #sub_02_03_01

////////////////////////////////////////////////////////////////////////////// */


#sub_02_03_01{}
#sub_02_03_01 .symbol_box .symbol_imgbox{
    position: relative;
    height:17em;
    /* border: 1px solid #E5E5E5; */
    background-color:#fff;
    background-image: linear-gradient(rgba(229,229,229,1), transparent 1px),
    linear-gradient(90deg, rgba(229,229,229,1), transparent 1px),
    linear-gradient(rgba(229,229,229,1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(229,229,229,1) 1px, transparent 1px);
    background-size: 10px 9px, 10px 9px, 10px 9px, 10px 9px;
    margin-bottom: 1.875em;
}
#sub_02_03_01 .symbol_box .symbol_imgbox::after{content: ""; position: absolute;background-image: url(../../images/eng/content/symbol_mark_01.svg);background-repeat: no-repeat; width: 14.25em;height: 9.625em;top: 0;left: 0;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
#sub_02_03_01 .symbol_box a[data-btn='1'][data-icon='1'] {left: 50%;transform: translateX(-50%);}
#sub_02_03_01 .symbol_box&gt;p{margin-top: 2.5em;}
#sub_02_03_01 .symbol_box .symbol_lists {margin-top: 2.5em;}
#sub_02_03_01 .symbol_box .symbol_lists&gt;li~li{margin-top: 1.5em;}

#sub_02_03_01 [data-box='3']&gt;ul&gt;li:nth-child(2)&gt;.txt_box&gt;strong{padding: 0 0 .5em;}

#sub_02_03_01 .brand_img&gt;.in&gt;._left{background-image: url(../../images/eng/content/brand_img_01.png);background-repeat: no-repeat;background-size: contain;}
#sub_02_03_01 .brand_img&gt;.in&gt;._right .txts span{display: block;}

#sub_02_03_01 .mascot_img&gt;.in&gt;._left{background-image: url(../../images/eng/content/brand_img_02.png);background-repeat: no-repeat;background-size: contain;}

#sub_02_03_01 .logo_img&gt;.in&gt;._left{background-image: url(../../images/eng/content/brand_img_03.png);background-repeat: no-repeat;background-size: 18.375em;background-position: center;height: 10em;}


@media screen and (max-width:1024px){
    #sub_02_03_01 [data-box='3']&gt;ul&gt;li:nth-child(2)&gt;.txt_box&gt;strong{padding:0 0.5em 0.5em 0.5em;}
}

@media screen and (max-width:640px){
    #sub_02_03_01 .brand_img&gt;.in&gt;._right .txts span{display: initial;}
}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Symbol of boryeong &gt; Statue
    연관단어 : #sub_02_03_02

////////////////////////////////////////////////////////////////////////////// */


#sub_02_03_02{}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']{border: 1px solid #ECECEC;border-radius: 20px 0 20px 0; box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05);}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']:not(:first-child){margin-top: 1.5em;}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']&gt;.in{align-items: flex-start;}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']&gt;.in&gt;.icon_box {width: 11.5em;height: 11.5em;border-radius: 0;box-shadow: none;}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']&gt;.in&gt;.icon_box::after{width: 100%;height: 100%; background-image: url(../../images/eng/content/Statue_img_01.png);}


#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2'][data-icon="2-2"]&gt;.in&gt;.icon_box::after{background-image: url(../../images/eng/content/Statue_img_02.png);}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2'][data-icon="2-3"]&gt;.in&gt;.icon_box::after{background-image: url(../../images/eng/content/Statue_img_03.png);}
#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2'][data-icon="2-4"]&gt;.in&gt;.icon_box::after{background-image: url(../../images/eng/content/Statue_img_04.png);}

#sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']&gt;.in&gt;.txt_box{padding-top: 2em;}

#sub_02_03_02 .fish_img&gt;.in&gt;._left{background-image: url(../../images/eng/content/fish_img.png);background-repeat: no-repeat;background-size: contain;}
#sub_02_03_02 .fish_img&gt;.in&gt;._right&gt;.txts&gt;p{margin: 0;}
#sub_02_03_02 .fish_img&gt;.in&gt;._right&gt;.txts&gt;p.top_txt{margin-bottom: 2em;}

@media screen and (max-width:420px){
    #sub_02_03_02&gt;.Statue_box&gt;.Statue_lists [data-box='2']&gt;.in&gt;.txt_box{padding-top: 0;}
}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Sister Cities &gt; Domestic 
    연관단어 : #sub_02_04_01_01 ~ #sub_02_04_01_09

////////////////////////////////////////////////////////////////////////////// */

#sub_02_04_01_01{}
#sub_02_04_01_01 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-1"]::after{background-image: url(../../images/eng/content/namdong_img_01.png)}
#sub_02_04_01_01 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-1-1"]::after{background-image: url(../../images/eng/content/namdong_img_02.png)}

#sub_02_04_01_02 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-2"]::after{background-image: url(../../images/eng/content/Danyang_img_01.png)}
#sub_02_04_01_02 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-2-1"]::after{background-image: url(../../images/eng/content/Danyang_img_02.png)}

#sub_02_04_01_03 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-3"]::after{background-image: url(../../images/eng/content/Gwangjin_img_01.png)}
#sub_02_04_01_03 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-3-1"]::after{background-image: url(../../images/eng/content/Gwangjin_img_02.png)}

#sub_02_04_01_04 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-4"]::after{background-image: url(../../images/eng/content/Daegu_img_01.png)}
#sub_02_04_01_04 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-4-1"]::after{background-image: url(../../images/eng/content/Daegu_img_02.png)}

#sub_02_04_01_05 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-5"]::after{background-image: url(../../images/eng/content/Jeongseon_img_01.png)}
#sub_02_04_01_05 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-5-1"]::after{background-image: url(../../images/eng/content/Jeongseon_img_02.png)}

#sub_02_04_01_06 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-6"]::after{background-image: url(../../images/eng/content/Jonglokwangjang_img_01.png)}

#sub_02_04_01_07 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-7"]::after{background-image: url(../../images/eng/content/Sangju_img_01.png)}
#sub_02_04_01_07 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-7-1"]::after{background-image: url(../../images/eng/content/Sangju_img_02.png)}

#sub_02_04_01_08 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-8"]::after{background-image: url(../../images/eng/content/Daecheun_img_01.png)}

#sub_02_04_01_09 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-9"]::after{background-image: url(../../images/eng/content/Ulleung_img_01.png)}
#sub_02_04_01_09 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="1-9-1"]::after{background-image: url(../../images/eng/content/Ulleung_img_02.png)}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Sister Cities &gt; Overseas
    연관단어 : #sub_02_04_02_01 ~ #sub_02_04_02_05

////////////////////////////////////////////////////////////////////////////// */

#sub_02_04_02_01{}
#sub_02_04_02_01 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-1"]::after{background-image: url(../../images/eng/content/China_img_01.png)}
#sub_02_04_02_01 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-1-1"]::after{background-image: url(../../images/eng/content/China_img_02.png)}

#sub_02_04_02_02 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-2"]::after{background-image: url(../../images/eng/content/Japan_img_01.png)}
#sub_02_04_02_02 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-2-1"]::after{background-image: url(../../images/eng/content/Japan_img_02.png)}

#sub_02_04_02_03 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-3"]::after{background-image: url(../../images/eng/content/USA_img_01.png)}
#sub_02_04_02_03 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-3-1"]::after{background-image: url(../../images/eng/content/USA_img_02.png)}

#sub_02_04_02_04 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-4"]::after{background-image: url(../../images/eng/content/Japan_img_01.png)}
#sub_02_04_02_04 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-4-1"]::after{background-image: url(../../images/eng/content/Japan_img_03.png)}

#sub_02_04_02_05 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-5"]::after{background-image: url(../../images/eng/content/China_img_01.png)}
#sub_02_04_02_05 [data-box='1-1']&gt;.in&gt;.img_box li[data-img="2-5-1"]::after{background-image: url(../../images/eng/content/China_img_03.png)}

/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Administrative District
    연관단어 : #sub_02_05

////////////////////////////////////////////////////////////////////////////// */

#sub_02_05{}
#sub_02_05&gt;.map_box{display: flex;justify-content: space-around; align-items: center; padding: 3.12em 3.75em; background-color: #fff;border: 1px solid #ececec;box-shadow: 0px 4px 8px rgba(24, 39, 75, 0.05);border-radius: 8px;}
#sub_02_05&gt;.map_box&gt;.map_imgs&gt;li{padding: 1.25em;}

#sub_02_05&gt;.btns{margin-top: 1.875em; display: flex;justify-content: flex-end; flex-wrap: wrap;}

#sub_02_05&gt;.texts{margin-top:3.75em;}

@media screen and (max-width:1024px){
    #sub_02_05&gt;.map_box{padding: 2em;justify-content: space-between;}
}

@media screen and (max-width:750px){
    #sub_02_05&gt;.map_box{flex-wrap: wrap;padding: 1.5em;}
    #sub_02_05&gt;.map_box&gt;.map_bg{order: 2;}
    #sub_02_05&gt;.map_box&gt;.map_imgs{order: 1;display: flex;justify-content: center;width: 100%;}
    #sub_02_05&gt;.map_box&gt;.map_imgs&gt;li{padding: 0 1em;}
}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Statistics
    연관단어 : #sub_02_06

////////////////////////////////////////////////////////////////////////////// */

#sub_02_06{}
#sub_02_06&gt;.Statis_box&gt;.Statis_lists{display: flex;flex-wrap: wrap;justify-content: space-between;}
#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']{width: calc((100% - 1.468em) / 2); box-sizing: border-box; border: 1px solid #ECECEC;border-radius: 20px 0 20px 0; box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05);margin-bottom: 1.5em;}


#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']&gt;.in{align-items: center;}
#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']&gt;.in&gt;.icon_box {width: 5em;height: 5em;border-radius: 100%;box-shadow: none;border: 1px solid #ececec;}
#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']&gt;.in&gt;.icon_box::after{background-position: center;background-repeat: no-repeat;}


#sub_02_06 .icon_box[data-icon="1"]::after{background-image: url(../../images/eng/content/Statis_01.svg);}
#sub_02_06 .icon_box[data-icon="2"]::after{background-image: url(../../images/eng/content/Statis_02.svg);}
#sub_02_06 .icon_box[data-icon="3"]::after{background-image: url(../../images/eng/content/Statis_03.svg);}
#sub_02_06 .icon_box[data-icon="4"]::after{background-image: url(../../images/eng/content/Statis_04.svg);}
#sub_02_06 .icon_box[data-icon="5"]::after{background-image: url(../../images/eng/content/Statis_05.svg);}
#sub_02_06 .icon_box[data-icon="6"]::after{background-image: url(../../images/eng/content/Statis_06.svg);}
#sub_02_06 .icon_box[data-icon="7"]::after{background-image: url(../../images/eng/content/Statis_07.svg);}
#sub_02_06 .icon_box[data-icon="8"]::after{background-image: url(../../images/eng/content/Statis_08.svg);}
#sub_02_06 .icon_box[data-icon="9"]::after{background-image: url(../../images/eng/content/Statis_09.svg);}
#sub_02_06 .icon_box[data-icon="10"]::after{background-image: url(../../images/eng/content/Statis_10.svg);}
#sub_02_06 .icon_box[data-icon="11"]::after{background-image: url(../../images/eng/content/Statis_11.svg);}
#sub_02_06 .icon_box[data-icon="12"]::after{background-image: url(../../images/eng/content/Statis_12.svg);}
#sub_02_06 .icon_box[data-icon="13"]::after{background-image: url(../../images/eng/content/Statis_13.svg);}
#sub_02_06 .icon_box[data-icon="14"]::after{background-image: url(../../images/eng/content/Statis_14.svg);}
#sub_02_06 .icon_box[data-icon="15"]::after{background-image: url(../../images/eng/content/Statis_15.svg);}
#sub_02_06 .icon_box[data-icon="16"]::after{background-image: url(../../images/eng/content/Statis_16.svg);}
#sub_02_06 .icon_box[data-icon="17"]::after{background-image: url(../../images/eng/content/Statis_17.svg);}
#sub_02_06 .icon_box[data-icon="18"]::after{background-image: url(../../images/eng/content/Statis_18.svg);}
#sub_02_06 .icon_box[data-icon="19"]::after{background-image: url(../../images/eng/content/Statis_19.svg);}
#sub_02_06 .icon_box[data-icon="20"]::after{background-image: url(../../images/eng/content/Statis_20.svg);}
#sub_02_06 .icon_box[data-icon="21"]::after{background-image: url(../../images/eng/content/Statis_21.svg);}
#sub_02_06 .icon_box[data-icon="22"]::after{background-image: url(../../images/eng/content/Statis_22.svg);}
#sub_02_06 .icon_box[data-icon="23"]::after{background-image: url(../../images/eng/content/Statis_23.svg);}
#sub_02_06 .icon_box[data-icon="24"]::after{background-image: url(../../images/eng/content/Statis_24.svg);}



#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']&gt;.in&gt;.txt_box&gt;p{color: #24335E;margin: 0;}
#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']&gt;.in&gt;.txt_box&gt;strong{color: #333;font-size:1.25em;display: inline-block;padding-right: 0.5em;margin-bottom: 0;}
#sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']&gt;.in&gt;.txt_box&gt;span{color: #888;font-size:1.125em;display: inline-block;font-weight: 300;}


@media screen and (max-width:800px){
    #sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']{width: 100%;flex-basis:100%}
}

@media screen and (max-width:640px){
    #sub_02_06&gt;.Statis_box&gt;.Statis_lists [data-box='2']{padding: 1.25em;}
}

@media screen and (max-width:420px){
    [data-box='2']&gt;.in&gt;.txt_box{text-align: center;margin-top: 1em;}
}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : About Boryeong &gt; Location Map
    연관단어 : #sub_02_07

////////////////////////////////////////////////////////////////////////////// */

#sub_02_07{}
#sub_02_07&gt;.location_map{display: flex;justify-content: space-between;margin-top: 3.75em;}
#sub_02_07&gt;.location_map&gt;li{width: calc((100% - 1.875em) / 2);}
#sub_02_07&gt;.location_map&gt;li&gt;.shadow_box{text-align: center;}

@media screen and (max-width:640px){
    #sub_02_07&gt;.location_map{flex-wrap: wrap;}
    #sub_02_07&gt;.location_map&gt;li{width: 100%;margin-bottom: 1.5em;}
}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Nine+ scenic spots of Boryeong
    연관단어 : #sub_03_01

////////////////////////////////////////////////////////////////////////////// */

#sub_03_01{}
#sub_03_01&gt;.spots_box&gt;ul&gt;li{position: relative;}
#sub_03_01&gt;.spots_box&gt;ul&gt;li~li{margin-top: 2.5em;}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box{background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%;height: 18.625em;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="1"]{background-image: url(../../images/eng/content/spots_img_01.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="2"]{background-image: url(../../images/eng/content/spots_img_02.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="3"]{background-image: url(../../images/eng/content/spots_img_03.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="4"]{background-image: url(../../images/eng/content/spots_img_04.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="5"]{background-image: url(../../images/eng/content/spots_img_05.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="6"]{background-image: url(../../images/eng/content/spots_img_06.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="7"]{background-image: url(../../images/eng/content/spots_img_07.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="8"]{background-image: url(../../images/eng/content/spots_img_08.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="9"]{background-image: url(../../images/eng/content/spots_img_09.jpg);}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box[data-img="10"]{background-image: url(../../images/eng/content/spots_img_10.jpg);}

#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box{display: block; position: absolute;width: 27em;height: 14.875em; top: 2em; left: 2em;background-color: rgba(255, 255, 255, 0.95);border-radius: 20px 0px;padding: 1.8em 2em; box-sizing: border-box;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box::after{content: "";position: absolute;background-image: url(../../images/eng/content/btn_arrow_right.svg);background-repeat: no-repeat;width: 5em;height: 1em;bottom: 1.2em;right: 2em; }
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box:hover::after{
    animation-name:go-back;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}

@keyframes go-back{
	0%{right:2em;}
	50%{right:1em;}
	100%{right:2em;}
}

#sub_03_01&gt;.spots_box&gt;ul&gt;li:nth-child(even)&gt;.txt_box{left: auto;right: 2em;}


#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box&gt;span{display: block; color: #888;font-family: 'Montserrat';}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box&gt;strong{color: #121212;font-family: 'Montserrat';font-size: 1.5em;line-height: 1.3;}
#sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box&gt;p{color: #333;padding-bottom: 1.5em;padding-top: 1em;}

@media screen and (max-width:640px){
    #sub_03_01&gt;.spots_box&gt;ul&gt;li:nth-child(even)&gt;.txt_box{left: 0;right: auto;}
    #sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.img_box{height: 15em;}
    #sub_03_01&gt;.spots_box&gt;ul&gt;li&gt;.txt_box{position: relative;width: 100%;top: 0;left: 0;height: auto; min-height: 13em;border: 1px solid #e3e3e3;border-radius: 0 0 20px 0;}
    
}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Beach &gt; Daecheon Beach
    연관단어 : #sub_03_02_01

////////////////////////////////////////////////////////////////////////////// */


#sub_03_02_01{}
#sub_03_02_01 strong{font-weight: 500;}
#sub_03_02_01&gt;[data-box='5'][data-icon="1"]&gt;._right&gt;.js_slide.type_02 .move::after{background: #1074E4 url(../../images/eng/content/Beach_icon.svg);}
#sub_03_02_01&gt;.tour_list&gt;li~li{margin-top: 1em;}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Beach &gt; Daecheon Beach
    연관단어 : #sub_03_02_02

////////////////////////////////////////////////////////////////////////////// */


#sub_03_02_02{}
#sub_03_02_02&gt;.movie_box{position: relative;height: 0;padding-top: 56.5%;margin-top: 2.5em;}
#sub_03_02_02&gt;.movie_box&gt;iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#sub_03_02_02&gt;.tour_list&gt;li~li{margin-top: 1em;}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Island &gt; Janggodo Island
    연관단어 : #sub_03_03_02

////////////////////////////////////////////////////////////////////////////// */

#sub_03_03_02{}
#sub_03_03_02 .img_box{margin-top: 2em; position: relative; background-image: url(../../images/eng/content/sub_vi_type04_bg.gif);background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%;height: 20em; }
#sub_03_03_02 .img_box::after{content: "";position: absolute;background-image: url(../../images/eng/content/sub_vi_type04.png); background-repeat: no-repeat;background-position: center; background-size: contain; width: 100%; height: 20em; top: 0;left: 0;bottom: 0;right: 0;margin: auto;}

@media screen and (max-width:420px){
    #sub_03_03_02 .img_box{height: 18em;}
}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Island &gt; Godaedo Island
    연관단어 : #sub_03_03_03

////////////////////////////////////////////////////////////////////////////// */

#sub_03_03_03{}
#sub_03_03_03 .img_box{margin-top: 2em; margin-bottom: 2em; position: relative; background-image: url(../../images/eng/content/sub_vi_type04_bg.gif);background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%;height: 20em; }
#sub_03_03_03 .img_box::after{content: "";position: absolute;background-image: url(../../images/eng/content/sub_vi_type03.png); background-repeat: no-repeat;background-position: center; background-size: contain; width: 100%; height: 20em; top: 0;left: 0;bottom: 0;right: 0;margin: auto;}

#sub_03_03_03&gt;.mt_20{display: block;}

@media screen and (max-width:420px){
    #sub_03_03_03 .img_box{height: 18em;}
}

/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Island &gt; Sapsido Island
    연관단어 : #sub_03_03_04

////////////////////////////////////////////////////////////////////////////// */

#sub_03_03_04{}
#sub_03_03_04&gt;.movie_box{position: relative;height: 0;padding-top: 56.5%;margin-top: 2.5em;}
#sub_03_03_04&gt;.movie_box&gt;iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#sub_03_03_04 .img_box{margin-top: 2em; margin-bottom: 2em; position: relative; background-image: url(../../images/eng/content/sub_vi_type04_bg.gif);background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%;height: 20em; }
#sub_03_03_04 .img_box::after{content: "";position: absolute;background-image: url(../../images/eng/content/sub_vi_type01.png); background-repeat: no-repeat;background-position: center; background-size: contain; width: 100%; height: 20em; top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
#sub_03_03_04&gt;.mt_20{display: block;}

@media screen and (max-width:420px){
    #sub_03_03_04 .img_box{height: 18em;}
}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Island &gt; Oeyeondo Island
    연관단어 : #sub_03_03_07

////////////////////////////////////////////////////////////////////////////// */

#sub_03_03_07{}
#sub_03_03_07 a[target="_blank"] {background: url(../../images/eng/skin/lnb_blank.svg) no-repeat 100% 50%;width: 1.2em;height: 1.2em;background-position: center right;padding-right: 30px;color: #1074E4 !important;}
#sub_03_03_07&gt;.shadow_box&gt;.tetxs strong{display: block; margin-top: 1.8em;margin-bottom: 0.5em;}
#sub_03_03_07&gt;.shadow_box&gt;.tetxs&gt;[data-list='8']&gt;li{padding-left: 1em;}
#sub_03_03_07&gt;.shadow_box&gt;.tetxs&gt;[data-list='8']&gt;li::before{left: 0;}
#sub_03_03_07 .img_box{margin-top: 2em; margin-bottom: 2em; position: relative; background-image: url(../../images/eng/content/sub_vi_type04_bg.gif);background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%;height: 20em; }
#sub_03_03_07 .img_box::after{content: "";position: absolute;background-image: url(../../images/eng/content/sub_vi_type02.png); background-repeat: no-repeat;background-position: center; background-size: contain; width: 100%; height: 20em; top: 0;left: 0;bottom: 0;right: 0;margin: auto;}
#sub_03_03_07&gt;.mt_20{display: block;}

@media screen and (max-width:420px){
    #sub_03_03_07 .img_box{height: 18em;}
}




/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Mountain &amp; Valley &gt; Seongjusan Mountain
    연관단어 : #sub_03_04_01

////////////////////////////////////////////////////////////////////////////// */

#sub_03_04_01{}
#sub_03_04_01&gt;.movie_box{position: relative;height: 0;padding-top: 56.5%;margin-top: 2.5em;}
#sub_03_04_01&gt;.movie_box&gt;iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Mountain &amp; Valley &gt; Oseosan Mountain
    연관단어 : #sub_03_04_01

////////////////////////////////////////////////////////////////////////////// */

#sub_03_04_02{}
#sub_03_04_02&gt;.movie_box{position: relative;height: 0;padding-top: 56.5%;margin-top: 2.5em;}
#sub_03_04_02&gt;.movie_box&gt;iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Seaport / Dam &gt; Boryeong Dam
    연관단어 : #sub_03_05_03

////////////////////////////////////////////////////////////////////////////// */

#sub_03_05_03{}
#sub_03_05_03&gt;.movie_box{position: relative;height: 0;padding-top: 56.5%;margin-top: 2.5em;}
#sub_03_05_03&gt;.movie_box&gt;iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Recreation / park &gt; Seongjusan Mountain Natural Forest
    연관단어 : #sub_03_06_01

////////////////////////////////////////////////////////////////////////////// */

#sub_03_06_01{}
#sub_03_06_01&gt;.movie_box{position: relative;height: 0;padding-top: 56.5%;margin-top: 2.5em;}
#sub_03_06_01&gt;.movie_box&gt;iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Tourist Attractions &gt; Recreation / park &gt; Mud Skin Care Center
    연관단어 : #sub_03_06_01

////////////////////////////////////////////////////////////////////////////// */

#sub_03_06_02{}
#sub_03_06_02&gt;.Facilities_lists&gt;li~li{margin-top: 1em;}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Festival &gt; Boryeong Mud Festival
    연관단어 : #sub_04_01_01

////////////////////////////////////////////////////////////////////////////// */

#sub_04_01_01{}





/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Drive course &gt; Along with Coastline
    연관단어 : #sub_04_02_01

////////////////////////////////////////////////////////////////////////////// */

#sub_04_02_01{}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Leisure&gt; Exciting Boryeong
    연관단어 : #sub_04_03_01

////////////////////////////////////////////////////////////////////////////// */

#sub_04_03_01{}
#sub_04_03_01&gt;[data-visual-box="1"][data-bg="1"]{background-image: url(../../images/eng/content/Leisure_img_01.png);}

#sub_04_03_01&gt;[data-visual-box="1"][data-bg="1"]{background-position-x: 80%;}

#sub_04_03_01&gt;.movie_wrap {margin-top: 3em;}
#sub_04_03_01&gt;.movie_wrap .in&gt;.movie_box {position: relative;padding-top: 52.81%;}
#sub_04_03_01&gt;.movie_wrap .in&gt;.movie_box&gt;iframe{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0;}
#sub_04_03_01&gt;.movie_wrap&gt;ul&gt;li&gt;.txt_box&gt;p{padding: 0;}
#sub_04_03_01&gt;.movie_wrap&gt;ul&gt;li&gt;.txt_box&gt;p&gt;.blue{text-decoration: underline;}


@media screen and (max-width:640px){
    #sub_04_03_01&gt;.movie_wrap&gt;ul&gt;li~li{margin-top:2.2em ;}
}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Leisure&gt; Sea Fishing
    연관단어 : #sub_04_03_02

////////////////////////////////////////////////////////////////////////////// */

#sub_04_03_02{}
#sub_04_03_02&gt;[data-visual-box="1"][data-bg="2"]{background-image: url(../../images/eng/content/Leisure_img_02.png);}
#sub_04_03_02&gt;P{margin-bottom: 2.2em;}
#sub_04_03_02&gt;P:nth-of-type(1){margin-top: 2.2em;}
#sub_04_03_02 [data-list="8"]&gt;li{padding-left: 1em;}
#sub_04_03_02 [data-list="8"]&gt;li:before{left: 0;}
#sub_04_03_02&gt;[data-list="8"]&gt;li&gt;strong{font-weight: 500;}

/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Leisure&gt; Fresh water fishing
    연관단어 : #sub_04_03_03

////////////////////////////////////////////////////////////////////////////// */

#sub_04_03_03{}
#sub_04_03_03&gt;[data-visual-box="1"][data-bg="3"]{background-image: url(../../images/eng/content/Leisure_img_03.png);}
#sub_04_03_03&gt;P{margin-bottom: 2.2em;}
#sub_04_03_03&gt;P:nth-of-type(1){margin-top: 2.2em;}

#sub_04_03_03 [data-list="8"]&gt;li{padding-left: 1em;}
#sub_04_03_03 [data-list="8"]&gt;li:before{left: 0;}
#sub_04_03_03&gt;[data-list="8"]&gt;li&gt;strong{font-weight: 500;}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Nine Delicious Dishes of Boryeong
    연관단어 : #sub_04_04

////////////////////////////////////////////////////////////////////////////// */

#sub_04_04{}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Specialties &gt; Mud from Boryeong
    연관단어 : #sub_04_05

////////////////////////////////////////////////////////////////////////////// */

#sub_04_05{}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Travel Guide &gt; Transportation
    연관단어 : #sub_05_01

////////////////////////////////////////////////////////////////////////////// */

#sub_05_01{}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists{margin-bottom:4.5em;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;h4{ display: flex; align-items: center;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;h4::before{content: ""; display: inline-block; background-color:#F3F8FE; background-repeat: no-repeat; width:2.6em;height: 2.6em;border-radius: 10px; background-size: 2.5em;background-position:center;margin-right: 0.66em;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;h4[data-icon="1"]::before{background-image: url(../../images/eng/content/train_icon.svg);}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;h4[data-icon="2"]::before{background-image: url(../../images/eng/content/bus_icon.svg);}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;h4[data-icon="3"]::before{background-image: url(../../images/eng/content/car_icon.svg);}

#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;ul&gt;li:not(:first-child){margin-top: 1.5em;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;ul&gt;li&gt;strong{font-size: 1.25em;color:#1074E4;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;ul&gt;li&gt;p{color: #333;margin-top: 0.5em;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;ul&gt;li&gt;[data-list="1"]{margin-top: 0.5em;}
#sub_05_01&gt;.Trans_box&gt;.Trans_lists&gt;ul&gt;li&gt;[data-list="1"]&gt;li&gt;strong{font-weight: 500;}


/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Travel Guide &gt; Korea Travel Phone 1330
    연관단어 : #sub_05_02

////////////////////////////////////////////////////////////////////////////// */

#sub_05_02{}
#sub_05_02&gt;.Travel_Phone&gt;h4&gt;.point{color: #1074E4;text-decoration: underline;}
#sub_05_02&gt;.Travel_Phone [data-box="1"][data-icon="3"]&gt;.in&gt;.icon_box::after{background: url(../../images/eng/content/phone_icon.svg) no-repeat; background-size: contain;height: 3.5em;}

#sub_05_02&gt;.Travel_Phone&gt;.list_box{margin-top:3.75em; background-image: url( ../../images/eng/content/call_bg.png); background-repeat: no-repeat;background-position: top right;background-size: contain;background-size: 23.75em;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#sub_05_02&gt;.Travel_Phone&gt;.list_box&gt;li{margin-top:3.75em;}
#sub_05_02&gt;.Travel_Phone&gt;.list_box [data-list="1"]&gt;li&gt;strong{font-weight: 500;}

@media screen and (max-width:1024px){
    #sub_05_02&gt;.Travel_Phone&gt;.list_box{background-position: bottom right;}
}

@media screen and (max-width:450px){
    #sub_05_02&gt;.Travel_Phone&gt;.list_box{background: none;}
}



/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Travel Guide &gt; Tourist Information Center
    연관단어 : #sub_05_03

////////////////////////////////////////////////////////////////////////////// */

#sub_05_03 .list_box&gt;li{margin-bottom: 1em;}
#sub_05_03 .list_box&gt;li&gt;h5{display: inline-block;}




/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; Travel Guide &gt; Foreign Currency
    연관단어 : #sub_05_04

////////////////////////////////////////////////////////////////////////////// */

#sub_05_04{}
#sub_05_04 .lists_box&gt;li~li{margin-top: 2em;}
#sub_05_04 .lists_box&gt;li&gt;ul&gt;li~li{margin-top: 1.2em;}
#sub_05_04 .lists_box&gt;li&gt;ul&gt;li&gt;ul{margin-bottom: 1em;}
#sub_05_04 .lists_box&gt;li&gt;ul&gt;li&gt;ul&gt;li strong {font-weight: 500;}

/* //////////////////////////////////////////////////////////////////////////////

    메뉴구조 : Special Boryeong &gt; sitemap
    연관단어 : #sub_07_01

////////////////////////////////////////////////////////////////////////////// */

#sub_07_01{}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;h5{color: #1A2542;background-color: #F3F4F5;padding:0.8em 2em;}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep{display: flex; flex-wrap: wrap; padding: 0 2.5em;}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li{width:calc((100% - 6em) / 4);padding: 1em 2em 2em 0;box-sizing: border-box;}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li&gt;a{display: block; font-size: 1.125em;color: #1074E4; padding-bottom: 0.5em;}

#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li&gt;.third_dep&gt;li{padding-left: 1em;}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li&gt;.third_dep&gt;li::before{left: 0.2em;width: 0.2em;height: 0.2em;}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li&gt;.third_dep&gt;li&gt;a{transition:all 0.3s; -webkit-transition:all 0.3s;}
#sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li&gt;.third_dep&gt;li&gt;a:hover{font-weight: 500;text-decoration: underline;}


@media screen and (max-width:1024px){
    #sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep{justify-content: space-between;}
    #sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li{width:calc((100% - 6em) / 2);}
}

@media screen and (max-width:450px){
    #sub_07_01&gt;.site_map&gt;.first_dep&gt;.second_dep&gt;li{width:100%;}
}


.youtube{ width: 100%; height: 500px; display: block; margin-bottom: 20px;}
@media screen and (max-width:540px){
    .youtube{ width: 100%; height:400px;}
}
</pre></body></html>