@charset "UTF-8"; /*sub틀 로케이션*/
#nav .navInner { display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto; margin-top: -10px; padding: 13px 0; padding-left: 22.5%; width: 100%; background-color: #f8fbfd; } 
#nav .left ul li { display: inline-block; } 
#nav .navInner .left { margin-top: 7px; } 
#nav .left ul li.home::before { display: inline-block; margin-right: 15px; width: 21px; height: 21px; vertical-align: middle; background: url(/images/common2023/i-home.png) center no-repeat; content: ''; } 
#nav .left ul li.home::after { display: inline-block; margin-left: 5px; width: 21px; height: 21px; vertical-align: middle; background: url(/images/common2023/i-location.png) center no-repeat; content: ''; } 
#nav .left ul li a { display: inline-block; vertical-align: middle; font-size: 16px; color: #555; } 
#nav .left ul li.depth2:after { display: none; } 
#nav .right { margin-top: 10px; margin-right: 10%; } 
#nav .right ul { font-family: 'Noto Sans', sans-serif; } 
#nav .right ul li { display: inline-block; } 
#nav .right ul li:not(:last-child) { margin: 0 5px; } 
#nav .right ul li:not(:last-child):after { display: inline-block; margin-left: 4px; border-right: 1px solid #dde7ee; height: 15px; vertical-align: middle; content: ''; } 
#nav .right #zoomSlide { position: relative; } 
#nav .right ul li div#zoom { border: 1px solid #e7eff2; border-top: 2px solid #38aed6; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); overflow: visible; position: absolute; top: 33px; left: -52px; width: 130px; background-color: #fff; text-align: center; } 
#nav .right ul li div#zoom a { display: inline-block; padding: 0; height: 40px; vertical-align: middle; vertical-align: middle; line-height: 40px; } 
#nav .right ul li div#zoom a:nth-child(1) { padding: 0 5px; font-size: 30px; line-height: 33px; } 
#nav .right ul li div#zoom a:nth-child(2) { font-size: 14px; } 
#nav .right ul li div#zoom a:nth-child(3) { padding: 0 5px; font-size: 20px; } 
#nav .right ul li div#zoom:before { display: block; border-top: 6px solid transparent; border-bottom: 6px solid #38aed6; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -14px; left: 50%; width: 0; height: 0; content: ""; transform: translate(-50%, 0); } 
#nav .right ul li a { padding: 5px; } 
#nav .right ul li a img { display: inline-block; vertical-align: middle; } 
#nav #snsShare { position: relative; } 
#nav #naviSNS { border: 1px solid #e7eff2; border-top: 2px solid #38aed6; box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.2); overflow: visible; position: absolute; top: 34px; left: -80px; z-index: 99999; width: 185px; background-color: #fff; text-align: center; } 
#nav #naviSNS:before { display: block; border-top: 6px solid transparent; border-bottom: 6px solid #38aed6; border-right: 6px solid transparent; border-left: 6px solid transparent; position: absolute; top: -14px; left: 50%; width: 0; height: 0; content: ""; transform: translate(-50%, 0); } 
#nav #naviSNS a { display: inline-block; padding: 0; vertical-align: middle; background: url(/images/sub/icon-snsall.png) no-repeat; } 
#nav #naviSNS .iconset { width: 30px; height: 40px; font-size: 0; } 
#nav #naviSNS .iconset:first-child { margin-left: 0; } 
#nav #naviSNS .fb { background-position: -2px center; } 
#nav #naviSNS .tw { background-position: -36px center; } 
#nav #naviSNS .bl { background-position: -71px center; } 
#nav #naviSNS .in { background-position: -106px center; } 
#nav #naviSNS .wb { background-position: -144px center; } 
@media all and (max-width:1500px){
 #nav .navInner { margin-top: -7px; padding-left: 218px; } 
 #nav .left ul { margin-bottom: 3px; } 
 #nav .left ul li.home::before { margin-right: 7px; width: 10px; height: 10px; background-size: 11px; } 
 #nav .left ul li.home::after { width: 10px; height: 10px; background-size: 5px; } 
 #nav .left ul li a { font-size: 12px; } 
 #nav .right { margin-top: 7px; margin-right: 30px; margin-bottom: 3px; } 
 #nav .right ul li a img { max-width: 15px; max-height: 15px; } 
 #nav #naviSNS { left: -95px; } 
 #nav #naviSNS:before { left: 99px; transform: unset; } 
 }
@media all and (max-width:1200px){
 #nav .navInner { padding-left: 130px; } 
 #nav .right { margin-right: 20px; } 
 #nav #naviSNS { left: -101px; } 
 #nav #naviSNS:before { left: 105px; } 
 }
@media all and (max-width:900px){
 #nav .navInner { padding-left: 25px; } 
 #nav .navInner .left { margin-left: 0; } 
 }
@media all and (max-width:600px){
 #nav .right { margin-top: 5px; margin-bottom: 5px; } 
 #nav .right ul li:not(:last-child) { margin: unset; } 
 }
