.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}



body{font-family: "Poppins", "Pretendard Variable", sans-serif;}
.wrap{width:100%;margin:0 auto;border:0px solid #000}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #000;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #000;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #2cccd3;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
 /* transition: all 0.5s;*/
  z-index: 997;
  padding: 15px 0;
  
}
#header .container{max-width:1450px}
#header.header-scrolled, #header.header-inner-pages {
  background: rgba(255, 255, 255, 1.0);
}
#header .logo {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top:5px;

}
#header .logo a {
  color: #fff;
}
#header .logo img {
  max-width:130px;width:100%
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}
.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}
.navbar li {
  position: relative;
  padding:0 0px
}
.navbar a, .navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px 5px 15px;
  font-size: 18px;
   font-weight:600;
  color: #000;
  white-space: nowrap;
  transition: 0.3s;
}
.navbar a i, .navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
      background: linear-gradient(90deg, #c17671, #2f77b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.navbar .getstarted, .navbar .getstarted:focus {
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  border: 2px solid #7813ff;
  font-weight: 600;
}
.navbar .getstarted:hover, .navbar .getstarted:focus:hover {
  color: #fff;
  background: #7813ff;
}
.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #000;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.navbar .dropdown ul li {
  min-width: 200px;
}
.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}
.navbar .dropdown ul a i {
  font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #47b2e4;
}
.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #000;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
  color: #000;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
    .navbar ul li a{border:0px solid #000;text-align:Center;padding:10px 0}

}
.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.3s;
  z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}
.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.navbar-mobile a, .navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #37517e;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #47b2e4;
}
.navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
  margin: 15px;
  color: #37517e;
}
.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
  min-width: 200px;
}
.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #47b2e4;
}
.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}




