@import url("/css/noto_sans_kr.css");
a:hover{text-decoration:none}
section div, section p { line-height: 1.3; font-weight: 400; margin-bottom:0px; }
.red { color: #f90000; }

/* ------------------- sec01 - 영역 ------------------- */
.sec01_Wrap { position: absolute; width: 100%; padding: 10px; top: 40%; transform: translateY(-50%); }
.sec01_Wrap img { display: block; margin: auto; padding: 0 30px; }
.sec01_Wrap .sec01_txt01 { font-size: 20px; display: inline-block; background: #ce0000; border-radius: 15px; padding: 4px 15px; margin: 20px 0; }
.sec01_Wrap .sec01_txt01 br { display: none; }

/* ------------------- sec02 - 영역 ------------------- */
#sec02 .container { position: relative; }
.sec02_txtWrap { color: #242424; padding-top: 100px; }
.sec02_txtWrap .sec02_title_eg { margin-top: 10px; }
.sec02_txtWrap .sec02_title { font-size: 45px; }
.sec02_txtWrap .sec02_txt01 { font-size: 20px; margin: 10px 0 25px; } 
.Rocky_txt01 { font-size: 14px; color: #666; line-height: 1.8; }
.sec02_map {/* position: absolute; top: 40px; right: 0; */}

/* ------------------- sec03 - 영역 ------------------- */
#sec03 { background: #f7f7f7; }
.sec03_btn_Wrap li { position: relative;padding:0px 10px;}
.sec03_btn_Wrap li a { display: block; position: relative; width: 100%; background: #fff; border: 1px solid #e1e1e1; padding: 7px 5px; }
.sec03_btn_Wrap li a .sec03_btn_txt01 { font-size: 16px; color: #888; font-weight: 300; }
.sec03_btn_Wrap li a .sec03_btn_txt02 { font-size: 24px; color: #1f1c19; }
.sec03_btn_Wrap li a .sec03_btn_txt02 br { display: none; }
.sec03_btn_Wrap li a:hover,
.sec03_btn_Wrap li.active a { background: #4e39f2; border: 1px solid #4e39f2; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.sec03_btn_Wrap li a:hover .sec03_btn_txt01,
.sec03_btn_Wrap li a:hover .sec03_btn_txt02,
.sec03_btn_Wrap li.active a .sec03_btn_txt01,
.sec03_btn_Wrap li.active a .sec03_btn_txt02 { color: #fff; }
.sec03_btn_Wrap li:before, .sec03_btn_Wrap li.active:before { 
  pointer-events: none;
  position: absolute;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 12px 12px 0 12px;
  border-color: #4e39f2 transparent transparent transparent;
}
.sec03_btn_Wrap li:hover:before,
.sec03_btn_Wrap li.active:before { -webkit-transform: translateY(12px); transform: translateY(12px); }
.sec03_item { display: none; }
.sec03_item .sec03_tit { font-size: 32px; font-weight: 600; color: #1f1c19; margin-bottom: 20px; }
.sec03_item .sec03_img_Wrap { margin-right: -10px; margin-left: -10px; }
.sec03_item .sec03_img_Wrap .col-xs-6,
.sec03_item .sec03_img_Wrap .col-xs-12 { padding: 10px 0px; }

/* ------------------- sec04 - 영역 ------------------- */
.travel_tit { font-size: 32px; color: #1f1c19; }
.travel_list .col-xs-12 { margin-bottom: 30px; }
.maingood_list_btn { position: relative; border: 1px solid #d7d7d7; }
.maingood_list_img { position: relative; z-index: 20; overflow: hidden; }
.maingood_list_con { padding:15px; min-height: 220px;}
.maingood_list_con div { line-height: 1.5; }
.maingood_list_tit { font-size: 1.3em; font-weight: 500; padding-bottom: 10px; }
.maingood_list_p1 { font-size: 11px; color: #666;}
.maingood_list_p2 { color: #E74C3C; padding-bottom: 10px;}
.maingood_list_pr { position: absolute; bottom: 15px; right: 15px;font-size: 2em; font-weight: 500; text-align: right; }
.maingood_list_pr .pr_begin_str { font-size: .7em; }
.maingood_list_glass {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -17px 0px 0px -17px;
  width: 35px;
  height: 35px;
  background: url(http://cs.ios.co.kr/images/detail_glass.png) 0px 0px no-repeat;
  z-index: 21;
}
.maingood_list_btna {
  -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
      -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
       -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
          transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.maingood_list_btna:hover .maingood_list_glass { display: block; }
.maingood_list_btna:hover .maingood_list_btn { border: 1px solid #666; }


@media only screen and (max-width: 1199px) {
  .sec02_map { width: 600px; }
  .sec03_btn_Wrap li a .sec03_btn_txt02 { font-size: 20px; }
  .maingood_list_pr { bottom: 10px; position: absolute; }
}
@media only screen and (max-width: 992px) {
  .sec02_txtWrap { padding-top: 220px; }
  .sec02_map { width: 500px; }  
  .sec03_btn_Wrap li a .sec03_btn_txt01 { font-size: 13px; }
  .maingood_list_con { min-height: 280px; }
}
@media only screen and (max-width: 767px) {
  .sec01_Wrap .sec01_txt01 { font-size: 16px; }
  .sec01_Wrap .sec01_txt01 br, 
  .sec03_btn_Wrap li a .sec03_btn_txt02 br, .travel_tit span { display: inline-block; }
  
  .sec02_txtWrap { padding-top: 50px; }
  .sec02_txtWrap .sec02_icon { width: 80px; }
  .sec02_txtWrap .sec02_title { font-size: 30px; }
  .sec02_txtWrap .sec02_txt01 { font-size: 16px; margin: 5px 0 15px; }
  .sec02_txtWrap .Rocky_txt01 br, .sec03_item .Rocky_txt01 br { display: none; }
  .sec02_map { position: relative; width: 100%; top: 20px; }
  
  .sec03_btn_Wrap li a .sec03_btn_txt01 { display: none; }
  .sec03_btn_Wrap li a .sec03_btn_txt02 { font-size: 16px; }
  .sec03_item .sec03_tit, .travel_tit { font-size: 25px; }
  .sec03_item .sec03_img_Wrap .col-xs-6,
  .sec03_item .sec03_img_Wrap .col-xs-12 { padding: 5px; }
  
  .travel_list .col-xs-12 { margin-bottom: 10px; }
  .maingood_list_con { min-height: auto; }
  .maingood_list_p2 { padding-bottom: 20px; }
  .maingood_list_pr { position: relative; text-align: left; right: 0; }
}