@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap");
body { font-size: 0.93em !important; margin: 0; padding: 0; font-family: 'Noto Sans KR',NanumGothic, "나눔고딕", Dotum, "돋움", sans-serif; color: #000; font-weight: 400; }

.icon_search { width: 20px; height: 20px; display: inline-block; vertical-align: middle; position: relative; }
.icon_search::after, .icon_search::before { content: ''; border: 1px solid #626262; display: block; }
.icon_search::after { width: 85.714%; height: 85.714%; border-radius: 50%; box-sizing: border-box; }
.icon_search::before { width: 31%; border-width: 0; border-top-width: 1px; position: absolute; top: 78.74%; right: 0; transform: rotate(45deg); }
.icon_search.icon_size17 { width: 17px; height: 17px; }
.icon_search.icon_blue::after, .icon_search.icon_blue::before { border-color: #0065b3; }
@media (min-width: 768px) { .icon_search::after, .icon_search::before { border-width: 2px; }
  .icon_search::before { border-width: 0; border-top-width: 2px; } }

.icon_view { width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-top: -2px; border: 1px solid #888888; position: relative; border-radius: 15px; transition: all .3s; }
.icon_view::after, .icon_view::before { content: ''; display: block; clear: both; width: 7px; height: 1px; position: absolute; background: #000; left: 50%; top: 50%; }
.icon_view::after { margin-left: -3px; margin-top: -1px; }
.icon_view::before { width: 1px; height: 7px; margin-top: -4px; margin-left: -0px; }
.icon_view:hover { border-color: #000; }

.icon_check_red { display: inline-block; width: 7px; height: 7px; position: relative; font-size: 0; color: transparent; vertical-align: middle; margin-top: -1px; }
.icon_check_red::after { content: ''; position: absolute; width: 90%; height: 40%; border: 2px solid red; transform: rotate(-45deg); border-top: 0; border-right: 0; }

.icon_down { display: inline-block; background: url(/images/tour2/common/icon_down.png); width: 23px; height: 19px; vertical-align: middle; margin-top: -6px; }

.icon_c_eng, .icon_c_jp, .icon_c_ch, .icon_c_fr, .icon_c_de { width: 60px; height: 73px; font-size: 0; display: inline-block; vertical-align: middle; }

.icon_c_eng { background-image: url("/images/tour2/common/language01.gif"); }

.icon_c_jp { background-image: url("/images/tour2/common/language02.gif"); }

.icon_c_ch { background-image: url("/images/tour2/common/language03.gif"); }

.icon_c_fr { background-image: url("/images/tour2/common/language04.gif"); }

.icon_c_de { background-image: url("/images/tour2/common/language05.gif"); }

.icon_blank { width: 15px; height: 15px; background: url(/images/tour2/common/icon_blank.png); display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -4px; background-size: 15px 15px; font-size: 0; }

.mo_image_zoom a { min-width: 120px; border: 1px solid #a6a6a6; text-align: center; height: 35px; line-height: 33px; display: inline-block; border-radius: 40px; box-sizing: border-box; background: transparent; margin-top: 10px; font-size: 13px; }
@media (min-width: 768px) { .mo_image_zoom a { display: none; } }

.fc_red { color: #e40909 !important; }

.fc_blue { color: #0065b3 !important; }

.fc_gray { color: #616161 !important; }

.fc_yellow { color: #d9a61c !important; }
.fc_yellow2 { color: #fcf303 !important; }

.fc_black { color: #000 !important; }

.fwb { font-weight: 700; }

.fwn { font-weight: normal; }

.dib { display: inline-block; }

@media (max-width: 767px) { .mo_br { display: block; } }

.pc_br { display: none; }
@media (min-width: 1023px) { .pc_br { display: block; } }

.basic_table_nor { border-top: 2px solid #000; }
.basic_table_nor table { width: 100%; }
@media (max-width: 767px) { .basic_table_nor { padding-top: 15px; }
  .basic_table_nor tr, .basic_table_nor th, .basic_table_nor td { display: block; }
  .basic_table_nor tr { margin-top: 15px; display: block; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; }
  .basic_table_nor tr:first-child { margin-top: 0; }
  .basic_table_nor th { text-align: left; font-size: 13px; font-weight: 400; margin-bottom: 5px; color: #0065b3; font-weight: 400; }
  .basic_table_nor td { font-size: 15px; color: #000; } }
@media (min-width: 768px) { .basic_table_nor th { font-weight: 500; background: #fafafa; line-height: 40px; }
  .basic_table_nor th, .basic_table_nor td { text-align: left; height: 40px; vertical-align: middle; padding: 10px; border-bottom: 1px solid #e5e5e5; } }

.basic_table_nor2 { border-top: 2px solid #000; }
.basic_table_nor2 table { width: 100%; }
.basic_table_nor2 th { font-weight: 500; background: #fafafa; }
.basic_table_nor2 th, .basic_table_nor2 td { text-align: left; height: 40px; vertical-align: middle; padding: 10px; border-bottom: 1px solid #e5e5e5; }
.basic_table_nor2 tbody tr > * { transition: all .3s; }
.basic_table_nor2 tbody tr:hover > * { background: #3384c2; color: #fff; }
.basic_table_nor2.txt_center th, .basic_table_nor2.txt_center td { text-align: center; }

.over_table { overflow-x: auto; }
@media (max-width: 767px) { .over_table th, .over_table td { white-space: nowrap; } }

.over_table_t { overflow-x: auto; }
@media (max-width: 1021px) { .over_table_t th, .over_table_t td { white-space: nowrap; } }

.basic_table { border-top: 2px solid #000; }
.basic_table table { width: 100%; }
.basic_table thead th { background: #f3f3f3; }
.basic_table th { font-weight: 500; }
.basic_table th, .basic_table td { height: 40px; vertical-align: middle; padding: 7px; border: 1px solid #e5e5e5; line-height: 1.25em; }

.basic_table2 { line-height: 1.25em; }
.basic_table2 table { width: 100%; }
@media (max-width: 767px) { .basic_table2 tr, .basic_table2 th, .basic_table2 td { display: block; }
  .basic_table2 th { font-size: 13px; color: #0065b3; font-weight: 400; }
  .basic_table2 td { margin-top: 3px; }
  .basic_table2 tr { border-bottom: 1px solid #e5e5e5; padding: 10px 0; } }
@media (min-width: 768px) { .basic_table2 th, .basic_table2 td { border-bottom: 1px solid #e5e5e5; padding: 20px 0; } }
.basic_table2 th { text-align: left; }
.basic_table2 td { color: #4a4a4a; }
@media (max-width: 767px) { .basic_table2.opt_no_line tr { border: 0; } }
@media (min-width: 768px) { .basic_table2.opt_no_line th, .basic_table2.opt_no_line td { border: 0; padding: 10px 0; } }
@media (min-width: 768px) { .basic_table2.opt_th_bg th { background: #f3f3f3; }
  .basic_table2.opt_th_bg th, .basic_table2.opt_th_bg td { padding: 20px 20px; } }

.basic_list_inline { margin-top: -10px; }
.basic_list_inline li { display: inline-block; margin-right: 10px; margin-top: 10px; }
.basic_list_inline li:last-child { margin-right: 0; }

@media (max-width: 768px) { .basic_list.flexble li > strong { display: block; } }
.basic_list li { margin-top: 20px; }
.basic_list li:first-child { margin-top: 0; }

.basic_list_bullet li { margin-bottom: 10px; padding-left: 15px; position: relative; }
.basic_list_bullet li::before { content: ''; position: absolute; width: .6em; height: 2px; background: #d9a61c; display: inline-block; transform: rotate(-45deg); top: 8px; left: 0; }
.basic_list_bullet li:last-child { margin-bottom: 0; }

.basic_list_arr > li { margin-bottom: 10px; padding-left: 15px; position: relative; }
.basic_list_arr > li::before { content: ''; position: absolute; width: 5px; height: 5px; border: 2px solid #909090; border-top: 0; border-left: 0; transform: rotate(-45deg); left: 0; top: 8px; }
.basic_list_arr > li:last-child { margin-bottom: 0; }
.basic_list_arr ul li { margin-top: 10px; position: relative; padding-left: .8em; }
.basic_list_arr ul li::before { content: ''; position: absolute; width: 5px; height: 2px; background: #909090; left: 0; top: .6em; }

.basic_list_box::after { content: ''; display: block; clear: both; }
.basic_list_box li { min-width: 260px; text-align: center; border: 1px solid #d3d3d3; border-radius: 10px; margin-bottom: 10px; padding: 15px; }
.basic_list_box li last-child { margin-bottom: 0; }
.basic_list_box li > strong { color: #0065b3; display: block; font-weight: 400; font-size: 13px; }
.basic_list_box li > span { display: block; word-break: break-all; }
@media (min-width: 768px) { .basic_list_box li { padding: 30px 20px; float: left; margin-right: 10px; }
  .basic_list_box li:last-child { margin-right: 0; }
  .basic_list_box li > span { font-size: 18px; } }

.basic_tab_nav, .basic_tab_nav_njq { margin-bottom: 30px; }
@media (max-width: 767px) { .basic_tab_nav, .basic_tab_nav_njq { border: 1px solid #e6e6e6; position: relative; }
  .basic_tab_nav > strong, .basic_tab_nav_njq > strong { display: block; position: relative; z-index: 10; height: 45px; line-height: 45px; padding: 0 15px; background: #fff; position: relative; }
  .basic_tab_nav > strong::after, .basic_tab_nav_njq > strong::after { content: ''; position: absolute; right: 15px; width: 0; height: 0; border: 4px solid #000; border-left: 4px solid transparent; border-top: 4px solid transparent; top: 50%; transform: rotate(45deg); margin-top: -5px; }
  .basic_tab_nav > div, .basic_tab_nav_njq > div { position: relative; overflow: hidden; position: absolute; left: -1px; right: -1px; }
  .basic_tab_nav > div > div, .basic_tab_nav_njq > div > div { z-index: 9; box-sizing: border-box; background: #fff; border: 1px solid #adadad; position: relative; margin-top: -400px; }
  .basic_tab_nav > div > div > *, .basic_tab_nav_njq > div > div > * { display: block; border-top: 1px solid #e6e6e6; padding: 15px; background: transparent; width: 100%; text-align: left; }
  .basic_tab_nav > div > div > *:first-child, .basic_tab_nav_njq > div > div > *:first-child { border-top: 0; }
  .basic_tab_nav.active, .basic_tab_nav_njq.active { border-color: #adadad; }
  .basic_tab_nav.active strong::after, .basic_tab_nav_njq.active strong::after { transform: rotate(-135deg); }
  .basic_tab_nav.active > div > div, .basic_tab_nav_njq.active > div > div { bottom: auto; top: 0; margin-top: 0; } }
@media (min-width: 768px) { .basic_tab_nav, .basic_tab_nav_njq { border-bottom: 2px solid #0065b3; }
  .basic_tab_nav::after, .basic_tab_nav_njq::after { content: ''; display: block; clear: both; }
  .basic_tab_nav > strong, .basic_tab_nav_njq > strong { display: none; }
  .basic_tab_nav > div > div > *, .basic_tab_nav_njq > div > div > * { float: left; font-size: 18px; padding: 10px 30px; border: 1px solid #e6e6e6; border-bottom: 0; border-left: 0; }
  .basic_tab_nav > div > div > *:first-child, .basic_tab_nav_njq > div > div > *:first-child { border-left: 1px solid #e6e6e6; }
  .basic_tab_nav > div > div > *.active, .basic_tab_nav_njq > div > div > *.active { background: #0065b3; color: #fff; border-color: #0065b3; } }

.basic_down { background: #0065b3; min-width: 230px; display: inline-block; vertical-align: middle; padding: 10px 15px; border-radius: 5px; color: #fff; font-size: 18px; position: relative; box-sizing: border-box; }
.basic_down::after { content: ''; width: 23px; height: 18px; background: url(/images/tour2/common/icon_down.gif); position: absolute; right: 15px; top: 50%; margin-top: -9px; }

.basic_tab_cont > * { display: none; }
.basic_tab_cont > *:first-child { display: block; }

.tal { text-align: left !important; }

a { text-decoration: none; color: #000; }

.basic_btn { min-width: 120px; border: 2px solid #000; text-align: center; height: 35px; line-height: 31px; display: inline-block; border-radius: 40px; box-sizing: border-box; background: transparent; font-weight: 400; padding: 0 20px; }
.basic_btn .icon_search { vertical-align: middle; margin-top: -4px; }
@media (min-width: 768px) { .basic_btn { height: 40px; line-height: 36px; } }
.basic_btn.bb_blue { color: #0065b3; border-color: #0065b3; }
.basic_btn.bb_red { color: #e40909; border-color: #e40909; }
.basic_btn.bb_gray { color: #8b8b8b; border-color: #8b8b8b; }
.basic_btn.bb_full_blue { background: #0065b3; color: #fff; border-color: #0065b3; }
.basic_btn.bb_ss { height: 35px; line-height: 31px; font-size: 13px; }
.basic_btn.bb_xx { height: 50px; line-height: 46px; font-size: 18px; min-width: 200px; }

.basic_btn_light { border: 1px solid #cccccc; color: #525252; padding: 5px 5px; border-radius: 30px; font-weight: normal; display: inline-block; font-size: 13px; background: #fff; text-align: center; line-height: 1em; display: inline-block; vertical-align: middle; }

.basic_tel::before { content: ''; width: 15px; height: 15px; background: url(/images/tour2/common/icon_tel.png); margin-right: 5px; display: inline-block; vertical-align: middle; margin-top: -2px; background-size: 15px 15px; }

.basic_blank::after { content: ''; width: 15px; height: 15px; background: url(/images/tour2/common/icon_blank.png); display: inline-block; vertical-align: middle; margin-left: 5px; margin-top: -4px; background-size: 15px 15px; }

.txt_center { text-align: center; }

.txt_right { text-align: right; }

.txt_left { text-align: left; }

.full_left { float: left; }

.full_right { float: right; }

.basic_gride { margin: -15px; }
.basic_gride::after { content: ''; display: block; clear: both; }

@media (max-width: 767px) { *[class*=basic_gride_m_col] { margin: 15px; float: left; }
  .basic_gride_m_col4 { width: calc(100% - 30px); }
  .basic_gride_m_col3 { width: calc(75% - 30px); }
  .basic_gride_m_col2 { width: calc(50% - 30px); }
  .basic_gride_m_col1 { width: calc(25% - 30px); } }
@media (min-width: 768px) { *[class*=basic_gride_col] { margin: 15px; float: left; }
  .basic_gride_col1 { width: calc(8.33% - 30px); }
  .basic_gride_col2 { width: calc(16.66% - 30px); }
  .basic_gride_col3 { width: calc(25% - 30px); }
  .basic_gride_col4 { width: calc(33.33% - 30px); }
  .basic_gride_col5 { width: calc(41.66% - 30px); }
  .basic_gride_col6 { width: calc(50% - 30px); }
  .basic_gride_col7 { width: calc(58.33% - 30px); }
  .basic_gride_col8 { width: calc(66.66% - 30px); }
  .basic_gride_col9 { width: calc(75% - 30px); }
  .basic_gride_col10 { width: calc(83.33% - 30px); }
  .basic_gride_col11 { width: calc(91.66% - 30px); }
  .basic_gride_col12 { width: calc(100% - 30px); } }
/* form inpus*/
.basic_input { vertical-align: middle; }

/* radio */
input[type=radio].basic_input, input[type=checkbox].basic_input { display: none; }
input[type=radio].basic_input + label, input[type=checkbox].basic_input + label { cursor: pointer; }
input[type=radio].basic_input + label span, input[type=checkbox].basic_input + label span { display: inline-block; border: 1px solid #d8d8d8; width: 20px; height: 20px; position: relative; box-sizing: border-box; vertical-align: middle; margin-top: -3px; margin-right: 5px; transition: all .3s; }
input[type=radio].basic_input + label span::after, input[type=checkbox].basic_input + label span::after { content: ''; width: 8px; height: 5px; position: absolute; border: 2px solid #dddddd; border-top: 0; border-right: 0; transform: rotate(-45deg); left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; transition: all .3s; }
input[type=radio].basic_input:checked + label span, input[type=checkbox].basic_input:checked + label span { border-color: #acacac; }
input[type=radio].basic_input:checked + label span::after, input[type=checkbox].basic_input:checked + label span::after { border-color: #de1f26; }

input[type=radio].basic_input + label span { border-radius: 20px; }

/* test, select */
input[type=text].basic_input, select.basic_input, input[type=password].basic_input { border: 1px solid #d3d3d3; height: 40px; box-sizing: border-box; margin: 0; padding: 0; border-radius: 5px; padding: 0 10px; transition: all .3s; }

textarea.basic_input { border: 1px solid #d3d3d3; border-radius: 5px; padding: 10px; box-sizing: border-box; }

/* select only */
select.basic_input { background-color: transparent; background-image: url(/images/tour2/common/select_arr.png); background-repeat: no-repeat; background-position: center right 10px; padding-right: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.basic_input::-ms-expand { display: none; }

/* .basic_opt_select
{ &::after{content:'';display: block;clear: both;} border:1px solid #d3d3d3;height:40px;box-sizing: border-box;line-height: 38px;position: relative; label{position: absolute;left:10px;color: #343434;} select { position: relative;z-index:2;background-color: transparent;direction: rtl; border:0;height:38px;appearance: none; &:focus{border:0;}
 text-align:right; option{text-align:right;} }
} */
.basic_input_number { display: inline-block; vertical-align: middle; border: 1px solid #c7c7c7; border-radius: 5px; padding: 0 38px; position: relative; height: 38px; overflow: hidden; width: 60px; }
.basic_input_number input { display: block; height: 38px; text-align: center; width: 100%; }
.basic_input_number button { width: 38px; height: 38px; position: absolute; top: 0; background: #eef1f3; box-sizing: border-box; }
.basic_input_number .ct_minus { left: 0; border-right: 1px solid #e6e7e8; }
.basic_input_number .ct_minus::after { content: '-'; }
.basic_input_number .ct_plus { right: 0; border-left: 1px solid #e6e7e8; }
.basic_input_number .ct_plus::after { content: '+'; }

.width5 { width: 5px; }

.width10 { width: 10px; }

.width15 { width: 15px; }

.width20 { width: 20px; }

.width25 { width: 25px; }

.width30 { width: 30px; }

.width35 { width: 35px; }

.width40 { width: 40px; }

.width45 { width: 45px; }

.width50 { width: 50px; }

.width55 { width: 55px; }

.width60 { width: 60px; }

.width65 { width: 65px; }

.width70 { width: 70px; }

.width75 { width: 75px; }

.width80 { width: 80px; }

.width85 { width: 85px; }

.width90 { width: 90px; }

.width95 { width: 95px; }

.width100 { width: 100px; }

.width105 { width: 105px; }

.width110 { width: 110px; }

.width115 { width: 115px; }

.width120 { width: 120px; }

.width125 { width: 125px; }

.width130 { width: 130px; }

.width135 { width: 135px; }

.width140 { width: 140px; }

.width145 { width: 145px; }

.width150 { width: 150px; }

.width155 { width: 155px; }

.width160 { width: 160px; }

.width165 { width: 165px; }

.width170 { width: 170px; }

.width175 { width: 175px; }

.width180 { width: 180px; }

.width185 { width: 185px; }

.width190 { width: 190px; }

.width195 { width: 195px; }

.width200 { width: 200px; }

.width205 { width: 205px; }

.width210 { width: 210px; }

.width215 { width: 215px; }

.width220 { width: 220px; }

.width225 { width: 225px; }

.width230 { width: 230px; }

.width235 { width: 235px; }

.width240 { width: 240px; }

.width245 { width: 245px; }

.width100p { width: 100%; }

.mw100p { max-width: 100%; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mt45 { margin-top: 45px; }

.mt50 { margin-top: 50px; }

.mt55 { margin-top: 55px; }

.mt60 { margin-top: 60px; }

.mt65 { margin-top: 65px; }

.mt70 { margin-top: 70px; }

.mt75 { margin-top: 75px; }

.mt80 { margin-top: 80px; }

.mt85 { margin-top: 85px; }

.mt90 { margin-top: 90px; }

.mt95 { margin-top: 95px; }

.mt100 { margin-top: 100px; }

.mt105 { margin-top: 105px; }

.mt110 { margin-top: 110px; }

.mt115 { margin-top: 115px; }

.mt120 { margin-top: 120px; }

.mt125 { margin-top: 125px; }

.mt130 { margin-top: 130px; }

.mt135 { margin-top: 135px; }

.mt140 { margin-top: 140px; }

.mt145 { margin-top: 145px; }

.mt150 { margin-top: 150px; }

.mt155 { margin-top: 155px; }

.mt160 { margin-top: 160px; }

.mt165 { margin-top: 165px; }

.mt170 { margin-top: 170px; }

.mt175 { margin-top: 175px; }

.mt180 { margin-top: 180px; }

.mt185 { margin-top: 185px; }

.mt190 { margin-top: 190px; }

.mt195 { margin-top: 195px; }

.mt200 { margin-top: 200px; }

.mt205 { margin-top: 205px; }

.mt210 { margin-top: 210px; }

.mt215 { margin-top: 215px; }

.mt220 { margin-top: 220px; }

.mt225 { margin-top: 225px; }

.mt230 { margin-top: 230px; }

.mt235 { margin-top: 235px; }

.mt240 { margin-top: 240px; }

.mt245 { margin-top: 245px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb45 { margin-bottom: 45px; }

.mb50 { margin-bottom: 50px; }

.mb55 { margin-bottom: 55px; }

.mb60 { margin-bottom: 60px; }

.mb65 { margin-bottom: 65px; }

.mb70 { margin-bottom: 70px; }

.mb75 { margin-bottom: 75px; }

.mb80 { margin-bottom: 80px; }

.mb85 { margin-bottom: 85px; }

.mb90 { margin-bottom: 90px; }

.mb95 { margin-bottom: 95px; }

.mb100 { margin-bottom: 100px; }

.mb105 { margin-bottom: 105px; }

.mb110 { margin-bottom: 110px; }

.mb115 { margin-bottom: 115px; }

.mb120 { margin-bottom: 120px; }

.mb125 { margin-bottom: 125px; }

.mb130 { margin-bottom: 130px; }

.mb135 { margin-bottom: 135px; }

.mb140 { margin-bottom: 140px; }

.mb145 { margin-bottom: 145px; }

.mb150 { margin-bottom: 150px; }

.mb155 { margin-bottom: 155px; }

.mb160 { margin-bottom: 160px; }

.mb165 { margin-bottom: 165px; }

.mb170 { margin-bottom: 170px; }

.mb175 { margin-bottom: 175px; }

.mb180 { margin-bottom: 180px; }

.mb185 { margin-bottom: 185px; }

.mb190 { margin-bottom: 190px; }

.mb195 { margin-bottom: 195px; }

.mb200 { margin-bottom: 200px; }

.mb205 { margin-bottom: 205px; }

.mb210 { margin-bottom: 210px; }

.mb215 { margin-bottom: 215px; }

.mb220 { margin-bottom: 220px; }

.mb225 { margin-bottom: 225px; }

.mb230 { margin-bottom: 230px; }

.mb235 { margin-bottom: 235px; }

.mb240 { margin-bottom: 240px; }

.mb245 { margin-bottom: 245px; }

.textbox_blue, .textbox_gray, .textbox_red { height: 25px; border-radius: 5px; line-height: 25px; width: 70px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }

.textbox_blue { background: #1370b9; }

.textbox_gray { background: #939393; }

.textbox_red { background: #e40909; }

/* modal */
.basic_laypop_cont { display: none; }

.basic_laypop_full { position: fixed; z-index: 2000; left: 0; top: 0; width: 100%; height: 100%; overflow-y: auto; padding: 5px 15px 15px 15px; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); }
@media (min-width: 768px) { .basic_laypop_full { padding: 5px 30px 30px 30px; } }
.basic_laypop_full > div { display: table; width: 100%; height: 100%; }
.basic_laypop_full > div > div { display: table-cell; vertical-align: middle; }
.basic_laypop_full .basic_laypop_cont { position: relative; display: block; padding-top: 50px; }
.basic_laypop_full .laypop_close { position: absolute; top: 0; right: 0; }
.basic_laypop_full .laypop_close button { display: inline-block; width: 50px; height: 50px; position: relative; background: transparent; }
.basic_laypop_full .laypop_close button::after, .basic_laypop_full .laypop_close button::before { content: ''; width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -10px; top: 50%; }
.basic_laypop_full .laypop_close button::after { transform: rotate(-45deg); }
.basic_laypop_full .laypop_close button::before { transform: rotate(45deg); }

.basic_laypop_full.basic_laypop_full_open { animation: laypop_bg_ani .3s forwards; }
.basic_laypop_full.basic_laypop_full_open .basic_laypop_cont { animation: laypop_cont_ani .3s forwards; }

.basic_laypop_full.basic_laypop_full_close { animation: laypop_bg_ani .3s; animation-direction: reverse; }
.basic_laypop_full.basic_laypop_full_close .basic_laypop_cont { animation: laypop_cont_ani .3s; animation-direction: reverse; }

@keyframes laypop_bg_ani { 0% { background: rgba(0, 0, 0, 0); }
  100% { background: rgba(0, 0, 0, 0.8); } }
@keyframes laypop_cont_ani { 0% { opacity: 0; transform: translateY(-50px); }
  100% { opacity: 1; transform: translateY(0); } }



.basic_list_box li ul{overflow:hidden; margin-top:6px;}
.basic_list_box li.list_box2{box-sizing:border-box; height:128px; padding:10px;}
.basic_list_box li li{min-width:auto;margin:6px 0;padding: 16px 30px;border:none;background:#f4f4f4;}

@media (min-width: 768px) {
  .basic_list_box li li{margin:0 6px;}
  .basic_list_box li li:last-child{margin:0 6px;}
}