/* same */
.boxing>.left { width: 50%; float: left; } 
.boxing>.right { width: 50%; float: right; } 
.boxing>.center { float: left; } 
.boxing>.both { margin-top: 10px; width: 100%; clear: both; } 
.colorRed { color: #c8232f; } 
.colorBlue { color: #1442a1; } 
.colorBlueL { color: #1f8bef; } 
.colorPink { color: #ed1659; } 
.colorBlack { color: #222; } 
.colorDarkBlue { color: #0766b3; } 
.colorBrown {color: #924A02;}
.colorOrange {color: #ef6000;}
.colorGreen {color: #059830;}
.font-size20 { font-size: 20px; font-size: calc(12px + 0.4vw); } 
.font-size24 { font-size: 24px; font-size: calc(12px + 0.6vw); } 
.font-size28 { font-size: 28px; font-size: calc(12px + 0.9vw); } 
.font-size30 { font-size: 30px; font-size: calc(12px + 1.0vw); } 
.font-size35 { font-size: 35px; font-size: calc(12px + 1.25vw); } 
.font-size40 { font-size: 40px; font-size: calc(12px + 1.5vw); } 
.bold { font-weight: 700; } 
.medium { font-weight: 500; } 
.normal { font-weight: 400; } 
.innerwrap { margin: 5% auto 4%; overflow: hidden; width: 100%; max-width: 1300px; word-wrap: break-word; } 
#subVisual #nav .innerwrap { overflow: inherit; } 
.divde { overflow: hidden; } 
.divde li { margin-bottom: 5px; float: left; } 
.divde.w2 li { width: 50%; } 
.divde.w3 li { width: 33.33%; } 
.divde.w4 li { width: 25%; } 
.divde.w5 li { width: 20%; } 
#footer { padding-bottom: 0; } 
.title_mt { margin-top: 5%; } 
#title .innerwrap { margin: 4.5% auto; } 
#title.list_title .innerwrap { margin: 3.4% auto; } 
h4.tit { margin: unset; font-size: 42px; font-weight: 500; line-height: normal; color: #222; text-align: center; } 
p.tit_sub { margin-top: 2%; margin-bottom: unset; font-size: 18px; font-weight: 400; line-height: normal; color: #222; text-align: center; } 
p.tit_sub img { margin-top: -3px; vertical-align: middle; } 
p.tit_sub_info { margin-bottom: 60px; font-size: 17px; font-weight: 400; color: #222; text-align: center; } 
p.tit_sub_info:before { display: inline-block; margin-right: 5px; width: 20px; height: 20px; vertical-align: middle; background-color: #1442a1; content: ''; border-radius: 20px; } 
p.tit_sub_info>span { vertical-align: middle; } 
p.tit_sub_info .sdot { margin: 0 3px; vertical-align: sub; font-size: 30px; line-height: 0; } 
p.tit_sub_info strong { font-weight: 700; } 
.tit_con { margin-bottom: 2%; font-size: calc(12px + 0.7vw); font-weight: 500; line-height: 1.5em; color: #222; text-align: left; } 
.hidden { display: none; height: 0; font-size: 0; } 
@media all and (max-width: 1500px){
 .title_mt { margin-top: 7%; } 
 .innerwrap { padding: 0 5%; box-sizing: border-box; } 
 h4.tit { font-size: 30px; } 
 p.tit_sub { margin-top: 1%; font-size: 16px; } 
 }
@media all and (max-width:900px){
 .title_mt { margin-top: 9%; } 
 }
@media all and (max-width: 600px){
 .title_mt { margin-top: 9%; } 
 .boxing>.box { width: 100% !important; float: none; } 
 .boxing>.left,
 .boxing>.right { width: 100%; float: none; clear: both; } 
 #content { padding: 0 2% !important; } 
 h4.tit { padding: unset; font-size: 20px; line-height: 26px; word-break: keep-all; } 
 p.tit_sub { margin-top: 10px; font-size: 14px; font-weight: 400; } 
 p.tit_sub_info { margin-bottom: 20px; } 
 .divde li { width: 100% !important; float: none; } 
 }
/* subVisu */
#subVisu { padding-top: 0; } 
#subVisu .tit { font-size: 55px; color: #fff; text-align: center; } 
.submenu-02,
.submenu-DOM_00000020100200 { background: url(/images/sub/subvisu-02.jpg) no-repeat center top; background-size: cover; } 
.submenu-03,
.submenu-DOM_00000020100300 { background: url(/images/sub/subvisu-03.jpg) no-repeat center top; background-size: cover; } 
.submenu-04,
.submenu-DOM_00000020100400 { background: url(/images/sub/subvisu-04.jpg) no-repeat center top; background-size: cover; } 
.submenu-05,
.submenu-DOM_00000020100500 { background: url(/images/sub/subvisu-05.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000020100600 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000020100700 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100100 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100100 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-01,
.submenu-DOM_00000020100200 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100200 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-01,
.submenu-DOM_00000020100300 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100300 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-01,
.submenu-DOM_00000020100400 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100400 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-01,
.submenu-DOM_00000020100500 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100500 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-01,
.submenu-DOM_00000020100600 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100600 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-06,
.submenu-DOM_00000020100800 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-01,
.submenu-DOM_00000020100900 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000002020 { background: url(/upload_data/board_data/BBS_0000014/164327984624221.jpg) no-repeat center top; background-size: cover; } 
.submenu-08,
.submenu-DOM_0000002030 { background: url(/upload_data/board_data/BBS_0000014/164327984622834.jpg) no-repeat center top; background-size: cover; } 
.submenu-08,
.submenu-DOM_0000002030 .newtitle { text-shadow: 4px 5px 8px #000; } 
.submenu-09,
.submenu-DOM_0000002040 { background: url(/upload_data/board_data/BBS_0000014/164328104674837.jpg) no-repeat center top; background-size: cover; } 
.submenu-10,
.submenu-DOM_0000002050 { background: url(/images/sub/subvisu-10.jpg) no-repeat center top; background-size: cover; } 
/*en*/
.submenu-01,
.submenu-DOM_00000030100100 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-02,
.submenu-DOM_00000030100200 { background: url(/images/sub/subvisu-02.jpg) no-repeat center top; background-size: cover; } 
.submenu-03,
.submenu-DOM_00000030100300 { background: url(/images/sub/subvisu-03.jpg) no-repeat center top; background-size: cover; } 
.submenu-04,
.submenu-DOM_00000030100400 { background: url(/images/sub/subvisu-04.jpg) no-repeat center top; background-size: cover; } 
.submenu-05,
.submenu-DOM_00000030100500 { background: url(/images/sub/subvisu-05.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000030100600 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000030100700 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000003010 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000003020 { background: url(/images/sub/subvisu-07.jpg) no-repeat center top; background-size: cover; } 
.submenu-08,
.submenu-DOM_0000003030 { background: url(/images/sub/subvisu-12.jpg) no-repeat center top; background-size: cover; } 
.submenu-09,
.submenu-DOM_0000003040 { background: url(/images/sub/subvisu-09.jpg) no-repeat center top; background-size: cover; } 
.submenu-10,
.submenu-DOM_0000003050 { background: url(/images/sub/subvisu-10.jpg) no-repeat center top; background-size: cover; } 
/*ja*/
.submenu-01,
.submenu-DOM_00000040100100 { background: url(/images/sub/subvisu-01.jpg) no-repeat center top; background-size: cover; } 
.submenu-02,
.submenu-DOM_00000040100200 { background: url(/images/sub/subvisu-02.jpg) no-repeat center top; background-size: cover; } 
.submenu-03,
.submenu-DOM_00000040100300 { background: url(/images/sub/subvisu-03.jpg) no-repeat center top; background-size: cover; } 
.submenu-04,
.submenu-DOM_00000040100400 { background: url(/images/sub/subvisu-04.jpg) no-repeat center top; background-size: cover; } 
.submenu-05,
.submenu-DOM_00000040100500 { background: url(/images/sub/subvisu-05.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000040100600 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000040100700 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000004010 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000004020 { background: url(/images/sub/subvisu-07.jpg) no-repeat center top; background-size: cover; } 
.submenu-08,
.submenu-DOM_0000004030 { background: url(/images/sub/subvisu-12.jpg) no-repeat center top; background-size: cover; } 
.submenu-09,
.submenu-DOM_0000004040 { background: url(/images/sub/subvisu-09.jpg) no-repeat center top; background-size: cover; } 
.submenu-10,
.submenu-DOM_0000004050 { background: url(/images/sub/subvisu-10.jpg) no-repeat center top; background-size: cover; } 
/*zhs*/
.submenu-01,
.submenu-DOM_00000050100100 { background: url(/images/sub/subvisu-01.jpg) no-repeat center top; background-size: cover; } 
.submenu-02,
.submenu-DOM_00000050100200 { background: url(/images/sub/subvisu-02.jpg) no-repeat center top; background-size: cover; } 
.submenu-03,
.submenu-DOM_00000050100300 { background: url(/images/sub/subvisu-03.jpg) no-repeat center top; background-size: cover; } 
.submenu-04,
.submenu-DOM_00000050100400 { background: url(/images/sub/subvisu-04.jpg) no-repeat center top; background-size: cover; } 
.submenu-05,
.submenu-DOM_00000050100500 { background: url(/images/sub/subvisu-05.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000050100600 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-06,
.submenu-DOM_00000050100700 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000005010 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000005020 { background: url(/images/sub/subvisu-07.jpg) no-repeat center top; background-size: cover; } 
.submenu-08,
.submenu-DOM_0000005030 { background: url(/images/sub/subvisu-12.jpg) no-repeat center top; background-size: cover; } 
.submenu-09,
.submenu-DOM_0000005040 { background: url(/images/sub/subvisu-09.jpg) no-repeat center top; background-size: cover; } 
.submenu-10,
.submenu-DOM_0000005050 { background: url(/images/sub/subvisu-10.jpg) no-repeat center top; background-size: cover; } 
/*zht*/
.submenu-DOM_00000060100100 { background: url(/images/sub/subvisu-01.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_00000060100200 { background: url(/images/sub/subvisu-02.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_00000060100300 { background: url(/images/sub/subvisu-03.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_00000060100400 { background: url(/images/sub/subvisu-04.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_00000060100500 { background: url(/images/sub/subvisu-05.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_00000060100600 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_00000060100700 { background: url(/images/sub/subvisu-06.jpg) no-repeat center top; background-size: cover; } 
.submenu-07,
.submenu-DOM_0000006010 { background: url(/upload_data/board_data/BBS_0000014/164327883926171.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_0000006020 { background: url(/images/sub/subvisu-07.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_0000006030 { background: url(/images/sub/subvisu-12.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_0000006040 { background: url(/images/sub/subvisu-09.jpg) no-repeat center top; background-size: cover; } 
.submenu-DOM_0000006050 { background: url(/images/sub/subvisu-10.jpg) no-repeat center top; background-size: cover; } 
@media all and (max-width: 640px){
 #subVisu .tit { font-size: 25px; } 
 }
.sprite { background: url(/images/sub/sprite.png) no-repeat; } 
/* sub05*/
.fesL #section1.innerwrap { margin: 0; } 
.fesL #section1 .mainSlider { overflow: hidden; } 
.fesL #section1 .mainSlider img { width: 100%; } 
.fesL #section1 .bx-wrapper { overflow: hidden; position: relative; height: 545px; } 
.fesL #section1 .slider>div img { width: 100%; } 
.fesL #section1 .bx-controls-direction a { position: absolute; top: calc(50% - 70px); width: 66px; height: 139px; font-size: 0; } 
.fesL #section1 .bx-controls-direction a.bx-prev { left: 0; background: url(/images/sub/sub05_btnL.png) no-repeat; } 
.fesL #section1 .bx-controls-direction a.bx-next { right: 0; background: url(/images/sub/sub05_btnR.png) no-repeat; } 
.fesL #section1 .bx-pager { display: none; } 
.fesL #section1 .pyeng { display: flex; align-items: center; justify-content: space-between; margin-top: -68px; padding: unset; padding: 3% 0; border: unset; overflow: unset; position: relative; height: unset; background-color: #fff; } 
.fesL #section1 .pyeng .left { padding: unset; width: unset; line-height: unset; } 
.fesL #section1 .pyeng li { margin-right: 13px; padding-right: 13px; border-right: unset; float: left; font-size: 18px; font-weight: 400; color: #222; } 
.fesL #section1 .pyeng li:not(:last-child):after { display: inline-block; padding-right: 20px; border-right: 1px solid #ddd; height: 15px; vertical-align: middle; content: ''; } 
.fesL #section1 .pyeng li button { margin-top: -5px; font-size: 18px; font-weight: 400; } 
.fesL #section1 .pyeng li img { display: inline-block; margin: 2px 5px 0 3px; vertical-align: top; } 
.fesL #section1 .pyeng li span { font-weight: 700; color: #222; } 
.fesL #section1 .pyeng .right { display: unset; width: unset; } 
.fesL #section1 .pyeng .right a { display: inline-block; vertical-align: middle; font-size: 20px; font-weight: 400; color: #222; } 
.fesL #section1 .pyeng .right a.order1:before { display: inline-block; margin-bottom: 3px; position: unset; top: unset; left: unset; width: 20px; height: 21px; vertical-align: middle; background-image: url(/images/common2023/i-favorite.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.fesL #section1 .pyeng .right a:nth-child(1):after { display: inline-block; margin-right: 20px; padding-right: 20px; border-right: 1px solid #ddd; height: 15px; content: ''; } 
.fesL #section1 .pyeng .right a.order1_on:before { display: inline-block; margin-bottom: 3px; position: unset; top: unset; left: unset; width: 20px; height: 21px; vertical-align: middle; background-image: url(/images/common2023/i-favorite-on.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.fesL #section1 .pyeng .right a.order2:before { display: inline-block; margin-bottom: 3px; position: unset; top: unset; left: unset; width: 20px; height: 21px; vertical-align: middle; background-image: url(/images/common2023/i-heart-line.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.fesL #section1 .pyeng .right a.order2_on:before { display: inline-block; margin-bottom: 3px; position: unset; top: unset; left: unset; width: 20px; height: 21px; vertical-align: middle; background-image: url(/images/common2023/i-heart-full.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.fesL #section1 .bottom { padding: 3% 0; overflow: hidden; } 
.fesL #section1 .bottom .left { border-right: 1px solid #eae2df; } 
.fesL #section1 .bottom .left li { padding-left: 80px; position: relative; line-height: 2em; color: #4c4c4c; } 
.fesL #section1 .bottom .left li:before { position: absolute; top: -5px; left: 3px; font-weight: 700; color: #222; content: '.'; } 
.fesL #section1 .bottom .left li span { display: inline-block; position: absolute; left: 10px; width: 80px; font-weight: 700; color: #222; } 
.fesL #section1 .bottom .right { padding-left: 30px; } 
.fesL #section1 .bottom .right p { margin: 0; padding-left: 10px; font-size: 16px; line-height: 25px; color: #222; } 
.fesL #section1 .bottom .right p.tit { margin-bottom: 0; position: relative; font-size: 16px; font-weight: 700; color: #222; } 
.fesL #section1 .bottom .right p.tit::before { position: absolute; top: -5px; left: 3px; font-weight: 700; color: #222; content: '.'; } 
.fesL #section2 { margin-top: 2%; overflow: hidden; } 
.fesL #section2 .tab_wrap.mt { margin-top: 2%; } 
.fesL #section2 .tab_wrap.mt40 { margin-top: unset !important; } 
.fesL #section2 .tab_wrap.recommTab ul li { width: 33%; } 
.fesL #section2 .innerwrap { margin: 0; } 
.fesL #section2 .tab { display: flex; flex-wrap: wrap; overflow: hidden; } 
.fesL #section2 .tab li { display: block; padding: 0 0 20px; border-bottom: 1px solid #d5e3e8; width: 20%; font-weight: 700; text-align: center; cursor: pointer; box-sizing: border-box; } 
.fesL #section2 .tab li.on { padding: 0 0 14px; border-bottom: 6px solid #7328a5; position: relative; } 
.fesL #section2 .tab li.on:after { display: none; position: absolute; bottom: 0; left: calc(50% - 2.5px); width: 5px; height: 5px; background-color: #3b53a1; content: ''; border-radius: 50%; } 
.fesL #section2 .tab li button { font-size: 18px; font-weight: 400; } 
.fesL #section2 .tab_con { padding: 5% 0; } 
.fesL #section2 .tab_con div.vTab01 { background: #fff; text-align: center; } 
.fesL #section2 .tab_con p.vTab01 { padding: 38px 0; clear: both; line-height: 1.5em; color: #222; text-align: left; } 
.fesL #section2 .tab_con div.vTab01 { display: none; } 
.fesL #section2 .tab_con div.vTab02 { display: none; } 
.fesL #section2 .tab_con div.vTab03 { display: none; } 
.fesL #section2 .tab_con div.vTab04 { display: none; } 
.fesL #section2 .tab_con div.vTab05 { display: none; } 
.fesL #section2 .tab_con div.vTab06 { display: none; } 
/* flex */
.flex_box { display: flex; flex-wrap: wrap; } 
.tripvideo .flex_box li { width: 100%; background-color: #040307; } 
.tripvideo ul.flex_box:not(.videogrid1) li video { height: 100%; } 
.tripvideo ul.flex_box li video { width: 100% !important; } 
.flex_box>li,
.flex_box>dl,
.flex_box>div { flex-shrink: 0; margin-bottom: 10px; } 
.flex_box .img_box+span { margin-top: 10px; } 
.flex_box.btween { justify-content: space-between; flex-wrap: wrap; } 
.flex_box img { display: block; width: 100%; height: 100%; } 
.flex_box.li2>li { max-width: calc(50% - 5px); } 
.flex_box.li3>li { max-width: calc(33.33% - 5px); } 
.flex_box.li4>li { max-width: calc(25% - 5px); } 
.flex_box.margin li { margin-right: 7px; margin-bottom: 7px; } 
.videogrid1 { width: 100%; } 
@media all and (max-width: 900px){
 .fesL #section2 { margin-top: 1%; } 
 .fesL #section2 .tab_wrap { padding: 0 5%; } 
 .fesL #section2 .tab li { padding: 10px 0; width: 33.33%; } 
 .fesL #section2 .tab li.on { padding: 10px 0 6px; border-width: 4px; } 
 .fesL #section2 .tab li button { font-size: 16px; font-weight: 400; } 
 }
@media all and (max-width: 600px){
 .fesL #section2 { margin-top: 3%; } 
 .flex_box.li4>li,
 .flex_box.li4>dl,
 .flex_box.li4>div,
 .flex_box.li3>li,
 .flex_box.li3>dl,
 .flex_box.li3>div { margin-bottom: 10px; min-width: calc(50% - 5px); } 
 #section1 .mainSlider>img { width: 100%; } 
 .flex_box.li3>li { min-width: 100%; } 
 .fesL #section2 .tab_con { padding: 5%; } 
 .fesL #section2 .tab_con div.vTab05 { } 
 }
@media all and (max-width: 450px){
 .flex_box.li4>li,
 .flex_box.li4>dl,
 .flex_box.li4>div,
 .flex_box.li3>li,
 .flex_box.li3>dl,
 .flex_box.li3>div,
 .flex_box.li2>li,
 .flex_box.li2>dl,
 .flex_box.li2>div,
 .flex_box.li2 img { margin-bottom: 5px; min-width: 100%; } 
 .tripvideo ul:not(.videogrid1) li video { padding-top: 0; } 
 }
.fesL #section2 .tag { margin-top: 5%; } 
.fesL #section2 .tag .taglist { margin-bottom: -5px; } 
.fesL #section2 .tag .taglist:after { clear: both; content: ''; } 
.fesL #section2 .taglist ul { overflow: hidden; } 
.fesL #section2 .taglist li { margin-right: 5px; margin-bottom: 5px; padding: 2px; border: 1px solid #dde7ee; float: left; color: #868686; border-radius: 20px; } 
.fesL #section2 .taglist li:hover { padding: 0; border: 3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #00beff 0%, #7328a5 100%); background-clip: content-box, border-box; background-origin: border-box; } 
.fesL #section2 .taglist li a { display: inline-block; padding: .2vw .7vw; font-size: calc(12px + 0.2vw); font-weight: 400; line-height: 1.4em; color: #333; } 
.pyeng .cont { text-align: left; } 
.boxing .cont { margin: 30px 0; font-size: 18px; font-size: calc(12px + 0.3vw); line-height: 1.8em; color: #666; text-align: left; word-break: keep-all; } 
.boxing .cont .mt { margin-top: 5%; } 
.boxing .cont .mb { margin-bottom: 5%; } 
.boxing .cont .br { margin-bottom: 2%; } 
.boxing .cont .list-tit { margin-bottom: 2%; font-size: 24px; font-size: calc(12px + 0.6vw); color: #222; } 
.boxing .cont .list-tit:before { display: inline-block; margin-right: 10px; width: 2px; height: calc(10px + 0.3vw); background-color: #38aed6; content: ''; } 
.boxing .cont .list-con { display: block; } 
.boxing .cont .list-con li { padding-left: 10px; font-size: 16px; font-size: calc(12px + 0.2vw); } 
.boxing .cont .list-con li:before { display: inline-block; margin-left: -10px; width: 10px; vertical-align: super; text-align: left; content: '.'; } 
.boxing .cont .list-con li span { color: #222; } 
@media all and (max-width: 900px){
 .fesL #section1 .pyeng { margin-top: 0; padding: 20px 5%; } 
 .fesL #section1 .pyeng li { padding-right: 0; font-size: 16px; } 
 .fesL #section1 .pyeng li:not(:last-child):after { padding-right: 10px; } 
 .fesL #section1 .pyeng li button { font-size: 16px; } 
 .fesL #section1 .pyeng .right a { font-size: 16px; } 
 .fesL #section1 .pyeng .right a:nth-child(1):after { margin-right: 10px; padding-right: 10px; } 
 .boxing .cont { font-size: 15px; } 
 }
@media all and (max-width: 600px){
 .fesL #section1 .pyeng { margin-top: 0; padding: 0; } 
 .fesL #section1 .mainSlider { border-radius: 0; } 
 .fesL #section1 .pyeng .left { display: none; } 
 .fesL #section1 .pyeng .right { width: 100%; } 
 .fesL #section1 .pyeng .right a:nth-child(1):after { display: none; } 
 .fesL #section1 .bottom { padding: 20px 0; } 
 .fesL #section1 .bottom .left { border-right: none; } 
 .fesL #section1 .bottom .right { margin-top: 0; padding: 0; } 
 .fesL #section2 .tab_wrap.mt { margin-top: 3%; } 
 .fesL #section2 .tab_con .revImgList img { margin: 0; width: 100%; } 
 .fesL #section2 .tag { flex-direction: column; padding: 0; } 
 .fesL #section2 .taglist li a { padding: 2px 10px; font-size: 13px; line-height: 18px; } 
 .fesL #section1 .bx-wrapper { height: 300px; } 
 .bx-controls { position: absolute; top: 0; width: 100%; height: 100%; } 
 .fesL #section1 .bx-wrapper { height: 168px; } 
 .fesL #section1 .bx-controls-direction { position: relative; top: 0; height: 100%; } 
 .fesL #section1 .bx-controls-direction a.bx-prev { top: calc(50% - 39px); width: 40px; height: 77px; background-size: 100%; } 
 .fesL #section1 .bx-controls-direction a.bx-next { top: calc(50% - 39px); width: 40px; height: 77px; background-size: 100%; } 
 .fesL #section2 .tab { margin-bottom: 0; padding: 0; } 
 .fesL #section2 .tab li { width: 33.33%; } 
 .fesL #section2 .tab li.on:after { display: none; } 
 .fesL #section2 .tab li button { font-size: 14px; } 
 .engWrap .fesL #section2 .tab li { margin: 0; padding: 2px 10px; width: 33.3%; height: 46px; font-size: 14px; line-height: 19px; word-break: break-word; word-wrap: break-word; } 
 .fesL #section2 .tab li.review { padding-left: 0; background-position: center; } 
 .fesL #section1 .pyeng .right { display: flex; align-items: center; } 
 .fesL #section1 .pyeng .right a { padding: 8px; border: 1px solid #e7eff2; width: 50%; font-size: 14px; text-align: center; } 
 .fesL #section1 .pyeng .right a:first-child { border-right: 0; } 
 .fesL #section1 .pyeng .right a.order1:before,
 .fesL #section1 .pyeng .right a.order1_on:before,
 .fesL #section1 .pyeng .right a.order2:before,
 .fesL #section1 .pyeng .right a.order2_on:before { margin-bottom: 0; } 
 .flex_box { display: block; } 
 .flex_box.li2>li { max-width: 100%; } 
 .boxing .cont { margin: 20px 0; font-size: 14px; line-height: 1.4em; } 
 }
@media all and (max-width: 400px){
 .fesL #section2 .tab li button { font-size: 14px; } 
 }
/* tip */
.ggul { margin: 30px 0 0; overflow: hidden; } 
.ggul li { display: table; position: relative; width: calc(50% - 35px) !important; float: left; background-color: #f4f8fb; } 
.ggul li img { display: inline; width: auto; } 
.ggul li .tipBox { display: table; width: 145px; height: 100%; float: left; vertical-align: middle; text-align: center; } 
.ggul li .tipBox span { display: block; padding-top: 20px; border-top: 1px solid #222; vertical-align: middle; } 
.ggul li .tipBox span em { display: block; padding: 5px 0 0; font-size: 14px; font-style: normal; font-weight: 600; color: #222; } 
.ggul li .tipCon { width: calc(100% - 145px); float: left; background-color: #fff; } 
.ggul li .tipCon p { padding: 18px 25px; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; min-width: 100%; height: 100%; min-height: 119px; float: left; font-weight: 700; line-height: 1.5em; color: #222; text-align: left; word-break: break-all; } 
.ggul li:after { display: block; position: absolute; bottom: 0; left: 0; width: 145px; height: 1px; background: #222; content: ''; } 
.gwan { position: relative; } 
.gwan .bx-controls-direction a { position: absolute; top: calc(50% - 27px); z-index: 99; width: 51px; height: 54px; background: url(/images/sub/view5btnR.png); } 
.gwan .bx-controls-direction a.bx-next { right: 0; } 
.gwan .bx-pager { display: none; } 
@media all and (max-width: 768px){
 .ggul li { width: 100% !important; float: none !important; } 
 .ggul li p br { display: none; } 
 .ggul li p { padding: 10px; } 
 .ggul li .tipBox { width: 25%; } 
 .ggul li .tipCon { width: calc(100% - 25%); } 
 .ggul li .tipCon p { padding: 10px 15px; font-size: 15px; font-weight: 500; } 
 .ggul li:after { width: 25%; } 
 .ggul li img { width: 56%; min-width: inherit !important; } 
 }
.fesL #section1 .festivalVi .bx-wrapper { height: auto; } 
.recomm_CourseTop { padding-bottom: 25px; width: 100%; clear: both; line-height: 25px; } 
.recomm_CourseTop:after { display: block; width: 100%; height: 1px; clear: both; content: ''; } 
.recomm_CourseTop>p.title { padding: 5px 0; width: 20%; float: left; background: url(/images/sub/icon-Recomm.png) 35px 0 no-repeat; font-size: 18px; font-weight: 600; color: #222; } 
.recomm_CourseTop>ul { float: left; text-align: left; } 
.recomm_CourseTop ul li { line-height: 25px; } 
.recommMap { margin-top: 30px; width: 100%; } 
.recommMap>.mapArea { width: 100%; min-height: 520px; background-color: #eee; } 
.recommCourse { margin: 20px 0; width: 100%; } 
.recommCourse ul li { padding: 5px 0 15px; width: 50%; float: left; } 
.recommCourse ul li .p_img { margin-right: 20px; width: 210px; height: 130px; float: left; } 
.recommCourse ul li .p_img img { width: 100%; max-width: 100%; } 
.recommCourse ul li .p_con { padding: 10px 0; overflow: hidden; width: 55%; float: left; line-height: 22px; text-align: left; text-overflow: ellipsis; } 
.recommCourse ul li .p_con .rec-title { font-size: 17px; font-weight: 600; color: #222; } 
.recommCourse ul li .p_con .rec-title .num { display: inline-block; margin-right: 10px; width: 22px; height: 22px; background-color: #195eee; font-size: 14px; line-height: 22px; color: #fff; text-align: center; border-radius: 50%; } 
.recommCourse ul li .p_con .rec-text { margin-top: 8px; overflow: hidden; height: 43px; font-size: 15px; color: #222; } 
.recommCourse ul li .p_con .rec-tag { padding-top: 5px; font-size: 15px; color: #888; } 
@media all and (max-width: 768px){
 .recomm_CourseTop>p.title { padding: 10px 10px 15px 50px; width: 100%; background-position: 0 0; text-align: left; } 
 .recommCourse ul li .p_img { width: 93%; height: auto; } 
 .recommCourse ul li .p_img img { width: 100%; } 
 .recommCourse ul li .p_con { width: 93%; } 
 .recommCourse ul li .p_con .rec-text { display: -webkit-box; overflow: hidden; height: 43px; font-size: 14px; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
 .recommCourse ul li .p_con .rec-tag { font-size: 13px; line-height: 18px; } 
 }
/* mytrip */
#mytrip .selection { overflow: hidden; } 
#mytrip .selection>.left { margin-right: 30px; border: 1px solid #d5e3e8; width: 360px; } 
#mytrip .selection>.right { width: calc(100% - 390px); } 
#mytrip .selection .tabs { overflow: hidden; } 
#mytrip .selection .tabs li { padding: 15px 0; border-right: 1px solid #d5e3e8; width: 33.3333333%; float: left; background-color: #f2f7f9; font-size: 15px; text-align: center; cursor: pointer; } 
#mytrip .selection .tabs li a { color: #000; } 
#mytrip .selection .tabs li:last-child { border-right: 0; } 
#mytrip .selection .tabs li.active { background-color: #0077cb; color: #fff; } 
#mytrip .selection .tabs li.active a { color: #fff; } 
#mytrip .selection .tab_content .top { padding: 25px 10px 15px; position: relative; } 
#mytrip .selection .tab_content .top input { height: 40px; border-radius: 50px; } 
#mytrip .selection .tab_content .top a { padding: 8px 5px; position: absolute; top: 30px; right: 16px; width: 60px; background-color: #535353; font-size: 15px; color: #fff; text-align: center; border-radius: 50px; } 
#mytrip .selection .tab_content .bottom { padding: 15px; } 
#mytrip .selection .tab_content .bottom .sec { margin-bottom: 25px; padding: 10px 0; padding-top: 0; border-bottom: 1px solid #d5e3e8; overflow: hidden; text-align: center; } 
#mytrip .selection .tab_content .bottom .sec li { display: inline-block; width: 50px; } 
#mytrip .selection .tab_content .bottom .sec li.on a { font-weight: 500; color: #0077cb; } 
#mytrip .selection .tab_content .bottom .sec li:last-child { width: 80px; } 
#mytrip .selection .tab_content .bottom .list { overflow: hidden; cursor: pointer; } 
#mytrip .selection .tab_content .bottom .list dt { margin-right: 15px; margin-bottom: 23px; width: 130px; height: 80px; float: left; } 
#mytrip .selection .tab_content .bottom .list dd { margin-bottom: 23px; padding: 5px 0; width: calc(100% - 145px); height: 80px; float: left; } 
#mytrip .selection .tab_content .bottom .list dd .tit { margin-bottom: 5px; font-size: 16px; font-weight: 700; color: #222; } 
#mytrip .selection .tab_content .bottom .list dd .km { margin: 9px 0; color: #959cac; } 
#mytrip .selection .tab_content .bottom .list dd .btn a { display: inline-block; margin-right: 5px; padding: 4px 0; border: 1px solid #d2d2d2; width: calc(50% - 6px); font-size: 15px; color: #464646; text-align: center; } 
#mytrip .selection .tab_content .bottom .list dd .btn a.order1 { margin-right: 0; border: 1px solid #353535; line-height: 16px; color: #333; transition: .3s; } 
#mytrip .selection .tab_content .bottom .list dd .btn a.order1:hover { background-color: #353535; color: #fff; } 
#mytrip .selection .tab_content .bottom .list dd .btn a.order2 { margin-right: 0; border: 1px solid #f83260; height: 26px; line-height: 16px; color: #f83260; } 
#mytrip .selection .tab_content .bottom .list dd .btn a.order2:hover { height: 26px; background-color: #ffd0d8; font-weight: 600; } 
#mytrip .selection>.right .top { margin-bottom: 25px; font-size: 20px; font-weight: 700; color: #222; text-align: center; } 
#mytrip .selection>.right .top p { display: inline-block; line-height: 34px; } 
#mytrip .selection>.right .top a { float: right; } 
#mytrip .selection>.right .top a.next { float: left; } 
#mytrip .selection>.right .bottom { border-bottom: 0; } 
#mytrip .selection>.right .bottom table th { padding: 15px 0; border: 1px solid #d5e3e8; background-color: #f2f7f9; font-weight: 500; color: #535353; } 
#mytrip .selection>.right .bottom table td { padding: 0 10px; border-bottom: 1px solid #d5e3e8; border-right: 1px solid #d5e3e8; height: 46px !important; text-align: center; } 
#mytrip .selection>.right .bottom>.left { border-left: 1px solid #d5e3e8; width: 100px; } 
#mytrip .selection>.right .bottom>.right { width: calc(100% - 100px); } 
#mytrip .selection>.right .bottom table th span { display: inline-block; margin-right: 10px; font-weight: 700; color: #0077cb; } 
#mytrip .selection>.right .bottom table th b { font-weight: 700; } 
#mytrip .selection>.right .bottom table td div { margin: 0 auto; border: 1px solid #797e8a; width: 96%; height: 43px; font-size: 15px; font-weight: 700; line-height: 32px; text-align: left; } 
#mytrip .selection>.right .bottom table td div .num { display: inline-block; margin-right: 10px; width: 42px; height: 42px; background-color: #797e8a; line-height: 42px; color: #fff; text-align: center; } 
#mytrip .selection>.right .bottom table td div .close { display: inline-block; margin-right: 10px; float: right; line-height: 42px; color: #888; } 
#mytrip .selection>.right .bottom table td .trip { cursor: pointer; } 
/*.on*/
#mytrip .selection>.right .bottom table.on th { padding: 14px 0 15px; border: 1px solid #0077cb; background-color: #cfdbf2; } 
#mytrip .selection>.right .bottom table.on td { background-color: #f3f3f3; } 
#mytrip .selection>.right .bottom table.on td div { border: 1px solid #1442a1; background-color: #f3f3f3; } 
#mytrip .selection>.right .bottom table.on td div .num { background-color: #1442a1; } 
@media all and (max-width:750px){
 #mytrip .selection>.right .top { margin-top: 30px; margin-bottom: 25px; position: relative; } 
 #mytrip .selection .tab_content .bottom { padding-bottom: 30px; overflow-y: scroll; height: 300px; } 
 #mytrip .selection>.right .bottom>.left { width: 100px !important; float: left !important; } 
 #mytrip .selection>.right .bottom>.right { overflow: hidden; overflow-x: scroll; width: calc(100% - 100px) !important; float: left !important; clear: inherit; } 
 #mytrip .selection>.right .bottom>.right table { width: 50% !important; float: left !important; clear: initial; } 
 #mytrip .selection>.right .bottom table.on td div .tit { display: inline-block; width: 58%; white-space: nowrap; } 
 #mytrip .selection>.right .bottom>.right .boxing { width: 800px; } 
 /* mobile scrollbar */
 #mytrip .selection .tab_content .bottom::-webkit-scrollbar { -webkit-appearance: none; } 
 #mytrip .selection .tab_content .bottom::-webkit-scrollbar:vertical { width: 12px; } 
 #mytrip .selection .tab_content .bottom::-webkit-scrollbar:horizontal { height: 12px; } 
 #mytrip .selection .tab_content .bottom::-webkit-scrollbar-thumb { border: 2px solid #fff; background-color: rgba(0, 0, 0, .5); border-radius: 10px; } 
 #mytrip .selection .tab_content .bottom::-webkit-scrollbar-track { background-color: #fff; border-radius: 10px; } 
 }
/*sector_box*/
.sector_box { padding-top: 5%; position: relative; clear: both; } 
.sector_box .contents_box .cont_box { margin-bottom: 1%; padding-top: unset; width: 24.25%; float: left; text-align: initial; } 
.sector_box .contents_box .cont_box a { display: block; position: relative; font-size: 15px; font-weight: 400; line-height: 17px; color: #363636; } 
.sector_box .contents_box .cont_box:not(:nth-child(4n)) { margin-right: 1%; } 
.sector_box .contents_box .cont_box.slick-current a:before { display: none; } 
.sector_box .contents_box .cont_box a:hover,
.sector_box .contents_box .cont_box a:hover .cont { color: #363636; } 
.sector_box .contents_box .cont_box .img_box { display: block; border: 1px solid #dde7ee; overflow: hidden; border-radius: 10px; } 
.sector_box .contents_box .cont_box .img_box img { width: 100%; height: 170px; } 
.sector_box .contents_box .cont_box .cont { display: block; margin: 0; padding-top: 10px; overflow: hidden; font-size: 16px; font-weight: 400; line-height: 24px; text-align: center; white-space: nowrap; text-overflow: ellipsis; } 
.sector_box .contents_box .cont_box .cont img { display: none; margin: 10px auto 0; width: 31px; } 
.sector_box .contents_box .cont_box .cont:hover img { display: block; } 
.sector_box .contents_box .slide_box { margin-bottom: -1%; overflow: hidden; } 
.sector_box .contents_box .slide_box:after { clear: both; content: ''; } 
.sector_box .contents_box .slick-arrow { display: inline-block; margin: -40px 0 0; padding: 0; border: none; overflow: hidden; position: absolute; top: 50%; z-index: 9; width: 50px; height: 80px; background-color: transparent; background-repeat: no-repeat; background-position: center center; color: transparent; cursor: pointer; } 
.sector_box .contents_box .slick-prev { left: 0; background-color: rgba(0, 0, 0, 0.4); background-image: url(/images/common/mainv_leftRollBtn.png); } 
.sector_box .contents_box .slick-next { right: 10px; background-color: rgba(0, 0, 0, 0.4); background-image: url(/images/common/mainv_rightRollBtn.png); } 
.sector_box .contents_box .slick-prev:hover { background-color: rgba(0, 0, 0, 0.6); background-image: url(/images/common/mainv_leftRollBtn.png); } 
.sector_box .contents_box .slick-next:hover { background-color: rgba(0, 0, 0, 0.6); background-image: url(/images/common/mainv_rightRollBtn.png); } 
.sector_box .contents_box .slick-list { overflow: hidden; position: relative; } 
.sector_box .contents_box .slick-track { position: relative; } 
.sector_box .contents_box .slick-dots { display: none !important; } 
@media all and (max-width:1200px){
 .sector_box h2 { width: 200px; } 
 #nav #naviSNS { right: 8px; } 
 #nav #naviSNS:before { right: 8px; } 
 }
@media all and (max-width:1000px){
 .sector_box h2 { width: 160px; } 
 .sector_box .contents_box .cont_box { width: 49%; } 
 .sector_box .contents_box .cont_box:not(:nth-child(4n)) { margin-right: 2%; } 
 .sector_box .contents_box .cont_box:nth-child(2n) { margin-right: 0; } 
 .sector_box .contents_box .cont_box .cont { padding-bottom: 10px; } 
 }
@media all and (max-width:800px){
 .sector_box h2 { position: relative; width: 100%; text-align: center; } 
 .sector_box h2:after { display: none; } 
 .sector_box h2 span,
 .sector_box h2 strong { display: inline-block; vertical-align: middle; } 
 }
@media all and (max-width:600px){
 .sector_box .tit_con br { display: none; } 
 .sector_box .contents_box .slide_box { margin-bottom: -2%; } 
 .sector_box .contents_box .cont_box { margin-bottom: 2%; } 
 .sector_box .contents_box .cont_box .cont { font-size: 14px; line-height: 17px; } 
 .sector_box .sector { flex-direction: column; } 
 }
/* recommend_box */
.recommend_box:after { display: block; width: 100%; height: 1px; clear: both; content: ''; } 
.recommend_box .title { margin: 20px 0; font-size: 21px; font-size: 25px; font-weight: 600; font-weight: 500; color: #1442a1; text-align: left; } 
.recommend_box .contents_box { margin-top: 30px; } 
.recommend_box .contents_box .cont_box { margin-right: 3%; margin-bottom: 2%; width: 100%; min-height: 117px; float: left; } 
.recommend_box .contents_box .cont_box:nth-child(2n) { margin-right: 0; } 
.recommend_box .contents_box .cont_box .img_box { display: inline-block; margin-right: 20px; overflow: hidden; width: 150px; height: 100px; float: left; } 
.recommend_box .contents_box .cont_box .img_box img { width: 100%; } 
.recommend_box .contents_box .cont_box .cont { margin: 0; width: calc(100% - 171px); float: left; vertical-align: top; } 
.recommend_box .contents_box .cont_box .cont a { display: block; margin-bottom: 10px; font-size: 18px; font-weight: 600; color: #222; } 
.recommend_box .contents_box .cont_box .cont .num { display: inline-block; margin-right: 7px; width: 25px; height: 25px; background: #0593d2; font-size: 15px; line-height: 25px; color: #fff; text-align: center; border-radius: 50%; } 
.recommend_box .contents_box .cont_box .cont .text { display: -webkit-box; margin-bottom: 5px; overflow: hidden; height: 40px; font-size: 15px; line-height: 20px; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.recommend_box .contents_box .cont_box .cont p.tag em { display: inline-block; padding: 3px; font-size: 14px; font-style: normal; line-height: 15px; color: #aaa; } 
.recommend_box .contents_box .cont_box .cont p.tag { display: -webkit-box; overflow: hidden; height: 20px; line-height: 1.2; text-align: left; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
@media all and (max-width:640px){
 .recommend_box .contents_box .cont_box { width: 100%; } 
 .recommend_box .contents_box .cont_box .img_box { width: 100%; } 
 .recommend_box .contents_box .cont_box .cont { margin-top: 10px; width: 100%; } 
 }
/* content:146*/
.board-headInfo.style1:after,
.board-headInfo.style1:before { display: none; } 
.board-headInfo.style1 h5 { display: block; margin-bottom: 20px; width: 100%; } 
.board-headInfo.style1 p { display: block !important; width: 100%; } 
.board-headInfo.style2 { padding: 30px 40px; min-height: 200px; background-color: #eff4fa; } 
.board-headInfo.style2:after,
.board-headInfo.style1:before { display: none; } 
.board-headInfo.style2 h5 { display: block; margin-bottom: 20px; width: 100%; } 
.board-headInfo.style2 p { display: block !important; width: 100%; } 
h5.h5 { margin-bottom: 20px; padding-left: 15px; background: url(/images/sub/h5dot.png) 0 center no-repeat; font-size: 20px; color: #222; } 
.board-headInfo.style1 h5 { padding-left: 0; background-image: none; } 
.h5cont { margin-bottom: 30px; line-height: 1.8em; color: #555; } 
table .boxing { margin-top: 20px; padding: 20px 50px; } 
.border { border-radius: 35px; } 
.blue { background-color: #eff5ff !important; } 
.boxing.border.blue { margin-top: 20px; padding: 10px 50px; height: 50px; } 
/* tip */
.guidebook { overflow: hidden; display: flex; justify-content: start; flex-wrap: wrap;} 
.guidebook li { margin: 10px 13px 0 0;border: 1px solid #d5e3e8;position: relative;width: calc(25% - 10px);height: auto;box-sizing: border-box;} 
.guidebook li:nth-child(4n) { margin-right: 0; } 
.guidebook li span { display: block; overflow: hidden; height: 330px; } 
.guidebook li img { margin-top: -1px; margin-left: -1px; width: 100%; } 
.guidebook li .cont { padding: 20px; width: 100%; text-align: center; } 
.guidebook li .cont h3 { display: block; margin-bottom: 15px; width: 100%; font-size: 16px; font-weight: 500; } 
.guidebook li .cont .btn {display: inline-block;margin: 0 auto;padding: 10px 25px;border: 1px solid #404b5c;background: #fff;color: #222;text-align: center;margin: 0 3px 5px;width: 100%;max-width: 175px;} 
.guidebook li .cont .btn:hover { border: 1px solid #fff; background: #0077cb; color: #fff; transition: .3s; } 

/* youtube */
.yt-movie { overflow: hidden; } 
.yt-movie li { margin: 0 20px 20px 0; border: 1px solid #d5e3e8; position: relative; width: calc(25% - 15px); height: 300px; float: left; box-sizing: border-box; } 
.yt-movie li a { display: block; } 
.yt-movie li .ytImg { display: block; height: 160px; transition: .3s; } 
.yt-movie li .ytImg:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 180px; background: url(/images/main/m_ic_video.png) no-repeat center center; content: ''; } 
.yt-movie li img { width: 100%; height: 160px; } 
.yt-movie li:nth-child(4n) { margin-right: 0; } 
.yt-movie li .cont { padding: 10px 20px; background-color: #fff; text-align: center; } 
.yt-movie li:hover .ytImg img { height: 100%; } 
.yt-movie li:hover .cont { padding-bottom: 0; } 
.yt-movie li:hover .cont a.newW { border: 1px solid #255bc9; background: #255bc9; color: #fff; } 
.yt-movie li .cont .tit { display: -webkit-box; padding: 8px 0; overflow: hidden; height: 84px; font-size: 17px; line-height: 24px; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 
.yt-movie li .cont .tit>a { display: block; font-weight: 600; color: #222; } 
.yt-movie li .cont a.newW { display: inline-block; margin: 8px 0 0; padding: 9px; border: 1px solid #474747; font-size: 14px; font-weight: 600; text-align: center; transition: .3s; } 
@media all and (max-width:900px){
 .guidebook li { margin-right: 10px; width: calc(50% - 5px); } 
 .guidebook li:nth-child(2n) { margin-right: 0; } 
 }
@media all and (max-width:650px){
 .yt-movie li { margin: 0 1% 2%; width: 48%; height: 180px; } 
 .yt-movie li .ytImg { overflow: hidden; height: 104px; } 
 .yt-movie li img { height: 100%; } 
 .yt-movie li .cont { padding: 5px 10px; } 
 .guidebook li { margin-right: 0; margin-bottom: 20px; width: 100%; float: none; } 
 .yt-movie li .ytImg:after { height: 110px; } 
 .yt-movie li .cont .tit { height: 56px; -webkit-line-clamp: 2; } 
 }
.individual_list { margin-bottom: 40px; position: relative; width: 100%; float: left; } 
.individual_list li { margin-right: 20px; width: 130px; float: left; font-size: 11px; text-align: center; } 
.individual_list li p { padding-top: 10px; width: 130px; font-weight: 700; text-align: center; } 
.individual_list li.li02 { width: 302px; } 
.individual_list li.li02 p { width: 302PX; line-height: 1.5em; text-align: center; } 
.s_text li { margin-right: 25px; float: left; } 
.s_text li:first-child { font-weight: 700; color: #222; } 
.table { position: relative; } 
.table th,
.table td { padding: 10px 20px; vertical-align: unset !important; } 
.table.schT td { line-height: 22px; } 
.table tr { border-bottom: 1px solid #d5e3e8; } 
.table tr:first-child th,
.table tr:first-child td { border-top: 1px solid #d5e3e8; } 
.table .adress input { display: inline-block; margin-bottom: 15px; width: 70%; } 
.table .adress a { display: inline-block; padding: 0 7px; height: 27px; vertical-align: top; background-color: #909090; font-size: .9em; line-height: 27px; color: #fff; } 
.table .point { display: inline-block; padding-left: 5px; font-size: .9em; color: red; } 
.table.style3 { margin-bottom: 30px; } 
.table.style3 th { padding: 15px 30px; border-right: 0; } 
.table.style3 td { text-align: center; } 
.table.style3 tr:nth-child(2n) td { border-right: 0; background-color: #eef5f8; } 
.individual_box02 { padding: 30px; border: 1px solid #dbe4e8; overflow: hidden; overflow-y: scroll; height: 350px; font-size: .9em; line-height: 1.5em; } 
.agree_box { font-size: 14px; font-weight: 600; } 
.agree_box>input#agree { margin-bottom: 3px; } 
.selecting { margin-top: 5px; } 
.selecting li { height: 39px; } 
.selecting .boxing { margin-top: 0; padding: 0; } 
.selecting .left { width: 120px; } 
.selecting .right { width: calc(100% - 130px); } 
.selecting .right input { margin-right: 10px; } 
.selecting.style1 li { margin-bottom: 10px; padding-left: 10px; position: relative; line-height: 40px; } 
.selecting.style1 li:before { position: absolute; top: -3px; left: 0; font-weight: 700; color: #195a9f; content: '.'; } 
@media all and (max-width:650px){
 .table colgroup { display: none; } 
 .table th { padding: 5px; width: 46px; font-size: 14px; line-height: 22px; } 
 .table td { padding: 5px; font-size: 14px; } 
 .table td .tripTit { padding: 5px; height: 35px; } 
 .table td .hasDatepicker { padding: 3px 5px; width: 120px !important; height: 35px; text-align: left; } 
 .table td .tagInput { padding: 5px; width: 96px !important; float: left; font-size: 14px; } 
 .table td #um_mcpc_seq { padding: 5px 3px; width: 100px; height: 35px; font-size: 14px; } 
 .table td .tripGroup { padding: 5px; height: 35px; font-size: 14px; } 
 .table td .tripopen { padding: 5px; height: 35px; font-size: 14px; } 
 .table td .revPop-tagBtn { padding: 0; width: 58px; float: left; } 
 .table td .revPop-tagBtn .rev-basic { padding: 9px 5px; font-size: 13px; } 
 }
/*introduce */
.introduce { margin-bottom: 5%; padding-top: 2%; border-top: 1px solid #d5e3e8; } 
.introduce .left { margin-left: 5%; width: 30%; } 
.introduce .right { margin-right: 5%; margin-left: 5%; width: 55%; } 
.introduce .imgWrap { display: block; overflow: hidden; max-height: 325px; text-align: center; } 
.introduce .imgWrap img { width: 100%; height: 100%; } 
.introduce .right h3 { font-size: 25px; font-weight: 400; color: #222; } 
.introduce .right .cont { margin: 0; margin-top: 20px; font-size: 16px; line-height: 2em; } 
.introduce .right .cont li { display: flex; } 
.introduce .right .cont li:not(:last-child) { margin-bottom: 1%; } 
/* .introduce .right .cont span { background-color: #f8fbfd; width:102px; display:inline-block; text-align:center; color: #222; font-size:.95em; border-radius:5px; margin-right:10px; font-weight: 500; flex-shrink: 0; border: 1px solid #D5E3E7; } 2023.11.15 */
.introduce .right .cont span { /* background-color: #f8fbfd; */
 display: inline-block; flex-shrink: 0; /*border: 1px solid #D5E3E7; */
 margin-right: 10px; width: 102px; font-size: calc(12px + 0.3vw); font-weight: 500; /*border-radius:5px; */
 font-weight: 500; color: #000; text-align: left; } 
.introduce .both { padding-top: 2%; } 
.introduce .both p { margin-bottom: 5%; padding: 25px 40px; border-top: 1px solid #d5e3e8; line-height: 28px; letter-spacing: -.5px; } 
.introduce .btnWrap { margin-top: 15px !important; margin-bottom: 15px; float: right; } 
@media all and (max-width:900px){
 .introduce .left { margin-left: unset; padding: 0 5%; width: 100%; } 
 .introduce .right { margin-top: 3%; margin-right: unset; margin-left: unset; padding: 0 5%; width: 100%; } 
 }
@media all and (max-width:600px){
 .introduce .left { padding: unset; } 
 .introduce .right { padding: unset; } 
 .introduce .right h3 { font-size: 20px; } 
 .introduce .both p { margin-top: 0; padding: 5% 0; } 
 .introduce .both { padding-top: 0; } 
 .selecting { width: 90%; } 
 }
.boardType { display: block; margin: 3% 0; overflow: hidden; } 
.boardType li { margin-right: 15px; margin-bottom: 15px; border: 1px solid #d5e3e8; width: calc(25% - 14px); float: left; text-align: center; } 
.boardType li:nth-child(4n) { margin-right: 0; } 
.boardType li .imgWrap { display: block; overflow: hidden; height: 180px; } 
.boardType li img { width: 100%; } 
.boardType .cont { padding: 20px 10px; border-top: 0; min-height: 134px; } 
.boardType .cont .tit { padding: 0 15px 10px; overflow: hidden; position: relative; font-size: 17px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; } 
.boardType .cont .tit:after { display: block; position: absolute; bottom: 0; background-color: #d0d0d0; content: ''; } 
.boardType .cont p { font-size: 15px; line-height: 1.5em; color: #777; word-break: keep-all; word-wrap: break-word; } 
.boardType.tourIn .cont p span.add { display: block; padding: 0 10px; overflow: hidden; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; } 
.tripA .boardType .cont { padding: 9% 8%; min-height: 145px; } 
.tripA .boardType .cont p { margin-top: 10px; font-size: 14px; } 
.tripA .boardType .cont .tit,
.tripA .boardType .cont .G-add { padding: 0; overflow: hidden; height: 20px; white-space: nowrap; text-overflow: ellipsis; } 
.tripA .boardType .cont span.G-add,
.tripA .boardType .cont span.G-tel,
.tripA .boardType .cont span.G-lng { display: block; } 
.boardType.culList li { height: 320px; min-height: 320px; } 
.culViewList li { margin-bottom: 10px; padding-left: 115px; position: relative; } 
.introduce .right .cont.culViewList span { position: absolute; left: 0; } 
.boardType.culList.a_custom li>a { display: block; } 
@media all and (max-width:900px){
 .boardType.culList li { width: calc(50% - 10px); } 
 .boardType.culList li:nth-child(2n) { margin-right: 0; } 
 }
@media all and (max-width:650px){
 .boardType li { margin-right: 0; margin-bottom: 20px; width: 100%; float: none; } 
 .boardType .cont { min-height: 110px; } 
 .boardType.culList li { width: 100%; height: auto; min-height: 280px; } 
 .introduce .right .cont.culViewList span { width: 90px; } 
 .culViewList li { padding-left: 100px; } 
 }
/* introduce_people */
.table th.title { padding: 17px 0; border-top: 2px solid #225896; border-bottom: 1px solid #dbe4e8; } 
.table th.title h5 { display: inline-block; margin: 0 auto; background: url(/images/sub/h5dotB.png) no-repeat; } 
*/
/* nak */
.listStyle { overflow: hidden; } 
.listStyle>li:not(.warning) { padding-left: 10px; position: relative; line-height: 1.5em; } 
.listStyle>li:not(.warning):before { position: absolute; top: -5px; left: 0; font-size: 20px; font-weight: 700; color: #185aa2; content: '.'; } 
.listStyle>li.warning { margin-top: 10px; padding-left: 39px; position: relative; font-size: .95em; line-height: 1.5em; color: #777; } 
.listStyle>li.warning:before { position: absolute; top: 4px; left: 10px; width: 20px; height: 20px; background-color: #c10a0a; font-size: 14px; font-weight: 700; line-height: 20px; color: #fff; text-align: center; content: '!'; border-radius: 50%; } 
.listStyle>li.warning ul li:first-child { font-weight: 700; } 
.schwrap { margin: 0 0 30px; position: relative; } 
.schlst { margin: 0; border: 1px solid #d4d4d4; overflow: hidden; position: relative; width: 100%; } 
.schlst:after { display: block; clear: both; visibility: hidden; content: ""; } 
.schlst:before { display: block; position: absolute; top: 0; left: 50%; height: 100%; content: ""; } 
.schlst .lcon,
.schlst .rcon { margin-left: 0; padding: 30px; border: 0; position: relative; width: 100%; } 
.schlst .lcon { border-bottom: 1px solid #ddd; background: #fff; border-radius: 5px 0 0 0; } 
.schlst .lcon h2 { margin: 35px 0 10px; padding-top: 10px; font-size: 20px; line-height: 24px; color: #222; } 
.schlst .lcon .left span { display: inline-block; font-size: 15px; line-height: 25px; } 
.schlst .lcon span.rest:before { display: inline-block; margin: 0 auto; width: 30px; height: 30px; vertical-align: middle; background: url(/images/sub/edu_icon02.png) no-repeat; background-size: 100%; content: ""; } 
.schlst .lcon table span.rest:before { display: block; } 
.schlst .lcon span.educationday:before { display: inline-block; margin-top: -3px; width: 30px; height: 30px; vertical-align: middle; background: url(/images/sub/edu_icon03.png) no-repeat; background-size: 100%; content: ""; } 
.schlst .lcon table span.rest:before { display: block; } 
.schlst .left .rest { margin-right: 25px; } 
.schlst .left .ico-text:before { display: inline-block; margin-right: 7px; margin-bottom: 0; width: 10px; height: 10px; background: #1442a1; content: ''; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transfrom: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.schlst .txt_box p.tit { margin: 40px 0 10px; font-size: 20px; font-weight: 500; color: #2c2c2c; } 
.schlst .txt_box p { font-size: 15px; color: #5d5d5d; } 
.ctrmm { margin: 8px auto 20px; padding: 0; position: relative; width: 100%; height: 32px; } 
.schlst .lcon p strong { position: absolute; top: 0; left: 0; width: 100%; font-size: 24px; font-weight: 700; line-height: 30px; color: #111; text-align: center; } 
.ctrmm .arrow a { display: block; overflow: hidden; position: relative; width: 32px; height: 34px; float: left; background: url(/images/sub/mytrip02.jpg) no-repeat; font-size: 0; line-height: 0; } 
.ctrmm .prev a { background-position: 0 0; } 
.ctrmm .next { float: right; } 
.ctrmm .next a { background: url(/images/sub/mytrip03.jpg) no-repeat; } 
.schcal_tbl { margin: 20px 0; width: 100%; } 
.schcal_tbl th { padding: 12px 6px; border-top: 1px solid #434547; border-bottom: 1px solid #a2a2a2; border-right: 0; vertical-align: middle; font-weight: 700; line-height: 1.5em; } 
.schcal_tbl td { border-bottom: 1px solid #dfdfdf; border-right: 0; position: relative; height: 88px; vertical-align: bottom; line-height: 1.5em; color: #666; } 
.schcal_tbl td.sat,
.schcal_tbl td.sat a { color: #1473b5; } 
.schcal_tbl td:first-child:before { display: none; } 
.schcal_tbl td:before { display: block; border-left: 1px solid #dfdfdf; position: absolute; top: 0; left: 0; height: 88px; content: ""; } 
.schcal_tbl td:after { display: block; position: absolute; bottom: 0; left: 0; width: 100%; content: ""; } 
.schcal_tbl td.sun,
.schcal_tbl td.sun a,
.schcal_tbl td.spday,
.schcal_tbl td.spday a { color: #c30c0c; } 
.schcal_tbl td.select a { z-index: 99; background: #1f8bef; color: #fff; } 
.schcal_tbl td.off { background: #f5f2f2; font-size: 0; } 
.schcal_tbl td.itzy { overflow: hidden; position: relative; background: #f5f2f2; } 
.schcal_tbl td.itzy::after { display: block; position: absolute; top: -12px; left: -12px; width: 20px; height: 20px; background: #1442a1; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transfrom: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.schcal_tbl td.today a:after { display: Block; margin-top: 14px; margin-left: 10px; font-weight: 600; color: #1f8bef; content: 'today'; } 
.schcal_tbl td a { display: block; margin: 0; padding: 8px; position: absolute; top: 0; left: 0; font-size: 16px; } 
.schlst .lcon p { margin-bottom: 0; text-align: center; } 
.schlst .lcon .off p { margin-top: 11px; } 
.schcal_tbl td a span,
.schcal_tbl td a { display: block; width: 100%; height: 88px; line-height: 1; } 
.schcal_tbl td a .ov { color: #fff; } 
.schcal_tbl td .on { display: block; border: 4px solid #004993; position: absolute; bottom: 5px; left: 5px; width: 18px; height: 18px; font-size: 0; line-height: 0; border-radius: 100%; } 
.schcal_tbl td a .ov .on { border-color: #fff; } 
.schcal_tbl td .rest,
.schcal_tbl td .educationday { display: block; margin-bottom: 11px; font-size: 0; } 
.schlst .rcon h2 { margin: 0 0 15px; padding: 0; border-top: none; background: none; font-size: 19px; font-weight: 700; line-height: 24px; color: #222; } 
.schlst .rcon h2:before { display: inline-block; margin-right: 10px; position: static; width: 43px; height: 42px; vertical-align: middle; background: url(/images/sub/edu_icon04.png) no-repeat; content: ""; } 
.schlst .rcon h2.icon2:before { display: inline-block; margin-right: 10px; position: static; width: 42px; height: 42px; vertical-align: middle; background: url(/images/sub/icon_01.png) no-repeat; content: ""; } 
.schlst .rcon h2 em { display: block; font-weight: 700; } 
.schlst .rcon .schtx { position: relative; } 
.schlst .rcon .schtx .schtx_arrow { display: block; overflow: hidden; position: absolute; top: 0; right: 0; } 
.schlst .rcon .schtx .schtx_arrow .arrow_prev { display: block; width: 40px; height: 40px; float: left; background: url(/images/sub/edu_icon01.png) no-repeat; } 
.schlst .rcon .schtx .schtx_arrow .arrow_next { display: block; width: 40px; height: 40px; float: left; background: url(/images/sub/edu_icon01.png) no-repeat; } 
.schlst .rcon .schtx .schtx_arrow .arrow_prev { background-position: 0 0; font-size: 0; } 
.schlst .rcon .schtx .schtx_arrow .arrow_next { background-position: -40px 0; font-size: 0; } 
.schlst .rcon .schtx .schtx_txt { padding: 25px 0 0; border-top: 1px solid #434547; } 
.schlst .rcon .schtx .schtx_txt .table { border-top: 1px solid #dbe4e8; } 
.schlst .rcon .schtx .schtx_txt.schtx_txt_0705 { padding: 0 0 25px; border-top: none; } 
.schlst .rcon .schtx .schtx_txt.schtx_txt_0705 .txt_box { margin-top: 20px; padding-right: 80px; font-size: 15px; line-height: 1.5; color: #5d5d5d; } 
.schlst .rcon .schtx .schtx_txt .col { margin-bottom: 30px; border: 1px solid #fff; width: 100%; } 
.schlst .rcon .schtx .schtx_txt .col:after { display: block; clear: both; visibility: hidden; content: ""; } 
.schlst .rcon .schtx .schtx_txt a:hover .col,
.schlst .rcon .schtx .schtx_txt a:focus .col { border: 1px dashed #2055a4; } 
.schlst .rcon .schtx .schtx_txt .col .box_l { border: 1px solid #ddd; overflow: hidden; width: 25%; float: left; } 
.schlst .rcon .schtx .schtx_txt .col .box_l img { width: 100%; } 
.schlst .rcon .schtx .schtx_txt .col .box_r { padding-left: 40px; width: 75%; float: right; } 
.schlst .rcon .schtx .schtx_txt .col .box_r .in_top span { display: inline-block; margin-right: 10px; margin-bottom: 5px; padding: 8px 25px; color: #fff; } 
.schlst .rcon .schtx .schtx_txt .col .box_r .in_top span.on_1 { background: #ca9b27; } 
.schlst .rcon .schtx .schtx_txt .col .box_r .in_top span.on_2 { background: #2055a4; } 
.schlst .rcon .schtx .schtx_txt .col .box_r .in_top span.on_3 { border: 1px solid #ddd; background: #fff; color: #333; } 
.schlst .rcon .schtx .schtx_txt .col .box_r .in_top span.on_4 { background: #9d7653; } 
.schlst .rcon .schtx .schtx_txt .col .box_r .in_top span.on_5 { background: #3b3c3d; } 
.schlst .rcon .schtx .schtx_txt .col .box_r p.tit { margin: 0; padding: 10px 0 20px; font-size: 20px; font-weight: 700; color: #333; text-align: left; } 
.schlst .rcon .schtx .schtx_txt .col .box_r ul li { margin-bottom: 5px; overflow: hidden; width: 100%; vertical-align: middle; font-size: 15px; color: #333; white-space: nowrap; text-overflow: ellipsis; } 
.schlst .rcon .schtx .schtx_txt .col .box_r ul li span { display: inline-block; margin-right: 20px; position: relative; width: 55px; font-weight: 700; } 
.schlst .rcon .schtx .schtx_txt .col .box_r ul li span:after { position: absolute; right: 0; width: 1px; height: 15px; background: #aeaeae; content: ""; } 
.schlst .rcon .schtx .nosch { margin: 50px 0; font-size: 20px; line-height: 26px; color: #222; text-align: center; } 
.schlst .rcon .schtx .nosch em { display: block; font-weight: 700; color: #172641; } 
.schlst .lcon:before { display: none; } 
.schcal_tbl thead th { color: #222; text-align: center; } 
.schlst .rcon .schtx p { margin-top: 190px; padding-top: 60px; background: url(/images/sub/sub03/0302/sch_holiday2.png) no-repeat 50% 0; font-size: 20px; line-height: 24px; text-align: center; } 
.schlst .rcon .schtx a { font-weight: 600; } 
.sub_0705_tbl td .btn { padding: 5px 8px; font-size: 14px; } 
.peoplesub { font-size: .8em; font-weight: 500; color: #222; } 
.todayTitle { font-size: 20px; } 
@media all and (min-width:960px){
 .schlst .lcon { border: 0; width: 50%; float: left; } 
 .schlst .rcon { width: 50%; float: right; } 
 .schlst .rcon h2 { margin-bottom: 21px; } 
 .schlst:before { display: block; border-left: 1px solid #dcdcdc; position: absolute; top: 0; left: 50%; height: 100%; content: ""; } 
 .schlst .rcon .btn_wrap { margin-top: 40px; } 
 .schlst .rcon .schtx .nosch { margin-top: 230px; width: 100%; font-size: 28px; line-height: 36px; } 
 .schlst .rcon { margin-left: 0; } 
 }
@media all and (max-width:1359px){
 .schlst .rcon .schtx .schtx_txt .col .box_l { width: 35%; } 
 .schlst .rcon .schtx .schtx_txt .col .box_r { padding-left: 20px; width: 65%; } 
 }
@media all and (max-width:1000px){
 .schlst .lcon,
 .schlst .rcon { width: 100%; float: none; } 
 .schlst:before { display: none; } 
 .schlst .lcon { border-bottom: 1px solid #ddd; } 
 .locate-search .search { padding: 20px; } 
 .schlst .rcon .schtx p { margin-top: 10px; } 
 .schlst .rcon .schtx .schtx_txt .col .box_l { width: 25%; } 
 .schlst .rcon .schtx .schtx_txt .col .box_r { padding-left: 40px; width: 75%; } 
 }
@media all and (max-width:767px){
 .schlst .rcon .schtx .schtx_arrow { top: -50px; } 
 .schlst .lcon,
 .schlst .rcon { padding: 20px 10px; } 
 .schlst .rcon h2 { margin: 30px 0 15px; } 
 .schlst .rcon .schtx .schtx_txt ul li b { display: inline-block; margin-right: 5px; width: 60px; font-size: 13px; } 
 .schlst .rcon .tbl_basic.mobile_display thead th:first-child { display: none; } 
 .schlst .rcon .tbl_basic.mobile_display tbody td:first-child { display: none; } 
 .schlst .rcon .schtx .schtx_txt .col .box_l { width: 35%; } 
 .schlst .rcon .schtx .schtx_txt .col .box_r { padding-left: 20px; width: 65%; } 
 .schlst .rcon table.sub_0705_tbl thead th:first-child { display: none; } 
 .schlst .rcon table.sub_0705_tbl tbody td:first-child { display: none; } 
 }
@media all and (max-width:560px){
 .schlst .rcon .schtx .schtx_txt .col .box_l { margin-bottom: 10px; position: relative; width: 100%; height: 310px; float: none; } 
 .schlst .rcon .schtx .schtx_txt .col .box_l img { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%); } 
 .schlst .rcon .schtx .schtx_txt .col .box_r { padding-left: 0; width: 100%; float: none; } 
 }
/* sns login */
.login_sns { padding: 30px 0; } 
.login_sns li { margin: 7px 0; } 
.login_sns li a { display: block; margin: 0 auto; padding: 20px; position: relative; width: 280px; font-size: 20px; font-weight: 500; border-radius: 7px; } 
.login_sns li a.kakao { padding-left: 100px; background-color: #ffdf01; color: #47292b; } 
.login_sns li a.facebook { padding-left: 100px; background-color: #4367b1; color: #fff; } 
.login_sns li a.naver { padding-left: 100px; background-color: #059830; color: #fff; } 
.login_sns li a.google { padding-left: 100px; background-color: #de4837; color: #fff; } 
.login_sns li a.weibo { padding-left: 100px; background-color: #f87e01; color: #fff; } 
.login_sns li a.line { padding-left: 100px; background-color: #34a734; color: #fff; } 
.login_sns li a.line:before { display: inline-block; position: absolute; top: -2px; left: 40px; width: 50px; height: 50px; background-image: url(/images/common/sns-icon.png); content: ''; } 
.login_sns li a:before { display: inline-block; position: absolute; top: -2px; left: 40px; width: 50px; height: 50px; background-image: url(/images/common/sns-icon.png); content: ''; } 
.login_sns li a.kakao:before { background-position: -81px 0; } 
.login_sns li a.facebook:before { background-position: -5px 0; } 
.login_sns li a.line:before { background-position: -366px 0; } 
.login_sns li a.naver:before { background-position: -146px 0; } 
.login_sns li a.google:before { background-position: -220px 0; } 
.login_sns li a.weibo:before { background-position: -297px 0; } 
/* content-detail */
.shopWrap:after { display: block; clear: both; content: ''; } 
.shopWrap .col2 { display: inline-block; width: 50%; float: left; } 
.shopWrap .descript { margin: 10px 0; } 
.shopWrap strong { display: block; margin-top: 20px; font-size: 20px; font-weight: 600; } 
.shopWrap .shop_info { margin: 10px 0; padding: 10px 15px; } 
.shopWrap .shop_info li { padding: 3px 0; } 
.shopWrap .shop_info li:before { display: inline-block; margin: 0 7px 4px 0; width: 3px; height: 3px; background: #333; content: ''; } 
.shopWrap .shop_info li span { display: inline-block; width: 80px; font-weight: 600; } 
.shopWrap .shop_info li a { padding: 2px 0; position: relative; } 
.shopWrap .shop_info li a:before { display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333; content: ''; } 
.shopWrap .shop_info li a[target="_blank"]:after { display: inline-block; margin: 0 0 0 7px; width: 20px; height: 13px; background: url(http://www.haeundae.go.kr/user_res/images/common/btnSmall_linkTyp2_icon.png) no-repeat 0 0; content: ''; } 
a.link-style1 { display: inline-block; padding: 0; position: relative; } 
a.link-style1:before { display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #333; content: ''; } 
a.link-style1:after { display: inline-block; margin: 0 0 -2px 7px; width: 15px; height: 13px; background-image: url(http://www.haeundae.go.kr/user_res/images/common/btnSmall_linkTyp2_icon.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.cont a.link-style1 { font-size: calc(12px + 0.2vw); } 
a.link-style1:hover { color: #38aed6; } 
/* login */
.loginBox { margin: 0 auto; padding: 50px 0; width: 100%; } 
.h3-title { font-size: calc(13px + 1.1vw); text-align: center; letter-spacing: -2px; } 
.h4-title { font-size: 24px; } 
.h3-title strong { font-weight: 700; } 
.fld_comm { margin: 21px auto 39px; position: relative; width: 300px; } 
.screen_out { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } 
.box_inp { margin-bottom: 15px; position: relative; height: 46px; background-color: #fff; font-size: 15px; } 
.select-type1 { margin-top: 10px; padding: 0 10px; border: 1px solid #b4b4b4; position: relative; height: 46px; background: #fff url(../images/sel_arr.gif) 100% 50% no-repeat; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
select::-ms-expand { display: none; } 
.lab_g { padding: 16px 0 13px; position: absolute; top: 0; left: 0; font-size: 16px; color: #999; letter-spacing: -1px; text-indent: 15px; } 
.tf_g { display: block; padding: 12px 15px !important; border: 1px solid #d5e3e8; width: 100%; font-size: 16px; font-weight: 700; color: #1e1e1e; box-sizing: border-box; } 
.btn_del { display: none; } 
.btn_comm { display: block; width: 100%; height: 50px; background: #1442a1; font-size: 18px; color: #fff; text-align: center; } 
.btn_comm:hover { border: 1px solid #1442a1; background-color: #fff; color: #1442a1; } 
.btn_comm:before { display: inline-block; width: 0; vertical-align: middle; content: ''; } 
.btn_comm1 { display: block; margin-top: 20px; width: 100%; height: 50px; background: #25ac6c; font-size: 18px; color: #fff; text-align: center; } 
.ico_login { display: inline-block; overflow: hidden; text-indent: -9999px; } 
.st-go-join { display: block; margin: 20px 0 0; padding: 17px 0; border: 1px solid #222; text-align: center; transition: .3s; } 
.st-go-join:hover { background: #222; color: #fff; } 
.log-util { margin: 0 auto; position: relative; width: 300px; } 
.log-util .find-info { padding-top: 27px; border-top: 1px solid #d5d4d9; overflow: hidden; text-align: center; } 
.find-info li { display: inline-block; padding: 0 20px; position: relative; font-size: 16px; color: #706f75; } 
.find-info li:after { display: block; position: absolute; top: 5px; right: 0; width: 1px; height: 14px; background: #d5d4d9; content: ''; } 
.find-info li:last-child { padding: 0 0 0 16px; } 
.find-info li:last-child:after { content: none; } 
.find-wrap { margin: 0 auto; max-width: 700px; } 
.find-wrap .find { margin: 0 auto 30px; } 
.find-wrap .find .id-result { padding: 50px 30px; border: 1px solid #ddd; vertical-align: middle; background: #f8f8f8; font-size: 20px; line-height: 40px; text-align: center; } 
.find-wrap .find .id-result strong { font-size: 25px; font-weight: 600; } 
.find-wrap .find .id-result .Value { font-size: 25px; font-weight: 600; color: #eb3e4d; } 
.find-wrap .inquiry { padding: 10px 5px; vertical-align: middle; } 
.find-wrap .inquiry span { margin: 5px; } 
.join_check_box { margin-bottom: 30px; padding: 40px 30px; background: #f8f8f8; } 
.join_check_box .sel { position: relative; text-align: center; } 
.join_check_box p { margin-bottom: 20px; } 
.join_check_box .join_sel { padding: 19px 10px; } 
.join_check_box .join_input { padding: 9px 5px; } 
.join_check_box .btn { display: inline-block; padding: 11px 20px; } 
/* Template */
.type2 { margin: 0 auto; text-align: center; } 
.type1:after,
.type2:after { display: block; clear: both; content: ''; } 
.cont .subject { font-weight: 600; color: #c9c9c9; } 
.cont .head-tit { margin: 13px 0 25px; font-size: 40px; font-weight: 600; } 
.course1 { display: inline-flex; flex-wrap: wrap; } 
.course1 li { font-size: calc(12px + 0.4vw); color: #004cab; } 
.course1 li span { border-bottom: 1px dashed #004cab; vertical-align: middle; FONT-WEIGHT: 600; } 
.course1 li:after { display: inline-block; margin: 0 10px; width: 7px; height: 7px; vertical-align: middle; background-image: url(https://www.visitbusan.net/images/sub/mark2.png); background-size: cover; content: ''; } 
.course1 li:last-child:after { display: none; } 
.course2 { display: inline-block; } 
.course2 li { margin-right: 10px; float: left; font-weight: 600; } 
.course2 li span { display: inline-block; width: 30px; height: 30px; font-weight: 600; line-height: 29px; color: #fff; border-radius: 15px; } 
.course2 li span.bg1 { background: #004cab; } 
.course2 li span.bg2 { background: #eb3e4d; } 
.course3 { margin-top: 25px; } 
.course3 span { display: inline-block; width: 30px; height: 30px; font-size: 17px; font-weight: 600; line-height: 29px; color: #fff; text-align: center; border-radius: 15px; } 
.course3 span.bg1 { background: #004cab; } 
.course3 span.bg2 { background: #eb3e4d; } 
.first-big { display: inline-block; margin-right: 5px; float: left; font-family: serif; font-size: 50px; line-height: 62px; } 
.newletter { margin-bottom: 30px; } 
.newletter .titlebox { margin-bottom: 30px; padding: 50px 30px; height: 210px; background: url(/upload_data/board_data/BBS_0000014/163298734880570.png); } 
.newletter .titlebox p { font-size: 18px; line-height: 1.7em; color: #fff; } 
.newletter .titlebox span { display: block; margin: 12px 0; font-size: 41px; font-weight: 700; } 
.newletter .box { margin-bottom: 30px; padding: 35px 40px; border: 1px solid #e7eff2; color: #555; } 
.newletter .tit { margin-bottom: 10px; font-size: 20px; font-weight: 500; } 
.newletter .box p.titsub { margin-bottom: 5px; } 
.newletter label { color: #555; } 
.newletter input { margin: 0; margin-right: 3px; border-color: #d5e3e8; vertical-align: middle; } 
.newletter input[type="checkbox"]:focus { outline: 2px solid #000000; outline-offset: 1px; } 
.newletter .table { margin-bottom: 20px; } 
.newletter .box2 { padding: 30px; overflow: hidden; background-color: #f2f7f9; } 
.newletter .box2 li { display: inline-block; color: #555; } 
.newletter .box.sp p { margin-bottom: 10px; } 
.newletter .box.sp .table { margin-bottom: 0; } 
.newletter .box2.sp { padding: 0; background: transparent; } 
@media all and (max-width:840px){
 .newletter .titlebox { padding: 20px; height: auto; } 
 .newletter .titlebox span { margin: 0; font-size: 23px; } 
 .newletter .box { padding: 20px; } 
 .newletter .box input:not[type="text"] { display: inline-block; width: 10px; min-width: auto; } 
 .newletter .table th,
 .newletter .table td { display: block; width: 100vw; } 
 .newletter input { width: 100%; min-width: 100px; } 
 .newletter #checkAgree { width: 10px; min-width: auto; } 
 .newletter .box2 li { display: inline-block; margin-bottom: 10px; width: 49%; } 
 .newletter .box2 li input { display: inline-block; width: 10px; min-width: auto; } 
 }
@media all and (max-width:600px){
 .newletter .table th,
 .newletter .table td { width: 100%; } 
 }
/*가이드북&지도 배송 신청*/
.guide_banner { display: block; position: relative; width: 100%; height: 170px; background: url(/upload_data/board_data/BBS_0000014/166019026588429.jpg) 100%; } 
.guide_banner .guide_txt { position: absolute; top: 40px; right: 80px; font-size: 27px; font-weight: 700; line-height: 31px; color: #fff; text-align: right; } 
.guide_banner .btn { position: absolute; top: 108px; right: 80px; width: 115px; height: 34px; background-color: #50356f; line-height: 32px; color: #fff; text-align: center; } 
.guide_banner .guide_info { padding: 10px 20px; position: absolute; bottom: 10px; left: 0; background-color: #573a6ed7; font-size: 14px; color: #fff; } 
@media all and (max-width:1000px){
 .guide_banner .guide_info { bottom: 0; width: 55%; line-height: 16px; } 
 }
@media all and (max-width:600px){
 .guide_banner { margin: 0 auto; padding-top: 68%; width: 90%; height: unset; background-size: cover; } 
 .guide_banner .guide_txt { top: 24px; right: 110px; font-size: 14px; line-height: 22px; } 
 .guide_banner .guide_txt br { display: none; } 
 .guide_banner .btn { top: 20px; right: 20px; width: 80px; height: 34px; font-size: 14px; line-height: 32px; } 
 .guide_banner .guide_info { width: 100%; font-size: 13px; line-height: 16px
 /* top:120px; */
 /* height: 115px; */ } 
 }
/*부산여행상품 221026*/
.travel_banner { display: block; margin: 5% 0 30px; width: 100%; height: auto; } 
.travel_banner .travel_txt { width: 100%; } 
.travel_banner .travel_txt_m { display: none; } 
.fesL #section1 .bottom.tripProd { border-top: 1px solid #e7eff2; border-bottom: 1px solid #e7eff2; } 
.fesL #section1 .bottom.tripProd .right { display: inline-block; margin-bottom: -5px; padding-left: unset; width: unset; float: left; } 
.fesL #section1 .bottom.tripProd .right:after { display: block; clear: both; content: ''; } 
.fesL #section1 .bottom.tripProd .right p.tit { display: inline-block; margin-right: 10px; padding: 0 15px; padding-left: unset; height: 30px; line-height: 30px; text-align: center; /* border: 1px solid #d5e3e8; */ } 
.fesL #section1 .bottom.tripProd .right p.tit::before { display: none; } 
.fesL #section1 .bottom.tripProd .right p.cont { display: inline-block; margin-right: 30px; padding-left: unset; } 
.fesL #section1 .bottom.tripProd .right p { margin-bottom: 5px; vertical-align: middle; } 
.fesL #section1 .bottom.tripProd .right .reservBtn { } 
.fesL #section1 .bottom.tripProd .right .reservBtn a { display: block; padding: 3px 10px; background-color: #0077cb; font-size: 14px; color: #fff; border-radius: 5px; } 
.fesL #section1 .bottom.tripProd .right ul { overflow: hidden; } 
.fesL #section1 .bottom.tripProd .right ul li { float: left; } 
.fesL #section1 .bottom.tripProd .right .prod_price { margin-top: 10px; } 
.fesL #section1 .bottom.tripProd .right .prod_price .tit { display: block; float: left; } 
.fesL #section1 .bottom.tripProd .right .prod_price .cont { margin-top: -23px; white-space: pre-line; } 
@media all and (max-width:1500px){
 .travel_banner { max-width: 1300px; } 
 }
@media all and (max-width:640px){
 .travel_banner .travel_txt { display: none; } 
 .travel_banner .travel_txt_m { display: block; width: 100%; } 
 .fesL #section1 .bottom.tripProd .right { margin-top: 0; width: 100%; } 
 .fesL #section1 .bottom.tripProd .right p.tit { margin-right: 2px; padding: 0 10px; } 
 .fesL #section1 .bottom.tripProd .right p { font-size: 14px; } 
 .fesL #section1 .bottom.tripProd .right p.cont { margin-right: 0px; } 
 .fesL #section1 .bottom.tripProd .right .reservBtn a { padding: 2px 12px; font-size: 12px; } 
 .fesL #section1 .bottom.tripProd .right ul li { float: unset; } 
 }
/*음식 > 부산의 맛, 블루리본 부산의 맛집*/
.taste_busan .bg_taste_busan { padding: 5% 0; max-height: 690px; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.taste_busan .bg_taste_busan.bg_img_01 { background-image: url(/images/sub2024/bg_taste_busan_01.png); } 
.taste_busan .bg_taste_busan.bg_img_02 { background-image: url(/images/sub2024/bg_taste_busan_02.png); } 
.taste_busan .bg_taste_busan.bg_img_03 { background-image: url(/images/sub2024/bg_taste_busan_03.png); background-size: 1920px; } 
.taste_busan .bg_taste_busan .innerwrap { margin: 0 auto; } 
.taste_busan .bg_taste_busan h4.tit { font-size: calc(20px + 3vw); font-weight: 700; line-height: calc(20px + 3.6vw); color: #0077cb; } 
html[lang="en"] .taste_busan .bg_taste_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="ja"] .taste_busan .bg_taste_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-CN"] .taste_busan .bg_taste_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-TW"] .taste_busan .bg_taste_busan h4.tit { } 
.taste_busan .bg_taste_busan h4.tit+p { margin-top: 3%; font-size: calc(12px + 0.7vw); line-height: 1.3em; text-align: center; } 
.taste_busan .bg_taste_busan h4.tit+p strong { font-weight: 700; } 
.taste_busan .newtap2 { display: flex; justify-content: space-between; } 
.taste_busan .newtap2 a { display: block; padding: 2% 0; width: 49.8%; background-color: #fff; font-size: calc(13px + 0.5vw); color: #333; text-align: center; } 
.taste_busan .newtap2 a.on { border-bottom: 3px solid #7632d3; font-weight: 700; color: #7632d3; } 
.taste_busan .newtap3 { display: flex; justify-content: space-between; } 
.taste_busan .newtap3 a { display: block; padding: 2% 0; width: 33%; background-color: #fff; font-size: calc(13px + 0.5vw); color: #333; text-align: center; } 
.taste_busan .newtap3 a.on { border-bottom: 3px solid #7632d3; font-weight: 700; color: #7632d3; } 

.taste_busan .newtap3.col3 {flex-wrap:wrap; }
.taste_busan .newtap3.col3 a {width:49.5%; margin-bottom:1%}


.taste_busan .travel_cateSrh2 { margin-top: 4%; } 
.taste_busan .cate-area2 { margin: 0 auto; overflow: hidden; width: 85%; background-color: #fff; } 
.taste_busan .cate-area2.one-select { width: 85%; } 
.taste_busan .cate-area2:after { clear: both; content: ''; } 
.taste_busan .cate-area2 .cate-item { width: 25%; float: left; } 
.taste_busan .cate-area2.one-select .cate-item { width: 34%; } 
.taste_busan .cate-area2 .cate-item .title { margin-right: -1px; padding: 4% 8%; border: 1px solid #e7eff2; } 
.taste_busan .cate-area2.one-select .cate-item .title { padding: 3.5% 8%; } 
.taste_busan .cate-area2 .cate-item .title .label { display: block; font-size: 14px; color: #666; } 
.taste_busan .cate-area2 .cate-item .title select { padding: unset; border: unset; width: 100%; background-image: url(/images/common2023/i-select-gray.png); background-repeat: no-repeat; background-position: center right; font-size: calc(13px + 0.3vw); font-weight: 500; color: #222; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; } 
.taste_busan .cate-area2 .cate-srh { display: flex; width: 50%; float: left; } 
.taste_busan .cate-area2.one-select .cate-srh { width: 66%; } 
.taste_busan .search_tag .input-group2 { display: block; margin: 0; padding: 2% 4%; border: 1px solid #e7eff2; width: 60%; } 
.taste_busan .cate-area2.one-select .input-group2 { padding: 1.8% 4%; width: 70%; } 
.taste_busan .input-group2 .label { display: block; font-size: 14px; color: #666; } 
.taste_busan .input-group2 .form-control { padding: unset; border: unset; z-index: auto; width: 100%; height: 40px; float: left; font-size: calc(13px + 0.3vw); font-weight: 500; line-height: 1.5rem; color: #222; box-sizing: border-box; } 
.taste_busan .input-group2 .form-control::placeholder { color: #222; } 
.taste_busan .input-group2 .form-control::-ms-input-placeholder { color: #222; } 
.taste_busan .input-group-btn2 { display: block; width: 40%; background-image: linear-gradient(to bottom right, #7632d3, #3f7bff); } 
.taste_busan .cate-area2.one-select .input-group-btn2 { width: 30%; } 
.taste_busan .input-group-btn2>.btn { display: block; padding-left: 10%; width: 100%; height: 100%; background-color: unset; background-image: url(/images/common2023/i-arrow-whire-long.png); background-repeat: no-repeat; background-position: center right 15%; font-size: calc(13px + 0.6vw); font-weight: 500; text-align: left; } 
.taste_busan .hot-item { margin-bottom: 20px; margin-left: 0; position: relative; width: calc(97% / 4); height: 330px; float: left; } 
.taste_busan .hot-item:not(:nth-child(4n)) { margin-right: 1%; } 
.taste_busan .bg_wave { background-image: url(/images/sub2023/bg-wave-big-purple.png); background-repeat: no-repeat; background-position: center bottom 15%; } 
.taste_busan .hot-item2 { margin-bottom: 3%; margin-left: 0; position: relative; width: calc(97% / 4); float: left; } 
.taste_busan .hot-item2:not(:nth-child(4n)) { margin-right: 1%; } 
.taste_busan .actionImg3 span.tip-text2 { display: inline-block; padding: 10px 15px; position: absolute; top: 6px; left: 7px; z-index: 1; min-width: 65px; background-color: #7327a5; font-size: 14px; color: #fff; text-align: center; box-sizing: border-box; } 
.taste_busan .hot_item_list2 { display: block; margin-top: 40px; } 
.taste_busan .hot_item_list2 .info { padding: 15px; background-color: #fff; text-align: center; } 
.taste_busan .hot_item_list2 p.tit { display: -webkit-box; overflow: hidden; height: 47px; font-size: 16px; font-weight: 500; line-height: 22px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.taste_busan .hot_item_list2 .info a { display: block; color: #8a7676; } 
.taste_busan .hot_item_list2 .info span { display: flex; align-items: center; justify-content: center; margin-top: 3%; font-size: 17px; font-weight: 500; } 
.taste_busan .hot_item_list2 .info span img { display: inline-block; margin-right: 5px; width: auto; max-width: 17px; max-height: 17px; } 
@media all and (max-width:1200px){
 .taste_busan .cate-area2 { width: 100%; } 
 .taste_busan .cate-area2.one-select { width: 100%; } 
 .taste_busan .bg_wave { background-image: none; } 
 .taste_busan .hot-item2:not(:nth-child(4n)) { margin-right: unset; } 
 .taste_busan .hot-item2:not(:nth-child(2n)) { margin-right: 1%; } 
 .taste_busan .hot-item2 { margin-bottom: 1%; width: calc(99% / 2); } 
 .taste_busan .hot_item_list2 .info span { margin-top: 1%; } 
 }
@media all and (max-width:900px){
 .taste_busan .cate-area2 .cate-item { width: 50%; } 
 .taste_busan .cate-area2 .cate-item:nth-child(1) { margin-right: -1px; } 
 .taste_busan .cate-area2 .cate-item .title { margin-right: unset; margin-bottom: unset; padding: 3% 5%; } 
 .taste_busan .cate-area2 .cate-srh { width: 100%; } 
 .taste_busan .search_tag .input-group2 { margin-top: -1px; padding: 1% 3%; width: 50%; } 
 .taste_busan .cate-area2.one-select .input-group2 { margin-top: unset; } 
 .taste_busan .input-group-btn2 { width: 50%; } 
 .taste_busan .cate-area2.one-select .input-group-btn2>.btn { background-image: unset; } 
 }
@media all and (max-width:600px){
 .taste_busan .cate-area2 .cate-item .title .label { display: none; } 
 .taste_busan .cate-area2 .cate-item .title select { background-position: center right 0; background-size: 25px; } 
 .taste_busan .input-group2 .label { display: none; } 
 .taste_busan .hot-item>.info p.tit>a { font-size: 14px; } 
 .taste_busan .hot_item_list2 p.tit { height: 39px; font-size: 14px; line-height: 18px; } 
 .taste_busan .hot_item_list2 .info span { font-size: 14px; } 
 }

/*음식 > 외국인 친화 음식점*/
.taste_busan #filter-buttons { text-align: center; } 
.taste_busan #filter-buttons .tab-button { display: inline-flex; align-items: center; margin: 3px; padding: 5px 20px; border: 1px solid #e7eff2; vertical-align: middle; font-size: calc(12px + 0.2vw); line-height: 34px; color: #333; border-radius: 30px; } 
.taste_busan #filter-buttons .tab-button::before { display: inline-block; margin-right: 10px; width: 34px; height: 34px; background-repeat: no-repeat; content: ''; } 
.taste_busan #filter-buttons .tab-button:nth-child(1)::before { background-image: url(/images/sub2024/i-Communication.png); } 
.taste_busan #filter-buttons .tab-button:nth-child(2)::before { background-image: url(/images/sub2024/i-EnglishInformation.png); } 
.taste_busan #filter-buttons .tab-button:nth-child(3)::before { background-image: url(/images/sub2024/i-EnglishMenu.png); } 
.taste_busan #filter-buttons .tab-button.active { border: 1px solid #7632D3; } 

.Foreigners .content { display: none; padding: 40px; border: 1px solid #ddd; border-radius: 20px; } 
.Foreigners .content.active { display: block; } 

.Foreigners { margin: 50px auto; } 
.Foreigners>ul { display: flex; gap: 2%; flex-wrap: wrap; width: 100%; } 
.Foreigners .content { margin-bottom: 35px; padding: 40px; padding-bottom: 20px; border: 1px solid #dadada; width: 32%; min-height: 330px; border-radius: 20px; box-sizing: border-box; } 
.Foreigners .headTit { margin-bottom: 10px; } 
.Foreigners .headTit .top { overflow: hidden; } 
.Foreigners .headTit .ribbon { float: left; } 
.Foreigners .headTit .ribbon li { display: inline-block; } 
.Foreigners .headTit .year { padding: 3px 10px; border: 1px solid #1b47b3; float: right; font-size: 15px; font-weight:bold; color: #1b47b3; border-radius: 5px; } 

.Foreigners .headTit .title { margin: 25px 0 10px; font-size: 26px; font-weight: bolder; font-weight: 400; color: #111; letter-spacing: -1.5px; } 
.Foreigners .headTit .exp { margin-bottom: 20px; font-size: 15px; } 
.Foreigners .info { overflow: hidden; } 
.Foreigners .info>ul>li { padding: 8px; padding-left: 23px; position: relative; font-size: 16px; line-height: 20px; letter-spacing: -0.5px; } 
.Foreigners .info>ul>li::before { display: block; position: absolute; left: 0; width: 19px; height: 19px; background-repeat: no-repeat; content: ''; } 
.Foreigners .info .adress::before { background-image: url(/images/sub2024/i-MapPin.png); } 
.Foreigners .info .time::before { background-image: url(/images/sub2024/i-Time.png); } 
.Foreigners .info .tel::before { background-image: url(/images/sub2024/icon_tel.png); } 
.Foreigners .info .tag::before { background-image: url(/images/sub2024/i-tag.png); } 
.Foreigners .info .tag ul li { margin-right: 10px; padding: 0; float: left; } 
.Foreigners .info .tag ul li::before { margin: 0 1px; content: '#'; } 

@media (max-width: 1200px){
 .taste_busan .bg_taste_busan.bg_img_03 { background-size: cover; } 
 .Foreigners .content { margin-bottom: 20px; width: 49%; } 
 }
@media (max-width: 980px){
 .Foreigners .headTit .title { padding: 0; } 
 }
@media (max-width: 600px){
 .Foreigners { margin-top: 20px; } 
 .taste_busan #filter-buttons .tab-button { line-height: 18px; } 
 .taste_busan #filter-buttons .tab-button::before { width: 20px; height: 20px; background-size: contain; } 
 .Foreigners .content { margin-right: 0; padding: 15px; width: 100%; min-height: unset; } 
 .Foreigners>ul li:nth-child(3n) { margin-right: 0px; } 
 .Foreigners .headTit .year { font-size: 14px; } 
 .Foreigners .headTit .title { font-size: 20px; } 
 .Foreigners .headTit .ribbon li img { width: 22px; } 
 .Foreigners .info>ul>li { padding: 4px 0; padding-left: 20px; font-size: 14px; } 
 }

/*뉴스레터-월간블루마블 구독,해지 20240418*/
.newsletter_wrap { padding: 6% 0; position: relative; background: url(/images/newsletter/contents/newsletter_bg.jpg) bottom #ddf4e7 no-repeat; } 
.newsletter_wrap .top .tit { font-size: 70px; font-weight: 900; color: #1c1c5e; letter-spacing: -2px; } 
.newsletter_wrap .top .newtap2 { display: flex; justify-content: center; margin: 3.2% 0 6%; } 
.newsletter_wrap .top .newtap2 a { margin: 0 3px; padding: 1.8% 4dvh; position: relative; min-width: 260px; background: #fff; font-size: 20px; color: #1c1c5e; text-align: center; } 
.newsletter_wrap .top .newtap2 a.on { border-bottom: 3px solid #1c1c5e; font-size: 21px; font-weight: 800; } 
.newsletter_wrap .top .newtap2 a.on.cencel { border-bottom: 3px solid #b02221; font-weight: 700; color: #b02221; } 
.newsletter_paper { margin: 50px auto; padding: 2.5% 3.5%; position: relative; width: 1080px; background: url(/images/newsletter/contents/post_bg.png) center bottom no-repeat; background-size: 100%; } 
.newsletter_paper::before { display: block; position: absolute; bottom: -20px; left: -423px; width: 400px; height: 480px; background: url(/images/newsletter/contents/newsletter_person_left.png) no-repeat; content: ''; } 
.newsletter_paper::after { display: block; position: absolute; right: -410px; bottom: -20px; width: 400px; height: 480px; background: url(/images/newsletter/contents/newsletter_right.png) no-repeat; content: ''; } 
.newsletter_paper>ul { background: url(/images/newsletter/contents/post_stamp.png) 100% 0% no-repeat; } 
.newsletter_paper ul::before { display: block; position: absolute; top: -15px; left: 0; width: 100%; height: 15px; background: url(/images/newsletter/contents/post_top.png) center bottom no-repeat; background-size: 100%; content: ''; } 
.newsletter_paper>ul>li { margin-bottom: 1.5%; padding: 2% 3%; overflow: hidden; width: 60%; background: #fff; color: #555; border-radius: 10px; } 
.newsletter_paper h4 { margin-top: 4%; font-size: 19px; line-height: 1.5em; color: #111; } 
.newsletter_paper p { margin: 5% 0 6%; font-size: 17px; line-height: 1.4em; word-break: keep-all; } 
.newsletter_paper p span { display: block; } 
.newsletter_paper .label_box { margin-top: 6px; width: 27%; float: left; line-height: 15px; } 
.newsletter_paper .input_box { width: 73%; float: left; } 
.newsletter_paper .btn { margin-bottom: 6%; padding: 0; background: #1c1c5e; transition: all 0.3s; } 
.newsletter_paper .btn a { display: block; width: 100%; height: 65px; font-size: 1.3em; line-height: 65px; color: #fff; text-align: center; } 
.newsletter_paper .btn.cencel { background: #b02221; } 
.newsletter_paper .btn:hover { background: #2d2d85; } 
.newsletter_paper .btn.cencel:hover { background: #8d1414; } 
.newsletter_paper input[type="checkbox"] { margin-top: 2px; margin-right: 2px; width: 16px; height: 16px; border-radius: 3px; } 
.newsletter_paper input[type="text"] { width: 100%; max-width: 270px; } 
.newsletter_paper .language li { margin-right: 10px; float: left; font-size: 15px; line-height: 30px; letter-spacing: -1px; } 
.newsletter_paper input[type="checkbox"]:hover,
.newsletter_paper .language label:hover { cursor: pointer; } 
@media all and (max-width:1200px){
 .newsletter_wrap { background-size: 120%; } 
 .newsletter_wrap .top .tit { font-size: 50px; } 
 .newsletter_wrap .top .newtap2 a { min-width: unset; font-size: 18px; } 
 .newsletter_wrap .top .newtap2 a.on { font-size: 19px; } 
 .newsletter_paper { width: 80%; } 
 .newsletter_paper::before,
 .newsletter_paper::after { display: none; } 
 .newsletter_paper>ul { background-size: 30%; } 
 .newsletter_paper>ul>li { width: 65%; font-size: 15px; } 
 .newsletter_paper h4 { font-size: 17px; } 
 .newsletter_paper p { font-size: 15px; } 
 }
@media all and (max-width:700px){
 .newsletter_wrap { padding: 60px 0 30px; } 
 .newsletter_paper { width: 90%; } 
 .newsletter_wrap .top .tit { font-size: 40px; } 
 .newsletter_wrap .top .newtap2 { margin: 30px auto; } 
 .newsletter_wrap .top .newtap2 a { font-size: 16px; } 
 .newsletter_wrap .top .newtap2 a.on { font-size: 17px; } 
 .newsletter_paper { padding: 5% 6%; } 
 .newsletter_paper>ul { background: none; } 
 .newsletter_paper>ul>li { width: 100%; font-size: 13px; } 
 .newsletter_paper p { font-size: 13px; } 
 .newsletter_paper p span { display: unset; } 
 .newsletter_paper .btn a { height: 55px; font-size: 16px; line-height: 53px; } 
 .newsletter_paper .language li { font-size: 13px; } 
 .newsletter_paper .label_box { width: 30%; } 
 .newsletter_paper .input_box { width: 70%; } 
 }
/*뉴스레터-월간블루마블 목록 20240426*/
.newsletter_list_top { position: relative; width: 100%; height: 580px; background: url(/images/newsletter/contents/newsletter_list.jpg) no-repeat bottom center #ddf4e7; background-size: cover; text-align: center; } 
.newsletter_list_top::before { display: block; position: absolute; right: calc(62% + 200px); bottom: 43px; z-index: 2; width: 400px; height: 480px; background: url(/images/newsletter/contents/newsletter_person_left.png) no-repeat; content: ''; } 
.newsletter_list_top::after { display: block; position: absolute; bottom: 40px; left: calc(62% + 200px); width: 400px; height: 480px; background: url(/images/newsletter/contents/newsletter_right.png) no-repeat; content: ''; } 
.newsletter_list_top .top_title { display: inline-block; margin-top: 70px; position: relative; font-size: 23px; line-height: 45px; color: #1c1c5e; } 
.newsletter_list_top .top_title::before { display: block; position: absolute; top: 0; left: -148px; width: 148px; height: 236px; background: url(/images/newsletter/contents/newsletter_list_tit_left.png) no-repeat; content: ''; } 
.newsletter_list_top .top_title::after { display: block; position: absolute; top: 0; right: -148px; width: 148px; height: 236px; background: url(/images/newsletter/contents/newsletter_list_tit_right.png) no-repeat; content: ''; } 
.newsletter_list_top .top_title h3 { font-size: 70px; font-weight: 900; line-height: 100px; letter-spacing: -2px; } 
.newsletter_list_top .top_title p.txt_bottom { display: inline-block; margin-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #1c1c5e; line-height: 30px; } 
.newsletter_list_top .top_title a { display: inline-block; margin-top: 40px; padding: 0px 20% 2px; background: #1c1c5e; font-size: 20px; font-weight: 500; color: #fff; border-radius: 30px; } 
@media all and (max-width:1200px){
 .newsletter_list_top { height: 420px; background-size: calc(75% + 400px); } 
 .newsletter_list_top::before { right: calc(58% + 150px); bottom: 30px; width: 250px; height: 300px; background-size: 100%; } 
 .newsletter_list_top::after { bottom: 25px; left: calc(57% + 150px); width: 250px; height: 300px; background-size: 100%; } 
 .newsletter_list_top .top_title::before { position: absolute; top: 0; left: -90px; width: 90px; height: 236px; background-size: 100%; } 
 .newsletter_list_top .top_title::after { position: absolute; top: 0; right: -90px; width: 90px; height: 236px; background-size: 100%; } 
 .newsletter_list_top .top_title { margin-top: 80px; font-size: 17px; line-height: 30px; } 
 .newsletter_list_top .top_title h3 { font-size: 50px; line-height: 70px; } 
 .newsletter_list_top .top_title p.txt_bottom { line-height: 20px; } 
 .newsletter_list_top .top_title a { font-size: 16px; } 
 }
@media all and (max-width:700px){
 .newsletter_list_top { height: 340px; background-size: 150%; } 
 .newsletter_list_top::before,
 .newsletter_list_top::after { display: none; } 
 .newsletter_list_top .top_title { margin-top: calc(5% + 30px); font-size: 15px; line-height: 25px; } 
 .newsletter_list_top .top_title h3 { font-size: 42px; line-height: 45px; } 
 .newsletter_list_top .top_title a { margin-top: 25px; padding: 3px 15% 4px; } 
 .newsletter_list_top .top_title::before { left: -70px; width: 70px; } 
 .newsletter_list_top .top_title::after { right: -70px; width: 70px; } 
 }
/*미슐랭가이드 부산*/
.michelin_busan .bg_michelin_busan { padding: 4% 0; max-height: 690px; background-image: url(/images/sub2024/bg_michelin.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.michelin_busan .bg_michelin_busan .innerwrap { margin: 0 auto !important; text-align: center; } 
.michelin_busan .bg_michelin_busan .logo_michelin { max-width: 100%; } 
.michelin_busan .bg_michelin_busan h4.tit { margin-top: 1%; font-size: calc(20px + 2.5vw); font-weight: 700; line-height: calc(20px + 3.1vw); color: #fff; } 
html[lang="en"] .michelin_busan .bg_michelin_busan h4.tit { } 
html[lang="ja"] .michelin_busan .bg_michelin_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-CN"] .michelin_busan .bg_michelin_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-TW"] .michelin_busan .bg_michelin_busan h4.tit { } 
.michelin_busan .bg_michelin_busan h4.tit+p { margin-top: 2%; margin-top: 1%; font-size: calc(12px + 0.7vw); line-height: 1.3em; color: #fff; text-align: center; } 
.michelin_busan .bg_michelin_busan h4.tit+p strong { font-weight: 700; } 
.michelin_busan .search_tag .tag_box .search_btn.on { border: 1px solid #C1282D; background: #fff; font-weight: 500; color: #C1282D; } 
.michelin_busan .search_tag .tag_box .search_btn:hover { border: 1px solid #C1282D; background-color: #fff; font-weight: 500; color: #C1282D; } 
.michelin_busan .search_tag .tag_box .search_btn::before { content: ''; } 
/* .michelin_busan .search_tag .tag_box .search_btn:nth-child(2):before { display: inline-block; margin-top: -4px; margin-right: 5px; width: 22px; height: 22px; vertical-align: middle; background-image: url(/images/sub2024/icon_michelin.png); background-repeat: no-repeat; } 
.michelin_busan .search_tag .tag_box .search_btn:nth-child(3):before { display: inline-block; margin-top: -4px; margin-right: 5px; width: 22px; height: 22px; vertical-align: middle; background-image: url(/images/sub2024/icon_bibgourmand.png); background-repeat: no-repeat; } 
.michelin_busan .search_tag .tag_box .search_btn:nth-child(4):before { display: inline-block; margin-top: -4px; margin-right: 5px; width: 22px; height: 22px; vertical-align: middle; background-image: url(/images/sub2024/icon_restaurants.png); background-repeat: no-repeat; } */
.michelin_busan .travel_cateSrh2 { margin-top: 4%; } 
.michelin_busan .cate-area2 { margin: 0 auto; overflow: hidden; width: 85%; background-color: #fff; } 
.michelin_busan .cate-area2.one-select { width: 85%; } 
.michelin_busan .cate-area2:after { clear: both; content: ''; } 
.michelin_busan .cate-area2 .cate-item { width: 25%; float: left; } 
.michelin_busan .cate-area2.one-select .cate-item { width: 34%; } 
.michelin_busan .cate-area2 .cate-item .title { margin-right: -1px; padding: 4% 8%; border: 1px solid #e7eff2; } 
.michelin_busan .cate-area2.one-select .cate-item .title { padding: 3.5% 8%; } 
.michelin_busan .cate-area2 .cate-item .title .label { display: block; font-size: 14px; color: #666; } 
.michelin_busan .cate-area2 .cate-item .title select { padding: unset; border: unset; width: 100%; background-image: url(/images/common2023/i-select-gray.png); background-repeat: no-repeat; background-position: center right; font-size: calc(13px + 0.3vw); font-weight: 500; color: #222; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; } 
.michelin_busan .cate-area2 .cate-srh { display: flex; width: 50%; float: left; } 
.michelin_busan .cate-area2.one-select .cate-srh { width: 66%; } 
.michelin_busan .search_tag .input-group2 { display: block; margin: 0; padding: 2% 4%; border: 1px solid #e7eff2; width: 60%; } 
.michelin_busan .cate-area2.one-select .input-group2 { padding: 1.8% 4%; width: 70%; } 
.michelin_busan .input-group2 .label { display: block; font-size: 14px; color: #666; } 
.michelin_busan .input-group2 .form-control { padding: unset; border: unset; z-index: auto; width: 100%; height: 40px; float: left; font-size: calc(13px + 0.3vw); font-weight: 500; line-height: 1.5rem; color: #222; box-sizing: border-box; } 
.michelin_busan .input-group2 .form-control::placeholder { color: #222; } 
.michelin_busan .input-group2 .form-control::-ms-input-placeholder { color: #222; } 
.michelin_busan .input-group-btn2 { display: block; width: 40%; background-image: linear-gradient(to bottom right, #7632d3, #3f7bff); } 
.michelin_busan .cate-area2.one-select .input-group-btn2 { width: 30%; } 
.michelin_busan .input-group-btn2>.btn { display: block; padding-left: 10%; width: 100%; height: 100%; background-color: unset; background-image: url(/images/common2023/i-arrow-whire-long.png); background-repeat: no-repeat; background-position: center right 15%; font-size: calc(13px + 0.6vw); font-weight: 500; text-align: left; } 
.michelin_busan .hot-item { margin-bottom: 20px; margin-left: 0; position: relative; width: calc(97% / 4); height: 330px; float: left; } 
.michelin_busan .hot-item:not(:nth-child(4n)) { margin-right: 1%; } 
.michelin_busan .hot-item2 { margin-bottom: 1.5%; margin-left: 0; border: 1px solid #E9E7E7; overflow: hidden; position: relative; width: calc(95.5% / 4); box-sizing: border-box; border-radius: 20px; } 
.michelin_busan .hot-item2:not(:nth-child(4n)) { margin-right: 1.5%; } 
.michelin_busan .actionImg3 span.tip-text2 { display: inline-block; padding: 10px 15px; position: absolute; top: 6px; left: 7px; z-index: 1; min-width: 65px; background-color: #7327a5; font-size: 14px; color: #fff; text-align: center; box-sizing: border-box; } 
.michelin_busan .hot_item_list2 { display: flex; flex-wrap: wrap; margin-top: 40px; } 
.michelin_busan .hot_item_list2 .info { padding: 20px 25px; background-color: #fff; } 
.michelin_busan .hot_item_list2 p.tit { display: -webkit-box; margin-bottom: 8%; overflow: hidden; height: 56px; font-size: 22px; font-weight: 500; line-height: 27px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.michelin_busan .hot_item_list2 .info a { display: block; color: #151515; } 
.michelin_busan .hot_item_list2 .info .icon_won { letter-spacing: 3px; } 
.michelin_busan .hot_item_list2 .info>span { display: block; margin-top: 4%; font-size: 15px; font-weight: 300; line-height: 17px; color: #747474; } 
.michelin_busan .hot_item_list2 .info>span img { display: inline-block; width: auto; max-width: 17px; max-height: 17px; vertical-align: middle; } 
.michelin_busan .hot_item_list2 .info>span span { vertical-align: middle; } 
.michelin_busan .hot_item_list2 .info>span span .num_view_michelin { margin: 0 5px; vertical-align: middle; font-style: normal; } 
.michelin_busan .hot_item_list2 .info>span span:not(:last-child):after { display: inline-block; margin: 0 5px; vertical-align: middle; font-size: 6px; color: #747474; content: '|'; } 
@media all and (max-width:1200px){
 .michelin_busan .cate-area2 { width: 100%; } 
 .michelin_busan .cate-area2.one-select { width: 100%; } 
 .michelin_busan .hot-item2:not(:nth-child(4n)) { margin-right: unset; } 
 .michelin_busan .hot-item2:not(:nth-child(2n)) { margin-right: 2%; } 
 .michelin_busan .hot-item2 { margin-bottom: 2%; width: calc(96% / 2); } 
 .michelin_busan .hot_item_list2 .info>span { margin-top: 1%; } 
 .michelin_busan .hot_item_list2 p.tit { margin-bottom: 4%; } 
 }
@media all and (max-width:900px){
 .michelin_busan .cate-area2 .cate-item { width: 50%; } 
 .michelin_busan .cate-area2 .cate-item:nth-child(1) { margin-right: -1px; } 
 .michelin_busan .cate-area2 .cate-item .title { margin-right: unset; margin-bottom: unset; padding: 3% 5%; } 
 .michelin_busan .cate-area2 .cate-srh { width: 100%; } 
 .michelin_busan .search_tag .input-group2 { margin-top: -1px; padding: 1% 3%; width: 50%; } 
 .michelin_busan .cate-area2.one-select .input-group2 { margin-top: unset; } 
 .michelin_busan .input-group-btn2 { width: 50%; } 
 .michelin_busan .cate-area2.one-select .input-group-btn2>.btn { background-image: unset; } 
 }
@media all and (max-width:600px){
 .michelin_busan .search_tag { margin-bottom: 20px; } 
 .michelin_busan .search_tag .tag_ex { padding-bottom: unset; } 
 .michelin_busan .hot-item2 { border-radius: 10px; } 
 .michelin_busan .cate-area2 .cate-item .title .label { display: none; } 
 .michelin_busan .cate-area2 .cate-item .title select { background-position: center right 0; background-size: 25px; } 
 .michelin_busan .input-group2 .label { display: none; } 
 .michelin_busan .hot-item>.info p.tit>a { font-size: 14px; } 
 .michelin_busan .hot_item_list2 p.tit { height: 39px; font-size: 14px; line-height: 18px; } 
 .michelin_busan .hot_item_list2 .info { padding: 10px 15px; } 
 .michelin_busan .hot_item_list2 .info>span { font-size: 13px; } 
 .michelin_busan .hot_item_list2 .info>span span:nth-child(1)::after { margin: 0 4px; } 
 }
.btn_newwindow { display: block; margin: 30px auto; padding: 10px 10px; border: 1px solid #DDE7EE; max-width: 250px; font-size: calc(12px + 0.3vw); font-weight: 500; line-height: 1.8em; color: #222; } 
.btn_newwindow::after { display: inline-block; margin-left: 5px; width: 13px; height: 13px; background-image: url(/images/sub2024/icon_newwindow.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
@media all and (max-width:900px){
 .btn_newwindow { padding: 5px 10px; max-width: 200px; } 
 .btn_newwindow::after { width: 10px; height: 10px; background-size: cover; } 
 }
@media all and (max-width:600px){
 .btn_newwindow { margin: 20px 0; max-width: 100%; } 
 }
/*여행큐레이션 리뉴얼*/
.curation_2024 { } 
.curation_2024 .bg_curation_2024 { padding-top: 5%; background-repeat: no-repeat; background-position: top center; } 
.bg_curation_2024.bg_img_01 { background-image: url(/images/sub2024/bg_curation.png); } 
.bg_curation_2024 .innerwrap { margin: 0 auto; overflow: unset; } 
.bg_curation_2024 h4.tit { font-size: calc(20px + 3vw); font-weight: 700; line-height: calc(20px + 3.6vw); color: #0077cb; } 
html[lang="en"] .bg_curation_2024 h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="ja"] .bg_curation_2024 h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-CN"] .bg_curation_2024 h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-TW"] .bg_curation_2024 h4.tit { } 
.bg_curation_2024 h4.tit+p { margin-top: 3%; font-size: calc(12px + 0.7vw); line-height: 1.3em; text-align: center; } 
.bg_curation_2024 h4.tit+p strong { font-weight: 700; } 
.curation_2024 .curation_cateSrh { } 
.curation_2024 .cate-area-curation { margin: 0 auto; text-align: center; } 
.curation_2024 .cate-natural-language { margin: 0 auto 3%; position: relative; max-width: 800px; } 
.curation_2024 .input-natural { display: block; padding: 4% 3%; padding-right: 10%; border: unset; z-index: auto; width: 100%; height: 40px; font-size: calc(13px + 0.25vw); font-weight: 400; line-height: 1.5rem; color: #222; border-radius: 70px; box-sizing: border-box; } 
.curation_2024 .input-natural::placeholder { color: #222; } 
.curation_2024 .input-natural::-ms-input-placeholder { color: #222; } 
.curation_2024 .btn-natural-del { display: block; position: absolute; top: 50%; right: 3.5%; width: calc(16px + 0.8vw); height: calc(16px + 0.8vw); background-color: #bbb; background-image: url(/images/sub2024/icon_del.png); background-repeat: no-repeat; background-position: center center; content: ''; border-radius: 100%; transform: translate(0, -50%); } 
.curation_2024 .cate-natural-item-list { display: inline-flex; gap: 1vw; justify-content: center; flex-wrap: wrap; margin: 0 auto 2%; padding: 2% 2%; background-color: #fff; text-align: center; border-radius: 10px; } 
.curation_2024 .cate-natural-item { display: inline-flex; align-items: center; padding-bottom: 6px; border-bottom: 1px solid #e7eff2; position: relative; background-color: #fff; } 
.curation_2024 .cate_natural_item_select { display: inline-block; margin-right: 5px; vertical-align: middle; font-size: calc(12px + 0.2vw); font-weight: 400; color: #333; cursor: pointer; } 
.curation_2024 .cate-natural-item .label { display: block; font-size: 14px; color: #666; } 
.cate-natural-item-button { display: inline-block; padding: 7px 8px; border: unset; height: unset; vertical-align: middle; background-color: #0077CB; font-size: calc(11px + 0.1vw); font-weight: 400; color: #fff; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; border-radius: 30px; } 
.cate-natural-item-button:hover { background-color: #0077CB; } 
.curation_2024 .cate-natural-item-select { display: none; padding: 6% 0; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 100%; left: 0; z-index: 1; min-width: 160px; background-color: #fff; border-radius: 5px; } 
.curation_2024 .cate-natural-item-select .dropdown-item { display: block; padding-left: 8%; font-size: calc(12px + 0.15vw); font-weight: 400; line-height: calc(12px + 1rem); color: #333; text-align: left; text-decoration: none; cursor: pointer; } 
.curation_2024 .cate-natural-item-select .dropdown-item:hover { background-color: #eef5fb; } 
.curation_2024 .cate-natural-item-show { display: block; } 
.cate-natural-item-icon { display: inline-flex; padding: 10px; cursor: pointer; } 
.curation_2024 .cate-natural-item.btn-reset { display: flex; align-items: center; margin: unset; padding: 0 15px; border: 1px solid #e7eff2; } 
.curation_2024 .cate-natural-item.btn-reset::before { display: inline-block; margin-right: 5px; width: 15px; height: 15px; background-image: url(/images/sub2024/icon_reset.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.curation_2024 .cate-natural-item.btn-reset button { display: inline-block; height: 40px; font-size: calc(12px + 0.2vw); font-weight: 400; } 
.curation_2024 .cate-natural-srh { text-align: center; } 
.curation_2024 .cate-natural-btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 20px; min-width: 15%; background-image: linear-gradient(to bottom right, #7632d3, #3f7bff); text-align: center; } 
.curation_2024 .cate-natural-btn::before { display: inline-block; margin-right: 5px; width: 15px; height: 15px; background-image: url(/images/sub2024/icon_search.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.curation_2024 .cate-natural-btn button { display: inline-block; font-size: calc(12px + 0.2vw); font-weight: 400; color: #fff; } 
.curation_2024 .hot-item { margin-bottom: 20px; margin-left: 0; position: relative; width: calc(97% / 4); height: 330px; float: left; } 
.curation_2024 .hot-item:not(:nth-child(4n)) { margin-right: 1%; } 
.curation_2024 .hot-item2 { margin-bottom: 2%; margin-left: 0; padding: 1.5%; border: 1px solid #ddd; overflow: hidden; width: calc(97% / 3); border-radius: 20px; } 
.curation_2024 .hot-item2:not(:nth-child(3n)) { margin-right: 1.5%; } 
.curation_2024 .actionImg3 span.tip-text2 { display: inline-block; padding: 10px 15px; position: absolute; top: 6px; left: 7px; z-index: 1; min-width: 65px; background-color: #7327a5; font-size: 14px; color: #fff; text-align: center; box-sizing: border-box; } 
.curation_2024 .hot_item_list2 { display: inline-flex; flex-wrap: wrap; } 
.curation_2024 .hot_item_list2 .info { padding-top: 4%; background-color: #fff; text-align: center; } 
.curation_2024 .hot_item_list2 p.tit { display: -webkit-box; overflow: hidden; height: 2.8rem; font-size: calc(12px + 0.25vw); font-weight: 400; line-height: 1.3rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.curation_2024 .hot_item_list2 .info a { display: block; color: #555; } 
.curation_2024 .hot_item_list2 .info span { display: flex; align-items: center; justify-content: center; margin-top: 3%; font-size: 17px; font-weight: 500; } 
.curation_2024 .hot_item_list2 .info span img { display: inline-block; margin-right: 5px; width: auto; max-width: 17px; max-height: 17px; } 
@media all and (max-width:900px){
 .curation_2024 .bg_curation_2024 { } 
 .curation_2024 .cate-natural-srh { margin-bottom: 5%; } 
 .curation_2024 .hot-item2:not(:nth-child(3n)) { margin-right: unset; } 
 .curation_2024 .hot-item2:not(:nth-child(2n)) { margin-right: 2%; } 
 .curation_2024 .hot-item2 { margin-bottom: 2%; margin-left: 0; padding: 2%; border: 1px solid #ddd; overflow: hidden; width: calc(98% / 2); border-radius: 10px; } 
 }
@media all and (max-width:600px){
 .curation_2024 .cate-natural-item-list { display: inline-flex; margin: 0 auto 4%; } 
 .curation_2024 .cate-natural-item { } 
 .curation_2024 .cate-natural-item select { } 
 .curation_2024 .cate-natural-item.btn-reset { padding: 0 10px; width: unset; min-width: 80px; } 
 .curation_2024 .cate-natural-btn { padding: 8px 15px; } 
 .curation_2024 .cate-natural-item.btn-reset button { height: 30px; } 
 }
 /* 여행큐레이션Tab, more */
ul.tabs_curation_2024 { display: flex; } 
ul.tabs_curation_2024:after { } 
ul.tabs_curation_2024 li { padding: 0px 0 2.5%; border-bottom: 3px solid #E7EFF2; width: calc(100% / 3); background: none; font-size: calc(12px + 0.5vw); color: #333; text-align: center; cursor: pointer; box-sizing: border-box; } 
ul.tabs_curation_2024 li:first-child { } 
ul.tabs_curation_2024 li:first-child.current { } 
ul.tabs_curation_2024 li.current { border-bottom: 3px solid #7632D3; font-weight: 600; color: #7632D3; } 
.tabs_con_curation_2024 { display: none; padding: 4% 0; } 
.tabs_con_curation_2024.current { display: inherit; } 
.tabs_con_curation_2024 > div:first-child { margin: unset !important; padding: unset !important; } 
.more_curation_2024 { margin-top: 2%; text-align: center; } 
.more_curation_2024 button,
.more_curation_2024 a { padding: 1% 2%; border: 1px solid #DDE7EE; width: 100%; max-width: 250px; font-size: calc(13px + 0.2vw); font-weight: 500; color: #222; } 
.more_curation_2024 button::after,
.more_curation_2024 a::after { display: inline-block; margin-left: 10px; width: 15px; height: 15px; background-image: url(/images/sub2024/icon_arrow_right.png); background-repeat: no-repeat; content: ''; } 
@media all and (max-width:1200px) { ul.tabs_curation_2024 li { width: calc(100% / 3); } 
 ul.tabs_curation_2024 li:nth-child(3n+1) { } 
 }
@media all and (max-width:700px) { ul.tabs_curation_2024 li { width: calc(100% / 2); } 
 ul.tabs_curation_2024 li:nth-child(odd) { } 
 }
@media all and (max-width:400px) { ul.tabs_curation_2024 li { } 
 }
/*AI 여행일정*/
.AIschedule { } 
.AIschedule .bg_AIschedule { padding-top: 5%; background-repeat: no-repeat; background-position: top center; } 
.bg_AIschedule.bg_img_01 { margin-bottom: 3%; padding-bottom: 2%; background-color: #EEF5FB; background-image: url(/images/sub2024/bg_AIschedule.png); background-size: cover; } 
.bg_AIschedule .innerwrap { margin: 0 auto; overflow: unset; } 
.bg_AIschedule h4.tit { font-size: calc(20px + 3vw); font-weight: 700; line-height: calc(20px + 3.6vw); color: #0077cb; } 
html[lang="en"] .bg_AIschedule h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="ja"] .bg_AIschedule h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-CN"] .bg_AIschedule h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-TW"] .bg_AIschedule h4.tit { } 
.bg_AIschedule h4.tit+p { margin-top: 3%; font-size: calc(12px + 0.7vw); line-height: 1.3em; text-align: center; } 
.bg_AIschedule h4.tit+p strong { font-weight: 700; } 
.AIschedule .curation_cateSrh { } 
.AIschedule .cate-area-curation { margin: 0 auto; text-align: center; } 
.AIschedule .cate-natural-language { margin: 0 auto 3%; position: relative; max-width: 800px; } 
.AIschedule .input-natural { display: block; padding: 4% 3%; padding-right: 10%; border: unset; z-index: auto; width: 100%; height: 40px; font-size: calc(13px + 0.25vw); font-weight: 400; line-height: 1.5rem; color: #222; border-radius: 70px; box-sizing: border-box; } 
.AIschedule .input-natural::placeholder { color: #222; } 
.AIschedule .input-natural::-ms-input-placeholder { color: #222; } 
.AIschedule .btn-natural-del { display: block; position: absolute; top: 50%; right: 3.5%; width: calc(16px + 0.8vw); height: calc(16px + 0.8vw); background-color: #bbb; background-image: url(/images/sub2024/icon_del.png); background-repeat: no-repeat; background-position: center center; content: ''; border-radius: 100%; transform: translate(0, -50%); } 
.AIschedule .cate-natural-item-list { display: inline-flex; gap: 1vw; justify-content: center; flex-wrap: wrap; margin: 0 auto 2%; padding: 2% 2%; background-color: #fff; text-align: center; border-radius: 10px; } 
.AIschedule .cate-natural-item { display: inline-flex; align-items: center; padding-bottom: 6px; border-bottom: 1px solid #e7eff2; position: relative; background-color: #fff; } 
.AIschedule .cate_natural_item_select { display: inline-block; margin-right: 5px; vertical-align: middle; font-size: calc(12px + 0.2vw); font-weight: 400; color: #333; cursor: pointer; } 
.AIschedule .cate-natural-item .label { display: block; font-size: 14px; color: #666; } 
.cate-natural-item-button { display: inline-block; padding: 7px 8px; border: unset; height: unset; vertical-align: middle; background-color: #0077CB; font-size: calc(11px + 0.1vw); font-weight: 400; color: #fff; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; border-radius: 30px; } 
.cate-natural-item-button:hover { background-color: #0077CB; } 
.AIschedule .cate-natural-item-select { display: none; padding: 6% 0; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1); position: absolute; top: 100%; left: 0; z-index: 1; min-width: 160px; background-color: #fff; border-radius: 5px; } 
.AIschedule .cate-natural-item-select .dropdown-item { display: block; padding-left: 8%; font-size: calc(12px + 0.15vw); font-weight: 400; line-height: calc(12px + 1rem); color: #333; text-align: left; text-decoration: none; cursor: pointer; } 
.AIschedule .cate-natural-item-select .dropdown-item:hover { background-color: #eef5fb; } 
.AIschedule .cate-natural-item-show { display: block; } 
.cate-natural-item-icon { display: inline-flex; padding: 10px; cursor: pointer; } 
.AIschedule .cate-natural-item.btn-reset { display: flex; align-items: center; margin: unset; padding: 0 15px; border: 1px solid #e7eff2; } 
.AIschedule .cate-natural-item.btn-reset::before { display: inline-block; margin-right: 5px; width: 15px; height: 15px; background-image: url(/images/sub2024/icon_reset.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.AIschedule .cate-natural-item.btn-reset button { display: inline-block; height: 40px; font-size: calc(12px + 0.2vw); font-weight: 400; } 
.AIschedule .cate-natural-srh { text-align: center; } 
.AIschedule .cate-natural-btn { display: inline-flex; align-items: center; justify-content: center; padding: 15px 20px; min-width: 15%; background-image: linear-gradient(to bottom right, #7632d3, #3f7bff); text-align: center; } 
.AIschedule .cate-natural-btn::before { display: inline-block; margin-right: 5px; width: 15px; height: 15px; background-image: url(/images/sub2024/cate-natural-icon.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.AIschedule .cate-natural-btn button { display: inline-block; font-size: calc(12px + 0.2vw); font-weight: 400; color: #fff; } 
.AIschedule .hot-item { margin-bottom: 20px; margin-left: 0; position: relative; width: calc(97% / 4); height: 330px; float: left; } 
.AIschedule .hot-item:not(:nth-child(4n)) { margin-right: 1%; } 
.AIschedule .hot-item2 { margin-bottom: 2%; margin-left: 0; overflow: hidden; width: calc(95.5% / 4); } 
.AIschedule .hot-item2:not(:nth-child(4n)) { margin-right: 1.5%; } 
.AIschedule .actionImg3 span.tip-text2 { display: inline-block; padding: 10px 15px; position: absolute; top: 6px; left: 7px; z-index: 1; min-width: 65px; background-color: #7327a5; font-size: 14px; color: #fff; text-align: center; box-sizing: border-box; } 
.AIschedule .hot_item_list2 { display: inline-flex; flex-wrap: wrap; } 
.AIschedule .hot_item_list2 .info { display: flex; gap: 5px; flex-wrap: wrap; padding-top: 4%; background-color: #fff; } 
.AIschedule .hot_item_list2 p.tit { display: -webkit-box; overflow: hidden; height: 2.8rem; font-size: calc(12px + 0.25vw); font-weight: 400; line-height: 1.3rem; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.AIschedule .hot_item_list2 .info a { display: block; color: #000; } 
.AIschedule .hot_item_list2 .info span { display: inline-block; padding: 8px 10px; border: 1px solid #D5E3E8; font-size: 12px; font-weight: 400; border-radius: 30px; } 
.AIschedule .hot_item_list2 .info span img { display: inline-block; margin-right: 5px; width: auto; max-width: 17px; max-height: 17px; } 
@media all and (max-width:1200px){
 .AIschedule .hot_item_list2 .info span { padding: 5px 7px; } 
 }
@media all and (max-width:900px){
 .AIschedule .bg_AIschedule { } 
 .AIschedule .cate-natural-srh { margin-bottom: 5%; } 
 .AIschedule .hot-item2:not(:nth-child(4n)) { margin-right: unset; } 
 .AIschedule .hot-item2:not(:nth-child(2n)) { margin-right: 2%; } 
 .AIschedule .hot-item2 { margin-bottom: 4%; margin-left: 0; overflow: hidden; width: calc(98% / 2); } 
 }
@media all and (max-width:600px){
 .AIschedule .cate-natural-item-list { display: inline-flex; margin: 0 auto 4%; } 
 .AIschedule .cate-natural-item { } 
 .AIschedule .cate-natural-item select { } 
 .AIschedule .cate-natural-item.btn-reset { padding: 0 10px; width: unset; min-width: 80px; } 
 .AIschedule .cate-natural-btn { padding: 8px 15px; } 
 .AIschedule .cate-natural-item.btn-reset button { height: 30px; } 
 }
/*매거진*/
.magazine_busan .bg_magazine_busan { padding: 13% 0; max-height: 850px; background-repeat: no-repeat; background-position: center center; background-size: cover; } 
.magazine_busan .bg_magazine_busan::before { display: block; border-top: 1px solid #fff; position: absolute; top: 46%; left: 0; width: 40%; content: ''; opacity: 0.3; } 
.magazine_busan .bg_magazine_busan.bg_img_01 { position: relative; background-color: #EEF5FB; background-image: url(/images/sub2024/magazine_busan/bg_magazine_busan_01.png); } 
/* .magazine_busan .bg_magazine_busan.bg_img_02 { background-image: url(/images/sub2024/magazine_busan/bg_magazine_busan_01.png); } */
.magazine_busan .bg_magazine_busan .innerwrap { margin: 0 auto; } 
.magazine_busan .bg_magazine_busan h4.tit { font-size: calc(20px + 2.3vw); font-weight: 500; line-height: calc(20px + 3.6vw); color: #fff; text-align: right; } 
/* html[lang="en"] .magazine_busan .bg_magazine_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="ja"] .magazine_busan .bg_magazine_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-CN"] .magazine_busan .bg_magazine_busan h4.tit { font-size: calc(20px + 1.5vw); line-height: calc(20px + 2vw); } 
html[lang="zh-TW"] .magazine_busan .bg_magazine_busan h4.tit { } */
.magazine_busan .bg_magazine_busan h4.tit+p { margin-top: 1.2%; font-size: calc(12px + 0.6vw); font-weight: 300; line-height: 1.6em; color: #fff; text-align: center; text-align: right; } 
.magazine_busan .bg_magazine_busan h4.tit+p strong { font-weight: 700; } 
.magazine_busan .bg_magazine_busan .arrow_bottom { margin-top: 13%; vertical-align: middle; font-size: calc(12px + 0.1vw); color: #fff; text-align: right; } 
.magazine_busan .bg_magazine_busan .arrow_bottom::after { display: inline-block; margin-left: 10px; width: 12px; height: 13px; vertical-align: middle; background-image: url(/images/sub2024/icon_arrow_bottom.png); background-repeat: no-repeat; background-position: center center; content: ''; } 
.magazine_busan .newtap3 { position: absolute; bottom: 0; width: 100%; background-color: rgba(17, 17, 17, 0.9); } 
.magazine_busan .newtap3 .innerwrap { display: flex; justify-content: space-between; } 
.magazine_busan .newtap3 a { display: block; padding: 2.2% 0; position: relative; width: 49.8%; font-size: calc(13px + 0.3vw); font-weight: 300; color: #fff; text-align: center; } 
.magazine_busan .newtap3 a:not(:last-child)::after { display: inline-block; position: absolute; top: calc(50% - 6px); right: 0; width: 1px; height: 12px; background: rgb(255 255 255 / 40%); content: ''; } 
.magazine_busan .newtap3 a.on { background-color: #fff; font-weight: 500; color: #111; } 
.magazine_busan .hot-item2 { margin: 10px 0px; padding-top: 1%; padding-bottom: 1%; border-top: 1px solid #DDE7EE; border-bottom: 1px solid #DDE7EE; width: calc(100% / 3); } 
.magazine_busan .hot-item2 a { display: flex; justify-content: space-between; flex-direction: column; padding: 16px; height: 100%; } 
.magazine_busan .hot-item2.none a { padding: unset; position: relative; height: 100%; } 
.magazine_busan .hot-item2.none a::after { display: block; position: absolute; top: 50%; left: 50%; width: calc(100% - 32px); height: calc(100% - 32px); background-color: #F8FBFD; background-image: url(/images/common/logo.png); background-repeat: no-repeat; background-position: center center; content: ''; transform: translate(-50%, -50%); } 
.magazine_busan .hot-item2:not(:nth-child(3n)) a { border-right: 1px solid #DDE7EE; } 
.magazine_busan .hot_item_list2 { display: flex; flex-wrap: wrap; } 
.magazine_busan .hot_item_list2 .info { display: flex; justify-content: space-between; flex-direction: column; height: 100%; background-color: #fff; text-align: center; } 
.magazine_busan .hot_item_list2 p.tit { font-size: calc(12px + 0.5vw); font-weight: 500; line-height: 1.3em; color: #333; text-align: left; } 
.magazine_busan .hot_item_list2 p.tit_sub { margin-top: 4%; margin-bottom: unset; font-size: calc(12px + 0.1vw); font-weight: 500; line-height: 1.3em; color: #666; text-align: left; } 
.magazine_busan .hot_item_list2 .info .num { display: flex; justify-content: space-between; margin-top: 13%; margin-bottom: 8%; } 
.magazine_busan .hot_item_list2 .info span { font-size: calc(12px + 0.15vw); font-weight: 400; color: #747474; } 
/* .magazine_busan .hot_item_list2 .info span:nth-child(2) { vertical-align: middle; font-size: calc(12px + 0.2vw); line-height: 27px; color: #222; } */
.magazine_busan .hot_item_list2 .info span img { display: inline-block; margin-right: 5px; width: auto; max-width: 18px; max-height: 18px; vertical-align: middle; } 
.magazine_busan .hot_item_list2 .thumbnail { padding-top: 60%; border: 1px solid #DDE7EE; overflow: hidden; position: relative; } 
.magazine_busan .hot_item_list2 .thumbnail img { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%); } 
/* @media all and (max-width:1200px){
 .magazine_busan .hot-item2:not(:nth-child(3n)) a { border-right: unset; } 
 .magazine_busan .hot-item2:not(:nth-child(2n)) a { border-right: 1px solid #DDE7EE; } 
 .magazine_busan .hot-item2 { width: calc(100% / 2); } 
 .magazine_busan .hot_item_list2 p.tit_sub { margin-top: 2%; } 
 .magazine_busan .hot_item_list2 .info span { margin-top: 1%; } 
 .magazine_busan .hot_item_list2 .info .num { margin-top: 7%; margin-bottom: 3%; } 
 }*/
@media all and (max-width:600px){
 .magazine_busan .hot-item2 a { display: flex; flex-direction: row-reverse; padding: 10px 0; } 
 .magazine_busan .hot-item2:not(:nth-child(3n)) a { border-right: unset; } 
 .magazine_busan .bg_magazine_busan { padding: 10% 0 20% 0; } 
 .magazine_busan .bg_magazine_busan h4.tit+p { margin-top: 5%; } 
 .magazine_busan .bg_magazine_busan .arrow_bottom { display: none; } 
 .magazine_busan .newtap3 a { padding: 4% 0; } 
 .magazine_busan .hot-item2 { margin: 5px 0; padding-top: unset; padding-bottom: unset; width: 100%; } 
 .magazine_busan .hot_item_list2 p.tit_sub { margin-top: 5%; } 
 .magazine_busan .hot_item_list2 .info { width: 100%; } 
 .magazine_busan .hot_item_list2 .info span { font-size: 14px; } 
 .magazine_busan .hot_item_list2 .info .num { margin-top: 10px; margin-bottom: unset; } 
 .magazine_busan .hot_item_list2 .thumbnail { display: flex; align-items: center; justify-content: center; flex-basis: 100px; flex-shrink: 0; margin-right: 5%; padding-top: unset; max-width: 100px; } 
 .magazine_busan .hot_item_list2 .thumbnail img { position: unset; transform: unset;height: 100%; } 
 }
/*매거진 컨텐츠 .magazine_contents*/
.magazine_contents { } 
.magazine_contents .season_box { display: flex; margin: 70px auto; padding: 4% 4%; background: #f3f8fc; } 
.magazine_contents .season_box .title { padding: 0; padding-left: 45px; width: 34%; min-width: 190px; background: url(/images/magazine/icon_map.png) no-repeat 0px 2px; font-size: 30px; font-weight: 700; } 
.magazine_contents .season_box.note .title { padding-left: 50px; background: url(/images/magazine/icon_pen.png) no-repeat 0px 2px; } 
.magazine_contents .season_box .text { width: 66%; max-width: 650px; font-size: 19px; font-weight: 500; line-height: 30px; color: #111; word-break: keep-all; } 
@media all and (max-width:1200px){
 .magazine_contents .season_box .title { font-size: 25px; } 
 .magazine_contents .season_box .text { font-size: 16px; line-height: 21px; } 
 }
@media all and (max-width:600px){
 .magazine_contents .season_box { flex-wrap: wrap; margin: 40px 0; padding: 30px 25px; } 
 .magazine_contents .season_box .title { padding-left: 32px; width: 100%; background-size: 20px; font-size: 21px; } 
 .magazine_contents .season_box .text { width: 100%; max-width: unset; font-size: 15px; } 
 }
.magazine_contents .magazine_contents_inner { } 
.magazine_contents img { max-width: -webkit-fill-available; max-width:100%; height:auto;} 
.magazine_contents .bg_black { width: 100%; background: #000; text-align: center; } 
.magazine_contents .division { display: flex; justify-content: space-between; flex-wrap: wrap; } 
.magazine_contents .division { margin-bottom: 30px; } 
.magazine_contents .division.direc_reverse { flex-direction: row-reverse; } 
.magazine_contents .division.cell_1 li { width: 100%; } 
.magazine_contents .division.cell_2 li { width: 48%; } 
.magazine_contents .division.cell_3 li.cell_3-1 { width: 32%; } 
.magazine_contents .division.cell_3 li.cell_3-1.wide { width: 34%; } 
.magazine_contents .division.cell_3 li.cell_3-2 { width: 63%; } 
.magazine_contents .division .img_2 { display: flex; width: 100%; } 
.magazine_contents .division .img_2>div { width: 50%; } 
.magazine_contents .division .img_2.img_3>div { width: 33.3%; } 
.magazine_contents .division .img_2>div img { width: 100%; } 
.magazine_contents h4 { display: inline-block; margin-top: 50px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #000; font-size: 25px; font-weight: 500; } 
.magazine_contents h5 { margin-bottom: 20px; font-size: 19px; font-weight: 500; line-height: 32px; } 
.magazine_contents p.text { margin-bottom: 30px; font-size: 18px; font-weight: 300; line-height: 32px; } 
.magazine_contents p.exp { padding: 5px 15px 35px 2px; font-size: 15px; font-weight: 400; line-height: 20px; color: #666; } 
.magazine_contents .imform { margin: 10% 0 30px; padding: 25px 25px 15px 25px; border-top: 1px solid #d5e3e8; border-bottom: 1px solid #d5e3e8; } 
.magazine_contents .imform ul { display: flex; flex-wrap: wrap; } 
.magazine_contents .imform ul li { margin-right: 25px; margin-bottom: 10px; color: #333; } 
.magazine_contents .imform ul li .bold { font-weight: 500; } 
.magazine_contents .link_btn a { display: inline-block; margin-bottom: 5px; padding: 0 25px; padding-right: 70px; width: auto; height: 45px; background: url(/upload_data/board_data/BBS_0000014/171645009609849.png) no-repeat #222; background-position: 90% 50%; font-size: 15px; line-height: 43px; color: #fff; transition: all 0.3s; } 

@media all and (max-width:1200px){
 .magazine_contents .division.cell_2 li { width: 100%; } 
 .magazine_contents .division.cell_3 li.cell_3-1 { width: 100%; } 
 .magazine_contents .division.cell_3 li.cell_3-1.wide { width: 100%; } 
 .magazine_contents .division.cell_3 li.cell_3-2 { width: 100%; } 
 .magazine_contents .img_box { text-align: center; } 
 .magazine_contents h4 { margin-top: 35px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 0; font-size: 20px; line-height: 24px; text-decoration: underline; } 
 .magazine_contents h5 { margin-bottom: 15px; font-size: 17px; line-height: 28px; } 
 .magazine_contents p.text { margin-bottom: 30px; font-size: 15.5px; font-weight: 400; line-height: 29px; color: #444; } 
 .magazine_contents p.exp { padding: 5px 15px 35px 2px; font-size: 13px; line-height: 18px; } 
 .magazine_contents .imform ul li { font-size: 15px; line-height: 18px; } 
 }
@media all and (max-width:600px){
 .magazine_contents .division { margin-bottom: 20px; } 
 .magazine_contents .division .img_2 { flex-wrap: wrap; } 
 .magazine_contents .division .img_2>div { width: 100%; } 
 .magazine_contents .division .img_2.img_3>div { width: 100%; } 
 .magazine_contents h5 { font-size: 16px; line-height: 26px; } 
 .magazine_contents p.text { font-size: 15px; line-height: 25px; } 
 .magazine_contents .imform { margin: 60px 0 30px; padding: 20px 20px 10px 20px; } 
 .magazine_contents .imform ul li { font-size: 14px; } 
 }            
 
 
 
 /*가이드북&지도 ebook btn*/
 .btn_box {
    height: 200px;
    margin-bottom: -1.5%;
    background: url(/upload_data/board_data/BBS_0000014/172888254770374.png) top right no-repeat #f0f8fd;
    padding: 4% 3.5%;
}
 .btn_box h3 {font-size: 25px;color: #004993;margin-bottom: 15px;}
 .btn_box .btn.ebook {
    display: inline-block;
    border: 1px solid #679bbf;
    background: #fff;
    color: #222;
    text-align: center;
    margin: 0 3px 5px;    
    font-size: 15px;
    letter-spacing: -1px;
    word-break: keep-all;
    padding: 15px 15px 40px 15px;
    background: url(/images/sub/subquick02.jpg) no-repeat 50% 85% #fff;
}
.btn_box .btn.ebook > div {display:block;} // 조회수
.btn_box .btn.ebook .text_view { font-size: 12px; background: #eee;  margin-top: 5px; padding:5px;}

.btn_box .btn.ebook:hover{border: 1px solid #1f71ac;}  

@media all and (min-width:900px){
     .btn_box .btn.ebook {width: 100%; max-width: 175px;}
}

@media all and (max-width:900px){
    .btn_box {
        height: auto;
	padding-bottom:200px;
        background-position: 120% bottom;
        background-size: 400px;
    }
    .btn_box h3 {font-size: 20px;}
    .btn_box .ebook_btn_area {display:flex; flex-wrap:wrap;}
    .btn_box .ebook_btn_area .btn.ebook {width:calc(50% - 6px); font-size: 15px;padding: 14px 14px 40px 15px;}
    .btn_box .btn.ebook .text_view { font-size: 12px; background: #eee;  margin-top: 5px; padding:5px;}
}

@media all and (max-width:600px){
    .btn_box {
        height: 430px;
        background-position: right bottom;
        background-size: 100% auto;
        padding: 30px 30px;
    }
    .btn_box h3 {font-size: 20px;}
    .btn_box .btn.ebook {font-size: 14px;padding: 10px 10px 10px 40px 15px;}
    .btn_box .btn.ebook .text_view {font-size: 12px; background: #eee;  margin-top: 5px; padding:5px;}
}                                             

.text_view {display:none !important} //바로가기 숨김


/*신규여행지 250117*/
.new_postSpot { 
    width:100%; 
    background: url(/images/common/new_postBg.jpg) top no-repeat #eef9fc;
    padding-bottom : 10px;
} 
.new_postSpot h4 { font-size: 30px; margin-bottom: 35px; font-weight: 500;}
.new_postSpot ul { width:100%; } 
.new_postSpot li { margin-bottom:3px; box-shadow:2px 2px 3px rgba(0,0,0,0.1); overflow:hidden; position:relative; width:23.8%; float:left; } 
.new_postSpot li:not(:nth-child(4n)) { margin-right:1.5%; } 
.new_postSpot li a { display:block; padding-bottom:20px; background-color:#fff; } 
.new_postSpot li a:focus-visible { border:2px solid #fff; } 
.new_postSpot li:last-child { margin-right:0; position:relative; } 
.new_postSpot li .imgwrap img { width:100%; } 
.new_postSpot li .imgwrap { overflow:hidden; } 
.new_postSpot li .txtwrap {padding: 15px 20px 0;position: relative;min-height: 85px;background-color: #fff;word-break: keep-all;} 
.new_postSpot li .txtwrap span {display: -webkit-box;overflow: hidden;line-height: 1.4em;color: #333;text-align: center;word-wrap: break-word;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} 
html[lang="ja"] .new_postSpot li .txtwrap { word-break: unset; } 
html[lang="zh-CN"] .new_postSpot li .txtwrap { word-break: unset; } 
html[lang="zh-TW"] .new_postSpot li .txtwrap { word-break: unset; } 
.new_postSpot li .txtwrap:before { display:block; position:absolute; top:-33px; left:0; width:100%; height:36px; background:url(/images/main2023/thumnail-wave-white.png) center 20px no-repeat; background-size:cover; content:''; } 
.new_postSpot li .txtwrap img { display:none; position:absolute; top:-11px; left:calc(50% - 18px); } 
.new_postSpot li:hover .txtwrap img { display:block; } 
.new_postSpot li:hover .txtwrap {margin-top:-50px;padding: 18px 20px 0;min-height: 114px;transition:.3s all;} 
.new_postSpot li:hover .txtwrap span {-webkit-line-clamp: 4;} 
.new_postSpot li:hover .imgwrap .black { display:none; } 

@media all and (max-width:900px){
    .new_postSpot {padding-bottom : 1px;}
    .new_postSpot h4 {font-size: 25px;}
    .new_postSpot ul {display:flex; flex-wrap:wrap; }
    .new_postSpot li {width: 48.5%; margin-bottom: 15px; background:#fff;}
    .new_postSpot li:nth-child(2n) { margin-right:0; } 
    .new_postSpot li a {padding-bottom:10px; }
    .new_postSpot li .imgwrap {height:200px;}
    .new_postSpot li:hover .txtwrap {margin-top:-30px;padding:15px 20px 0px: unset;min-height: 85px;transition:.3s all;} 
}                                             
@media all and (max-width:600px){
    .new_postSpot {padding-bottom : 1px;}
    .new_postSpot h4 {font-size: 18px; margin:10px 0 20px;}
    .new_postSpot li .imgwrap {height:120px;}
    .new_postSpot li .txtwrap {font-size: 13px;min-height: 65px;}
    
}