@import url('font.css'); /* 폰트임 */

body {
  margin-top: 0 !important;
  min-width: 320px;
  color: #333;
  line-height: 26px;
  font-size: 15px;
  font-family: 'Noto Sans KR', sans-serif;
  letter-spacing: -0.25px;
  word-break: normal;
  word-wrap: break-word;
  font-weight: 400;
}

* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}

ol, ul {
  list-style : none;
}

.container {
  margin-top : 10px;
  width : 100%;
}

#package {
  max-width : 1860px;
  margin : 0 auto;
  padding : 0 20px;
}

.mwarea {
    max-width: 1310px;
    margin: 0 auto;
}

.mb50 {
  margin-bottom : 50px;
}

.mb100 {
  margin-bottom : 100px;
}

.md {
  margin : 0 5% 20px 5%;
}

h2 {
  color:#f36d21;
  font-size:50px;
  font-weight:600;
  line-height:100%;
  letter-spacing:0.05em;
  text-align:center;
  margin-bottom : 10px;
}

h2 span {
  margin-bottom:12px;
  color:#333;
  font-size:20px;
  font-family:'GillSansMT', sans-serif;
  font-weight:400;
  line-height:100%;
  letter-spacing:0;
  display:block;
}

h2 span.ko {
  font-family:'Noto Sans KR', sans-serif;
}

*:focus {
  outline : none;
}

.package_basic {
  margin-top : 50px;
}

.package_basic_title {
  margin-bottom : 40px;
}

.package_basic_title span{
  font-size : 35px;
  font-weight : 600;
  color:#f36d21;
}

.text_title {
  font-size : 30px;
  font-weight : 500;
  margin-right : 20px;
  color : #000000;
}

.package_section1_title {
  margin : 0 0 20px 0;
}

.package_section1_title p {
  color : #646464;
  font-size : 20px;
}

.package_section1_image {
  margin : 0 0 20px 0;
  text-align : center;
}

.package_section1_image img {
  width : 100%;
}

.package_section1_image_mobile {
  display : none;
}

.package_section1_image_mobile img {
  width : 100%;
}

.package_section1_text {
  margin : 0 0 20px 0;
}

.package_section1_text p {
  margin-bottom : 5px;
}

.package_section1_table {
  margin : 0 0 20px 0;
  border-top : 1px solid #000000;
}

.size {
  width : 100%;
  border-collapse : collapse;
}

.size th {
  font-weight : 500;
  background-color : #fafafa;
}

.size th, .size td {
  text-align : center;
  vertical-align : middle;
  border-bottom : 1px solid #e7e7e7;;
  border-left : 1px solid #e7e7e7;
  padding : 10px;
  width : 10%;
}

.package_section1_table_under_600 {
  display : none;
}

.package_section1_alert p {
  position : relative;
  color : red;
  padding-left : 20px;
}

.package_section1_alert > p:before {
    content: '��';
    position: absolute;
    left: 0;
}

.package_section2 {
  text-align : center;
}

.package_section2_btn {
  display : inline-block;
  text-decoration : none;
}

.package_section2_btn > * {
  width : auto;
  padding : 0 60px;
  color : #fff;
  background-color : #ff6600;
  border-radius : 54px;
  font-size : 15px;
  line-height : 50px;
}

.package_section3_title {
  margin-bottom : 15px;
}

.package_section3_title p {
  font-size : 25px;
  font-weight : 500;
  display : inline-block;
  width : 49%;
  text-align : center;
}

.package_section3_title_left {
  margin-right : 1%;
}

.package_section3_title_right {
  margin-left : 1%;
}

.package_section3_image {
  text-align : center;
}

.package_section3_image_left {
  margin-right : 1%
}

.package_section3_image_right {
  margin-left : 1%
}

.package_section3_image img {
  width : 49%;
}

.package_section3_mobile {
  display : none;
}

.package_section3_mobile_title {
  font-size : 17px;
  font-weight : 500;
  text-align : center;
}

.package_section3_mobile img {
  width : 100%;
}

.package_section4 {
  margin : 0 0 20px 0;
}

.package_section4_mobile {
  display : none;
  font-size : 17px;
  font-weight : 500;
}

.package_section4_title p {
  font-size : 25px;
  font-weight : 500;
  display : inline-block;
  width : 30%;
  text-align : center;
}

.package_section4_title_mid {
  margin-left : 5%;
  margin-right : 5%;
}

.package_section4_image {
  text-align : center;
  vertical-align : middle;
}

.package_section4_image_left {
  width : 30%;
}

.package_section4_image_mid_left{
  margin-left : 5%;
  width : 14%;
  margin-right : 1%;
}