section .container{padding:70px 20px;max-width:1400px;width:100%;;border:0px solid #fff}


#home .container .row {text-align:center;}
.navbar a.rbtn{display:Block;font-size:20px !important;;color:#fff;border:0px solid #fff;padding:5px 5px;border-radius:30px;box-sizing:border-box;text-align:center;background-image: linear-gradient(to right, #2477bb, #2477bb , #2477bb);width:125px;}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
    background: linear-gradient(90deg, #c17671, #2f77b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* 등록하기 버튼 */
.navbar a.rbtn,
.navbar a.rbtn:hover,
.navbar li:hover > a.rbtn {
    background: linear-gradient(90deg, #c17671, #2f77b9) !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: border-box !important;
    color: #fff !important;
}

.navbar a.rbtn b {
    font-family: "Poppins";
    font-weight: 300;
    font-size: 1.1em;
    color: #fff !important;
}


.content .container {text-align:center}


.section1{background:url("/assets/img/main_back.png")no-repeat;background-position:50% 50%;background-size:cover;margin-top:70px}
.section1 .container .row h1 img{max-width:845px;width:100%;border:0px solid #000}
.section1 .container .row address{font-size:1.2em;font-weight:bold;color:#fff;margin-top:40px}
.section1 .container {padding-top:145px;padding-bottom:120px}


.section2 .container .row h3{font-size:2.4em;margin-bottom:50px}
.section2 .container .row p{display:block;padding:10px 0;font-size:1.4em}

.content .container > h2{
    display: inline-block !important;
    width: fit-content !important;
    
    background: linear-gradient(
        to right,
        #D07665 0%,
        #2177BB 100%
    ) !important;

    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-align:center;
    margin:0 auto;
    font-weight:800;font-size:3.0em;margin-bottom:50px
}
.section2 .notop{padding-top:0px}
.section2 .container .event .col-lg-6 img{max-width:680px;width:100%;}


.section3 .container .row table{width:100%}
.section3 .container .row td{padding:8px 15px;border:8px solid #fff;color:#fff;vertical-align:middle}
.section3 .container .row td.time{width:15%;font-size:1.2em; text-align:Center;   background: linear-gradient(
        to right,
        #d27663 0%,
        #bd7675 100%
    )}
.section3 .container .row td.time span{display:block;padding:5px;font-weight:bold;}
.section3 .container .row td.con .greeting {
    display: flex;
    align-items: baseline;
    margin-top:3px
}

.section3 .container .row td.con .greeting dt {font-weight: 700;}
.section3 .container .row td.con .greeting dd { margin: 0 0 0 10px;}

.section3 .container .row td.yellow{background-color:#d2735e}
.section3 .container .row td.con dt{ font-size: 1.4em;}
.section3 .container .row td.con dd{  font-size:1.0em;}
.section3 .container .row .trk{ background: linear-gradient(
        to right,
        #f2d6d0 0%,
        #bad6ea 100%
    ) !important;
text-align:center;
  }
.section3 .container .row .trk dt{color:#000}

.section3 .container .row .trkgr{background:url("/assets/img/pic_back.png")no-repeat;background-position:0 100%;padding:15px 15px;position:relative;}
.section3 .container .row .trkgr dt{display:block;width:100% !important;padding-right:10%;text-align:left !important}
.section3 .container .row .trkgr dt .arw{position:absolute;right:30px;top:28px}
.section3 .container .row .trkgr dd{display:block;width:100% !important;text-align:left !important}
.section3 .container .row .trkgr .view{display:none;padding:30px 0 0px;width:100%;padding-right:30%;over-flow:hidden;margin-top:30px;text-align:left !important}
.section3 .container .row .trkgr .view p{display:block;padding:10px 0}
.section3 .container .row .trkgr .view img{position:absolute;right:0;bottom:0;max-width:260px}

.section3 .container .row .trkgr .double{padding-right:40%;}
.section3 .container .row .trkgr .double img{position:absolute;right:0;bottom:0;max-width:360px}

.section3 .container .row td.con .trackarea{width:100%;color:#000}
.section3 .container .row td.con .trackarea ul.tk{display:block;width:100%;}
.section3 .container .row td.con .trackarea ul.tk li{float:left;width:33.3%;text-align:CEnter;border-right:8px solid #fff;}
.section3 .container .row td.con .trackarea ul.tk li:nth-child(3){border-right:0px solid #fff;}
.section3 .container .row td.con .trackarea ul.tk li:after{content:"";clear:both;display:block}

.section3 .container .row td.con .trackarea .track1 .toparea{ background: linear-gradient( to right, #e9d5d7 0%, #d5d5e6 100%)}
.section3 .container .row td.con .trackarea .track2 .toparea{ background: linear-gradient( to right, #d4d5e7 0%, #c5d6ea 100%)}
.section3 .container .row td.con .trackarea .track3 .toparea{ background: linear-gradient( to right, #c4d6ea 0%, #bad6ea 100%)}

.section3 .container .row td.trkbox{padding:0;margin:0;border:0px solid #000}
.section3 .container .row td.con .trackarea .toparea{padding:15px}
.section3 .container .row td.con .trackarea .toparea h6{font-size:1.4em}
.section3 .container .row td.con .trackarea .toparea dd{font-size:1.0em;font-weight:bold}
.section3 .container .row td.con .conarea{height:180px;border:0px solid #000;text-align:left;padding:15px;position:relative}
.section3 .container .row td.con .conarea h6{font-size:1.1em;font-weight:bold;line-height:1.4em}
.section3 .container .row td.con .conarea span{font-size:0.9em;display:block;margin-top:10px;line-height:1.1em}
.section3 .container .row td.con .conarea .bt{border:1px solid #a6a6a6;display:inline-block;padding:3px 10px;border-radius:50px;position:absolute;right:10px;bottom:10px;font-size:0.8em}

.section3 .container .row td.con .trackarea .track1 .conarea span{color:#d37663}
.section3 .container .row td.con .trackarea .track2 .conarea span{color:#7b78a9}
.section3 .container .row td.con .trackarea .track3 .conarea span{color:#3783c0}


.section4{background-color:#efefef}
.section4 h2.gran{color:#e2705d !important;width:100% !important;display:block;text-align:Center;border:0px solid #000;font-weight:800;font-size:3.0em;margin-bottom:30px}
.section4 .ogranbox{max-width:750px;width:100%;margin:0 auto;border:0px solid #000}
.section4 .cellbox div{background-color:#fff;border-radius:10px;width:340px;height:135px; margin:0 auto;   align-items: center;justify-content: center;display: flex;box-shadow: 0 0 15px rgba(128, 128, 128, 0.3);}
.section4 .cellbox img{ object-fit: contain;max-width:300px;width:100%;}
.section4 .plabox{display:inline-block;width:auto;margin:0 auto;border:0px solid #000;padding:0 !important;}

.section4 h2.pla{color:#3477bb !important;width:100% !important;display:block;text-align:Center;border:0px solid #000;font-weight:800;font-size:3.0em;margin-bottom:30px;margin-top:70px}

.section4 h2.gold{color:#d1a638 !important;width:100% !important;display:block;text-align:Center;border:0px solid #000;font-weight:800;font-size:3.0em;margin-bottom:30px;margin-top:70px}

.section4 .smcellbox div{background-color:#fff;border-radius:10px;width:240px;height:80px;    align-items: center;justify-content: center;display: flex;box-shadow: 0 0 15px rgba(128, 128, 128, 0.3);}
.section4 .smcellbox img{ object-fit: contain;;max-width:198px;width:100%;border:0px solid}
.section4 .goldbox{max-width:1380px;width:100%;margin:0 auto;border:0px solid #000}
.section4 .goldbox2{max-width:1100px;width:100%;margin:0 auto;border:0px solid #000;margin-top:30px}


.section5 .maparea{max-width:1050px;width:100%;margin:0 auto}
.section5 .maparea .lt {text-align:left}
.section5 .maparea .lt h5{font-size:1.4em;font-weight:700;text-align:left}
.section5 .maparea .rt a{background-color:#0079c1;padding:5px 10px;border-radius:50px;color:#f1d8d8}
.section5 .maparea .ft{text-align:left}
.section5 .maparea .ft dt{font-weight:700;margin-top:30px;margin-bottom:5px}
.section5 .maparea .ft span{font-size:0.9em}

.section5 .glowbox{max-width:700px;width:100%;margin:0px;box-sizing:border-box;margin:0 auto;box-shadow: 0 0 15px rgba(128, 128, 128, 0.3);margin-top:50px;border-radius:10px;padding:30px 20px}
.section5 .glowbox h5{font-weight:bold;font-size:1.2em;text-align:Center;margin-bottom:20px}
.section5 .glowbox .left{float:left;width:14%;}
.section5 .glowbox .left img{max-width:482px;width:100%}
.section5 .glowbox .right{float:left;width:86%;text-align:left}
.section5 .glowbox .right dt{font-weight:700;margin-top:10px;margin-bottom:5px}
.section5 .glowbox .right span{font-size:0.8em}
.section5 .glowbox .bluetxt{color:#1b77bb;text-align:Center;border-top:1px solid #d9d8d8;margin-top:40px;padding-top:40px;font-weight:bold}


.section6{background-color:#efefef}
.section6 .container > .row {max-width:700px;width:100%;margin:0 auto;}
.section6 .container > .row ul.fq li{padding:10px 0}
.section6 .container > .row ul.fq li .box{box-shadow: 0 0 15px rgba(128, 128, 128, 0.3);background-color:#fff;border-radius:10px;text-align:left;padding:30px}
.section6 .container > .row ul.fq li .box dt{font-size:1.3em;padding-right:10%;position:relative}
.section6 .container > .row ul.fq li .box dt label{position:absolute;right:10px;top:0;background-color:#ececec;height:20px;width:20px;padding:4;margin:0;border-radius:50px;font-size:13px;font-weight:400;text-align:Center}
.section6 .container > .row ul.fq li .box .answer{font-size:1.1em;margin-top:20px}



footer{background-color:#000}
footer .container{padding:50px 20px;}
footer .container .row {text-align:Center}
footer .container .row img{max-width:840px;width:100%;margin:0 auto}

.time2{font-size:1.2em;font-weight:bold;}

.register{background: linear-gradient( to right, #f6e4e0 0%, #dae4f1 100%);margin-top:80px}

.register .partnerbox {text-align:left;margin-top:30px;box-shadow: 0 0 15px rgba(128, 128, 128, 0.3);background-color:#fff;border-radius:10px;padding:20px}
.register .partnerbox > label{background-color:#e2e2e2;color:#000;border-radius:50px;padding:5px 10px}
.register .partnerbox > h5{font-size:1.2em;font-weight:600}
.register .partnerbox > h5 b{color:#2078bb}
.register .partnerbox > p{display:block;padding:10px 0}
.register .partnerbox > p b{color:#2078bb}
.register .partnerbox > ul.consul li{float:left;width:25%;text-align:Center}
.register .partnerbox > ul.consul li label{padding:5px 10px;border:1px solid #ccc;border-radius:10px}
.register .partnerbox > ul.consul li label img{max-width:163px;width:100%}


.register .agreeboxarea{text-align:left;margin-top:30px;box-shadow: 0 0 15px rgba(128, 128, 128, 0.3);background-color:#fff;border-radius:10px;overflow:hidden}
.register .agreeboxarea h4{background: linear-gradient( to right, #d67661 0%, #1278bc 100%);padding:10px 20px;font-weight:bold;font-size:1.2em}

.register .agreeboxarea .agreechkbox{padding:5%;color:#000}
.register .agreeboxarea .agreechkbox .agreechk li > label{font-size:1.0em;font-weight:bold}
.register .agreeboxarea .agreechkbox .agreeall li > label{font-size:1.2em;font-weight:bold}
.register .agreeboxarea .agreechkbox .agreechk{border-bottom:1px solid #d67661;margin-top:10px}
.register .agreeboxarea .agreechkbox .agreechk li span{display:block;padding-bottom:20px}

.agreecon h5{font-size:1.1em;font-weight:bold;margin-top:20px;margin-bottom:20px;color:#d67661;position:relative}
.agreecon h5 .ark{position:absolute;right:5px}
.agreecon p{display:block;margin:10px 0}
.agreecon table{width:100%;border-radius:5px;}
.agreecon th{background-color:#d2735e;padding:2px;color:#fff;text-align:Center}
.agreecon td{padding:2px;font-size:14px}
.agreecon tr:nth-child(odd){background-color:#f8eae7;}
.agreecon .answer{margin-bottom:30px}
#view1{display:none}
#view2{display:none}
#view3{display:none}

.btn_area{padding:30px 0}

.ark {
    transition: transform 0.3s;
}

.ark.active {
    transform: rotate(180deg);
}

.agreechk input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
}



.success .container .row h2{font-size:2.0em;color:#fff;font-weight:bold;margin-bottom:20px}
.success .container .row p{display:block;margin:10px 0;color:#fff;}

.success .container .row a{background-color:#fff;display:inline-block;max-width:280px;width:100%;margin:0 auto;padding:15px;border-radius:50px;font-weight:bold;margin-top:50px}


.box .answer table{width:100%;border-radius:5px;}
.box .answer th{background-color:#d2735e;padding:2px;color:#fff;text-align:Center}
.box .answer td{padding:2px;font-size:14px}
.box .answer tr:nth-child(odd){background-color:#f8eae7;}


.modal-dialog{max-width:770px;width:100%;border:0px solid #000}
.popup .left{width:75%}
.popup .right{width:25%;text-align:center}
.popup .right img{max-width:150px;width:100%;}

.popup{border:0px solid #000;font-size:16px;margin-top:-20px}
.popup h4{font-size:1.4em;font-weight:bold;display:block;padding:5px 0}
.popup span{font-size:15px;font-weight:500;display:block;padding:5px 0;line-height:18px}
.popup p{font-size:16px;font-weight:400;display:block;padding:10px 0;color:#474747;line-height:24px}
.pop_track1 span{color:#e2705d !important}
.pop_track2 span{color:#7b78a9 !important}
.pop_track3 span{color:#1977bb !important}
.popup span.bar{border-top:1px solid #ccc;width:20px;padding:0px;margin-top:20px;margin-bottom:20px}
.modal-header{border-bottom:0px}


.viewmin{min-height:200px}

@media only screen and (max-width: 1700px) {


}


@media only screen and (max-width: 1200px) {


}

@media only screen and (max-width: 991px) {

  .navbar li {position: relative;padding:0 20px}
  .section2 .container .event .col-lg-6:nth-child(1){margin-bottom:30px}
  .section4 .cellbox div{margin-bottom:20px}

  .section4 h2.gran{font-size:2.4em;margin-bottom:30px}
  .section4 h2.pla{font-size:2.4em;margin-bottom:30px;margin-top:70px}
  .section4 h2.gold{font-size:2.4em;margin-bottom:30px;margin-top:70px}


 .smcellbox{margin:0 auto;border:0px solid #000;margin-bottom:20px}
 .smcellbox div{margin:0 auto}
 .section5 .maparea .rt{border:0px solid #000;text-align:left;padding:15px 10px}
 .section5 .maparea .rt a{background-color:#0079c1;padding:5px 10px;border-radius:50px;color:#f1d8d8}
 .track1{width:100%}
 .track2{display:none;width:100%}
 .track3{display:none;width:100%}
 .trktap1{display:block;width:100% !important;border:0px solid #cc0000}
 .trktap2{display:block;width:100% !important;border:0px solid #000}
 .trktap3{display:block;width:100% !important;border-right:8px solid #fff !important}

 .trackarea ul.tk{border:0px solid #000;margin:0;padding:0;orverflow:hidden}
 .trackarea ul.tk li{border:0px solid #000;margin:0;padding:0;}

 .toparea{border:0px solid #000;width:100%;}
 .section3 .container .row td.con .conarea{height:auto;border:0px solid #000;text-align:left;padding:15px;position:relative;border:0px solid #000;}
 .section3 .container .row td.con .conarea .bt{position:relative;right:0px;bottom:0px;float:right;margin-top:10px;margin-bottom:10px}

 .section3 .container .row td.con .trackarea ul.tkcell li{float:left;width:100%;}
 .section3 .container .row td.con .conarea h6{font-size:1.0em;font-weight:bold;line-height:1.3em}
.section3 .container .row td.con .conarea span{font-size:0.8em;display:block;margin-top:15px}

.section3 .container .row td{padding:4px 8px;border:4px solid #fff;color:#fff;vertical-align:middle}
.section3 .container .row td.time{width:15%;font-size:0.8em;line-height:1.0em }
.section3 .container .row td.time span{display:block;padding:5px;font-weight:bold;}

.section3 .container .row td.con .greeting dt {font-weight: 700;}
.section3 .container .row td.con .greeting dd { margin: 0 0 0 10px;}

.section3 .container .row td.yellow{background-color:#d2735e}
.section3 .container .row td.con dt{ font-size: 1.1em;line-height:1.1em}
.section3 .container .row td.con dd{  font-size:0.9em;line-height:1.0em;margin-top:10px}

.time2{font-size:0.8em;line-height:1.0em;padding-top:5px;display:inline-block}
.section3 .container .row .trkgr dt .arw{position:absolute;right:10px;top:22px}
.section3 .container .row .trkgr dt .arw{width:10px}
.section5 .maparea .lt h5{font-size:1.2em;}
.trktap1{cursur:pointer}
.trktap2{cursur:pointer}
.trktap3{cursur:pointer}

.popup .left{width:100%}
.popup .right{width:100%;text-align:right}
.popup .right br{display:none}
}

@media only screen and (max-width: 768px) {
  body{font-size:14px}
   .section5 .maparea .lt{margin-top:20px}
 .section5 .maparea .lt br{display:none}

 .section5 .glowbox .left{float:left;width:20%;}
 .section5 .maparea .left img{max-width:344px;width:100%;border:0px solid #000}
.section5 .glowbox .right{float:left;width:80%;text-align:left}
.content .container > h2{font-weight:800;font-size:2.4em;margin-bottom:30px}

.section4 .cellbox img{ width:200px;border:0px solid #000}
.section4 .cellbox div{width:240px;height:100px; }

.section2 .container .row h3{font-size:1.6em;margin-bottom:30px}
.section2 .container .row p{font-size:1.0em}
.section2 .container .row p br{display:none}

.register .partnerbox > ul.consul li{float:left;width:50%}

.agreecon th{font-size:13px}
.agreecon td{padding:2px;font-size:12px}
.agreecon h5 .ark{position:absolute;right:5px;width:20px}
.register .agreeboxarea .agreechkbox .agreechk li > label{font-size:0.9em;font-weight:bold}
.register .agreeboxarea .agreechkbox .agreeall li > label{font-size:1.0em;font-weight:bold}
.register .agreeboxarea h4{bfont-size:1.0em}


.popup{font-size:14px;}
.popup h4{font-size:1.1em;}
.popup span{font-size:14px;}
.popup p{font-size:14px;}

.tableresponse{overflow-x:scroll;border:0px solid #000}
.tableresponse table{width:768px !important}
.section3 .container .row .trkgr .view img{max-width:100px;position:relative;float:right;margin-bottom:-15px}
.section3 .container .row .trkgr .view{display:none;padding:10px 0 0px;width:100%;padding-right:0%;over-flow:hidden;margin-top:10px;text-align:left !important}
.viewmin{min-height:auto}
.section3 .container .row .trkgr .double img{max-width:200px}
}
@media only screen and (max-width: 560px) {
  .section4 h2.gran{font-size:2.0em;margin-bottom:30px}
  .section4 h2.pla{font-size:2.0em;margin-bottom:30px;margin-top:70px}
  .section4 h2.gold{font-size:2.0em;margin-bottom:30px;margin-top:70px}
.section3 .container .row td.con dt{ font-size: 1.0em;line-height:1.1em}
.section3 .container .row td.con dd{  font-size:0.8em;line-height:1.0em;margin-top:10px} 
.section5 .maparea .lt h5{font-size:1.0em;}

.section6 .container > .row ul.fq li .box{padding:10px}
.section6 .container > .row ul.fq li .box dt{font-size:1.0em;padding-right:5%;}
.section6 .container > .row ul.fq li .box dt label{right:2px;padding:4;}
.section6 .container > .row ul.fq li .box .answer{font-size:0.9em;margin-top:20px}

.tableresponse{overflow-x:scroll;border:0px solid #000}
.tableresponse table{width:560px !important}
.popup .right img{width:100px}

}
@media only screen and (max-width: 500px) {
.register .partnerbox > ul.consul li{float:left;width:100%}
}
@media only screen and (max-width: 414px) {
  
.section5 .glowbox .left{float:left;width:25%;}
.section5 .glowbox .left img{width:55px}
.section5 .glowbox .right{float:left;width:75%;text-align:left}

.section4 .cellbox div{background-color:#fff;border-radius:10px;width:200px;height:90px; }
.section4 .cellbox div img{width:150px;}
.section4 .smcellbox div{width:200px;height:90px;}

}