@charset "UTF-8";
/* ************************* S : common style************************** */
@media (max-width: 775px) { .mo_br { display: block; } }

.tel_link { display: inline-block; }
.tel_link::before { content: ''; width: 10px; height: 10px; display: inline-block; background: red; vertical-align: middle; margin-top: -3px; margin-right: 5px; background: url(/images/citytour/common/icon_tel.png); background-size: 10px 10px; }
@media (min-width: 768px) { .tel_link::before { width: 15px; height: 15px; background-size: 15px 15px; } }

/* 기본 컨텐츠 */
.icon_c_check { display: inline-block; border: 1px solid #d8d8d8; width: 20px; height: 20px; position: relative; border-radius: 20px; box-sizing: border-box; vertical-align: middle; margin-top: -3px; }
.icon_c_check::after { content: ''; width: 8px; height: 5px; position: absolute; border: 2px solid #de1f26; border-top: 0; border-right: 0; transform: rotate(-45deg); left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; }

.icon_important { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: -2px; font-style: normal; font-size: 18px; font-family: dotum; font-weight: bold; color: #de1f26; text-align: center; line-height: 0 !important; }
.icon_important::after { content: '*'; line-height: 1em !important; }

.basic_ul li { margin-top: 10px; }
.basic_ul li:first-child { margin-top: 0; }
.basic_ul.type_bullet li { padding-left: 30px; position: relative; }
.basic_ul.type_bullet .bullet { position: absolute; position: absolute; left: 0; top: 5px; }
@media (min-width: 768px) { .basic_ul li { margin-top: 15px; } }

.basic_p { font-size: 16px; line-height: 1.5em; margin: 10px 0 10px 20px; }

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red { color: #d44500; }

.fc_gray { color: #646464; }

.fc_em { color: #00a196; }

/* table */
.over_table { overflow-x: auto; }

.basic_table table { width: 100%; }
.basic_table thead tr:first-child th { border-top: 3px solid #000; }
.basic_table thead th { background: #fafafa; border-top: 0; vertical-align: middle; text-align: center; }
.basic_table th, .basic_table td { border: 1px solid #cccccc; padding: 10px 20px; }
.basic_table th { font-weight: 500; }
.basic_table td { padding: 15px 20px; }
.basic_table.va_middle th, .basic_table.va_middle td { vertical-align: middle; }
@media (max-width: 767px) { .basic_table *[class*=width] { width: auto; }
  .basic_table th, .basic_table td { white-space: nowrap; } }

.basic_table_nor table { width: 100%; }
@media (max-width: 767px) { .basic_table_nor tr, .basic_table_nor th, .basic_table_nor td { display: block; }
  .basic_table_nor tr { margin-top: 15px; }
  .basic_table_nor tr:first-child { margin-top: 0; }
  .basic_table_nor th { text-align: left; font-size: 13px; font-weight: 300; color: #00a196; }
  .basic_table_nor td { font-size: 18px; } }
@media (min-width: 768px) { .basic_table_nor th { font-weight: 500; }
  .basic_table_nor th, .basic_table_nor td { text-align: left; min-height: 40px; vertical-align: middle; padding: 10px 0; } }

.basic_table2 > table { width: 100%; }
@media (max-width: 767px) { .basic_table2 > table { display: block; }
  .basic_table2 > table > tbody { display: block; width: 100%; }
  .basic_table2 > table > tbody > tr, .basic_table2 > table > tbody > tr > th, .basic_table2 > table > tbody > tr > td { display: block; width: 100%; }
  .basic_table2 > table > tbody tr { margin-top: 15px; border-top: 1px solid #ededed; padding-top: 15px; }
  .basic_table2 > table > tbody tr:first-child { margin-top: 0; }
  .basic_table2 > table > tbody > tr > th { text-align: left; font-size: 13px; font-weight: 300; color: #00a196; font-weight: 500; margin-bottom: 10px; }
  .basic_table2 > table table { font-size: 15px; } }
@media (min-width: 768px) { .basic_table2 > table > tbody > tr > th { font-weight: 500; font-size: 18px; }
  .basic_table2 > table > tbody > tr > th, .basic_table2 > table > tbody > tr > td { text-align: left; min-height: 40px; vertical-align: middle; padding: 20px 0; border-top: 1px solid #ededed; } }

/* form inpus*/
/* 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 { /* width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;border:1px solid #dedede;position: relative;
&::after{border:1px soild } */ 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 #de1f26; border-top: 0; border-right: 0; transform: rotate(-45deg); left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; opacity: 0; 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 { opacity: 1; }

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; padding: 0 10px; transition: all .3s; }

/* select only */
select.basic_input { background-color: #fff; background-image: url(/images/citytour/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 { border: 1px solid #d3d3d3; height: 40px; box-sizing: border-box; line-height: 38px; position: relative; }
.basic_opt_select::after { content: ''; display: block; clear: both; }
.basic_opt_select label { position: absolute; left: 10px; color: #343434; }
.basic_opt_select select { position: relative; z-index: 2; background-color: transparent; direction: rtl; border: 0; height: 38px; appearance: none; /* text-align-last:right; */ text-align: right; }
.basic_opt_select select:focus { border: 0; }
.basic_opt_select select option { text-align: right; }

.basic_btn { border: 2px solid #00aaaa; color: #00aaaa; font-size: 18px; display: inline-block; text-align: center; padding: 0 15px; height: 40px; line-height: 36px; box-sizing: border-box; background: #fff; }
.basic_btn.gray { border-color: #d3d3d3; color: #8a8a8a; }
@media (min-width: 1023px) { .basic_btn { height: 60px; line-height: 56px; } }

.basic_btn_nor { height: 35px; padding: 0 20px; box-sizing: border-box; line-height: 35px; border-radius: 5px; background: #00aaaa; color: #fff; display: inline-block; vertical-align: middle; text-align: center; }
.basic_btn_nor.height40 { height: 40px; line-height: 40px; }
.basic_btn_nor.c_gray { background: #f0f0f0; color: #000; }

/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.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%; }

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

.fs11 { font-size: 11px; }

.fs12 { font-size: 12px; }

.fs13 { font-size: 13px !important; }

.fs14 { font-size: 14px; }

.fs15 { font-size: 15px; }

.fs16 { font-size: 16px; }

.fs17 { font-size: 17px; }

.fs18 { font-size: 18px; }

.fs19 { font-size: 19px; }

.fs20 { font-size: 20px; }

.fs21 { font-size: 21px; }

.fs22 { font-size: 22px; }

.fs23 { font-size: 23px; }

.fs24 { font-size: 24px; }

.fs25 { font-size: 25px; }

.fs26 { font-size: 26px; }

/* 기본 마진 : 상황에 따라 추가 가능 */
.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb30 { margin-bottom: 30px !important; }

/* 기본 패딩 : 상황에 따라 추가 가능 */
.p0 { padding: 0 !important; }

.pb0 { padding-bottom: 0px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb30 { padding-bottom: 30px !important; }

.pl10 { padding-left: 10px; }

.pl15 { padding-left: 15px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pr10 { padding-right: 10px; }

.pr20 { padding-right: 10px; }

.pr30 { padding-right: 10px; }

.pt10 { padding-top: 10px !important; }

.pt20 { padding-top: 20px !important; }

.pt30 { padding-top: 30px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pt60 { padding-top: 60px !important; }

.pt70 { padding-top: 70px !important; }

.pt80 { padding-top: 80px !important; }

.pt100 { padding-top: 100px !important; }

/* 이미지 및 컨텐츠 정렬 시. */
.txt_center { text-align: center !important; }

.txt_right { text-align: right !important; }

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

.single_image { max-width: 100%; display: block; }