.package_section4_image_mid_right{
  margin-right : 5%;
  width : 14%;
  margin-left : 1%;
}

.package_section4_image_double {
  display : inline-block;
  width : 30%;
}

.package_section4_image_double img{
  width : 100%;
}

.package_section4_image_double p {
  font-size : 25px;
  font-weight : 500;
  display : inline-block;
  text-align : center;
  margin-top : 25px;
  margin-bottom : 15px;
}

.package_plus_title {
  margin-bottom : 40px;
}

.package_plus_title span{
  font-size : 35px;
  font-weight : 600;
  color:#f36d21;
}

.package_section5_text {
  margin : 0 0 20px 0;
}

.package_section5_text > p{
    position: relative;
    padding-left: 15px;
    font-size: 20px;
    line-height: 27px;
}

.package_section5_text > p:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #333;
    left: 0;
    top: 12px;
}

.package_section5_text > .red:before {
    background : red;
}

.package_section5_image {
  text-align : center;
  vertical-align : middle;
  font-size : 25px;
  font-weight : 500;
}

.package_section5_image p {
  width : 100%;
  margin-bottom : 15px;
}

.package_section5_image_plus {
  margin-top : 15px;
  font-size : 50px;
}

.package_section5_image_title p {
  width : 33%;
  display : inline-block;
}

.package_section5_image_img img{
  width : 33%;
}

.package_section5_image_mid {
  margin-left : 0.5%;
  margin-right : 0.5%;
}

.package_section5_image_mobile {
  font-size : 17px;
  font-weight : 500;
  text-align : center;
  display : none;
}

.package_section5_image_mobile img {
  width : 100%;
  margin-bottom : 10px;
}

@media screen and (max-width : 1024px) {
  h2 {font-size : 34px;}
  h2 span {font-size : 16px}

  .mb50 {margin-bottom : 30px;}
  .mb100 {margin-bottom : 50px;}

  body {font-size : 13px;}

  .package_basic {margin-top : 30px;}
  .package_basic_title {margin-bottom : 20px;}
  .package_basic_title span {font-size : 25px;}
  .package_basic_title p {font-size : 15px;}
  .package_section1_title p span {font-size : 20px;}
  .package_section1_title p {font-size : 15px;}
  .package_section1_image {margin-bottom : 10px;}
  .package_section1_text {margin-bottom : 10px;}
  .package_section1_text p {margin-bottom : 3px;}
  .size th, .size td {padding : 0px; font-size : 13px;}
  .package_section1_table {margin-bottom : 10px;}
  .package_section1_table_under_1024 {font-size : 11px;}

  .package_section2_btn > * {font-size : 13px; padding : 0 30px;}

  .package_section3_title {margin-bottom : 10px;}
  .package_section3_title p {font-size : 20px;}

  .package_section4 {margin-bottom : 10px;}
  .package_section4_title p {font-size : 15px;}
  .package_section4_image_double p {font-size : 15px;}

  .package_plus_title {margin-bottom : 20px;}
  .package_plus_title span {font-size : 20px;}
  .package_section5_text {margin-bottom : 10px;}
  .package_section5_text > p {font-size : 15px;}
  .package_section5_image p {font-size : 20px;}
  .package_section5_image_plus {font-size : 40px!important;}
}

@media screen and (max-width : 600px) {
  h2 {font-size : 30px;}
  h2 span {font-size : 15px}

  .mb50 {margin-bottom : 20px;}
  .mb100 {margin-bottom : 30px;}

  .package_basic_title {margin-bottom : 10px;}
  .package_basic_title span {font-size : 20px;}
  .package_section1_title p span {font-size : 18px;}
  .package_section1_image {display : none;}
  .package_section1_image_mobile {display : block;}
  .package_section1_table {margin : 0 0 20px 0;}
  .package_section1_table_under_600 {display : inline;}
  .package_section1_table_under_1024 {font-size : 10px;}

  .package_section3 {display : none;}
  .package_section3_mobile {display : block;}

  .package_section4_title p {font-size : 12px; margin-bottom : 10px;}
  .package_section4_image_double p {font-size : 12px; margin-bottom : 10px;}
  .package_section4 {display : none;}
  .package_section4_mobile {display : block;}
  .package_section4_mobile p {text-align : center;}
  .package_section4_mobile img {width : 100%; margin-bottom : 15px;}

  .package_plus_title {margin-bottom : 10px;}
  .package_section5_text > p {font-size : 14px;}
  .package_section5_image {display : none;}
  .package_section5_image_mobile {display : block;}
}