@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); 
               
        html {}
        body {font-family: 'Noto Sans KR',sans-serif !important;padding: 0 ; margin: 0; height: 100%; }
        br { font-family:dotum,'Noto Sans KR',sans-serif !important;}
        img {width: auto; max-width: 100%;}
        .wrapper {width: 100%; max-width: none; position: relative; }
        .container {padding: 0; max-width: 1108px; margin: 0 auto;}
 p {color: #03040d; margin: 0; word-break: keep-all;}
        .header {padding: 0 0 0 0;  background-color: rgba(3,4,13,0.8);z-index: 10011; position: absolute; left: 0;right: 0;display: block;}
 table {width: 100%;border-collapse: collapse;
    border-spacing: 0;}

 .logo {    display: inline-block;
    
    max-width: 100%; padding-bottom: 15px; padding-top: 10px;}
 .menu {float: right; display: flex; padding-top: 10px;}
 nav {display: flex; position: relative;}
 ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
 #main-menu > li {
  float: left;
  position: relative;
}
 #main-menu > li > a {
  font-size: 18px;
  color: #ccc;
  text-align: center; font-weight: 500;
  text-decoration: none;
  letter-spacing: -0.3px;
  display: block;
  padding: 25px 30px;

}
 #main-menu > li > a.on{color: #d975dc;}
 #main-menu > li > a:hover {color: #d975dc;}
 #sub-menu {
  position: absolute;
  background: #763d78;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in; width: 100%; left: 10px;
}
 #sub-menu > li {

}
 #sub-menu > li >  a {
  color: #ccc; font-size: 16px; line-height: 18px; letter-spacing: -0.25px;
  text-decoration: none;  padding: 15px 20px; display: block;
}
 #main-menu > li:hover #sub-menu {
  opacity: 1;
  visibility: visible;
}
 #sub-menu > li >  a:hover {
 background: #b988a5; color: #fff;
}
  #sub-menu > li.current >  a {background: #b988a5; color: #fff;}
 .sticky {
  position: fixed;
  top: 0;
  width: 100%
}
 .mainbg {position: relative;}
 
 .mainvt {position: absolute; right: 405px;top: 380px;  -webkit-animation-name: animation_move;
    -webkit-animation-duration: 1.2s; 
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: both;}
  .mainvb {position: absolute; right: 440px;bottom: 15px;  }

 
@-webkit-keyframes animation_move {
    0% {
        -webkit-transform: translateX(1000px) translateY(0px) scale(1);
    }

    100% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1);
    }
}
 .maintop{line-height: 0;}

.footer {background: #e2e2e2; padding: 35px 0;}
 .footer .container {max-width: 1200px; margin: 0 auto;}
  .footer .container table {width: 100%;}
  .footer .container table tr td.footlogo {width: 11%; vertical-align: top;}
 .footer .container table tr td {vertical-align: top; }
  .footer .container table tr td p.foottxt {font-size: 15px;line-height: 22px; margin-top: 0; margin-bottom: 15px;}
   .footer .container table tr td p.copy {margin-top: 0; margin-bottom: 0; font-size: 15px; color: #666; line-height: 22px;}
 
 .main{padding: 110px 0;}
 .main_news{padding: 30px 0px 70px 0px;}
 .about1 {margin-bottom: 60px;}
 .about1 table {width: 100%;}
 .about1 table tr th {background: #df9de1;padding: 20px; font-size: 23px; font-weight: 500; line-height: 30px; text-align: left; color: #03040d;}
  .about1 table tr td {padding: 24px 20px; border-bottom: 1px solid #d6d6d6;font-size: 18px; line-height: 26px; color: #03040d;}
 .about1 table tr td.lefttd {width: 13%;}
 .two {display: flex;}
 .leftbox {text-align: center; margin-bottom: 30px; float: left; width: 52%; position: relative;}
 .rightbox {float: left; width: 48%;position: relative;}
 .abouttxt {margin-top: 80px;}
 .abouttxt p {margin-top: 0; margin-bottom: 40px; color: #03040d; font-size: 20px; line-height: 32px;}
  .abouttxt p.soabout {margin-bottom: 0; font-size: 18px; line-height: 28px;}
 .containersub1-2 {max-width: 1200px; margin: 0 auto;}
 .three,.dtwo  {display: flex;}
 .threeone {margin-bottom: 30px; float: left; width: 46%; position: relative;}
  .threetwo {float: left; width: 54%;position: relative;}
  .info p {margin-bottom: 40px; font-size: 18px; line-height: 32px; letter-spacing:-0.6px;}
  .info p.sign {font-size: 20px; font-weight: 500; margin-bottom: 50px;}
  .info p.sign b {font-weight: 600; font-size: 22px; margin-left: 10px;}
 .infobnt {margin-top: 10px;}
 .infobnt a {padding: 15px 60px 15px 30px;position: relative;text-decoration: none;display: inline-block; font-size: 20px; line-height: 32px; font-weight: 500; color: #03040d; background: #df9de1;}
  .infobnt a:before {content: ">"; position: absolute; right: 20px;}
 .infobnt a:hover {opacity: 0.9;}
 .dtwo .twoone {float: left; width: 51%; position: relative; margin-bottom: 30px;}
 .dtwo .twotwo {float: left; width: 49%;position: relative;}
  .dtwo .infobnt {margin-top: 30px; margin-left: 70px;}
   .dtwo .infobnt a {padding: 15px 120px 15px 100px;}
 .mapinfo h2 {font-size: 25px; font-weight: 600; line-height: 32px; color: #03040d; word-break: keep-all;margin-bottom: 5px; margin-top: 0;}
  .mapinfo .add {font-size: 20px; line-height: 32px; margin-bottom: 45px; }
 .maplist ul li {margin-bottom: 35px;}
  .maplist ul li .icon1 {display: inline-block; width:14%; vertical-align: top;margin: 5px 0 0 0;}
   .maplist ul li .icontxt {display: inline-block; width: 86%; font-size: 20px; line-height: 28px;}
 .maplist ul li .icontxt h5 {margin-top: 0;font-weight: 400; font-size: 20px; line-height: 28px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #03040d; display: block;}
 .subway {padding-left: 0; position: relative; line-height: 40px;}
  .subway b:before {content: none; position: absolute; left: 0; top: 2px;}
   .subway b {font-weight: 400; }
 .boticon {padding-left: 0px;display: block; letter-spacing: -0.5px;}
 .subway .blue {padding: 6px;margin-left: 4px; width: 25px;height: 25px; margin-right: 2px; text-align: center; display: inline-block; border-radius: 50px; background: #003eb8; color: #fff; font-size: 20px; line-height: 24px;}
  .subway .green {padding: 6px;margin-left: 0; width: 25px;height: 25px; margin-right: 4px; text-align: center; display: inline-block; border-radius: 50px; background: #01b040; color: #fff; font-size: 20px; line-height: 24px;}
 
  .programtable {margin-bottom: 60px;     position: relative;
    overflow-x: auto;
    width: 100%;
    display: block;
    white-space: nowrap; }
 .keynotetable{margin-bottom: 60px;     position: relative;
    overflow-x: auto;
    width: 100%;
    display: block;
    white-space: normal; }
 .programtable table {width: 100%;}
  .keynotetable table {width: 100%;}
 .programtable table tr th {background: #df9de1;padding: 20px; font-size: 20px; font-weight: 500; line-height: 28px; text-align: left; color: #03040d;}
  .programtable table tr th.time {width: 17%;}
   .programtable table tr th.pro {width: 20%;}
  .programtable table tr td {padding: 24px 20px; border-bottom: 1px solid #d6d6d6;font-size: 18px; line-height: 26px; color: #03040d;}
  .programtable table tr td.lefttd .turm {padding-left: 15px;}
 
  .keynotetable table tr th {background: #d6d6d6;padding: 20px; font-size: 20px; font-weight: 500; line-height: 28px; text-align: center; color: #03040d;}
  .keynotetable table tr th.wth {width: 35%;}

   .keynotetable table tr th.lefttr{background: #f3f3f3; color: #03040d; width: 15%; text-align: center;}
    .keynotetable table tr td {padding: 24px 20px;word-break: keep-all; border-bottom: 1px solid #d6d6d6;font-size: 16px; line-height: 26px; color: #03040d;}
  .keynotetable table tr td.contd {font-weight: 600;font-size: 18px;}
 
.speakerbox {margin-bottom: 60px;display: flex; padding-bottom:30px; border-bottom: 1px dashed #b2b2b2 }
.speaker-top{border-bottom: 1px dashed #222 !important}
.speakerbox .speakimg {float: left; width: 27%; position: relative; margin-bottom: 30px; }
.speakerbox .speaktxt {float: left; width: 73%; position: relative;}
.speakerbox .speaktxt h3 {font-weight: 400; color: #03040d; font-size: 22px; line-height: 32px;margin-bottom: 30px;margin-top: 0; word-break: keep-all; display: block; }
 .speakerbox .speaktxt h3 b {color: #03040d; font-size: 25px; line-height: 32px; font-weight: 600;}
 .speakerbox .speaktxt h3 .job {display: block; font-size: 20px; font-weight: 400; margin-top: 20px;}
 .speakerbox .speaktxt p {font-size: 18px; line-height: 32px;}
 .speakerbox:last-child {border: 0;}
 .regtab{margin-bottom: 30px; text-align: center;}
 .regtab a{border: 1px solid #d8d8d8; color: #999;text-decoration: none; padding: 12px 15px; font-size: 25px; font-weight: 500; line-height: 30px; text-align: center; display: inline-block; width: 370px;}
 .regtab a:hover{border: 1px solid #df9de1; background: #df9de1; color: #fff;}
  .regtab a.current {border: 1px solid #df9de1; background: #df9de1; color: #fff;}
 .regtable p {font-size: 18px;}
 .regtable p .rights {font-size: 18px ; float: right;}
  .regtable table {width: 100%; border-top: 2px solid #b2b2b2;border-bottom: 2px solid #b2b2b2; margin-top: 10px; }
 .regtable table tr td {padding: 18px; border-bottom: 2px solid #d6d6d6;}
 .regtable table tr td.lefttd{font-size: 24px;width: 22%; line-height: 28px; color: #03040d; padding-right: 0;}
  .regtable table tr td input {border:solid 1px #ccc;box-sizing: border-box;padding: 10px; width: 100%;font-size: 24px; line-height: 28px; color: #03040d;-webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;}
 /*.regtable table tr td input:active {border: 0!important;}*/
  .regtable table tr.lasttr td{border-bottom:2px solid #b2b2b2 }
 .regbtn {text-align: center; margin-top: 40px; margin-bottom: 80px;}
  .regbtn a {padding: 15px 160px 15px 140px;position: relative;text-decoration: none;display: inline-block; font-size: 24px; line-height: 32px; font-weight: 500; color: #fff; background: #df9de1;}
  .regbtn a:before {content: ">"; position: absolute; right: 20px; color: #fff}
 .regbtn a:hover {opacity: 0.9;}
 .reginfo {margin-bottom: 40px;}
 .reginfo ul li {padding-left: 30px; background-image: url('https://nimage.newsway.co.kr/2021nw/nw_pc/images/anniversary/blit.jpg'); background-repeat: no-repeat; background-position: left center; font-size: 18px; color: #03040d; line-height: 32px; margin-bottom: 10px;}
 .reginfo1 {padding-left: 35px; position: relative;}
 .reginfo1 ul li {font-size: 18px; line-height: 28px; margin-bottom: 40px;}
 .reginfo1 ul li:before {content: "·"; position: absolute; left: 15px;}
  .reginfo1 ul li b{font-weight: 400; display: block;}
 .reginfo1 ul li .soli {font-size: 16px;}
  .reginfo1 ul li .infoline {padding: 0 15px;}
 .confirmbtn a {padding: 15px 140px;}
  .confirmbtn a:before{content: none;}
 .regcontable table tr td input {color: #666;}
 
 /*ADMION*/
 .loginbox {padding: 50px; border: 1px solid #d2d2d2; margin-bottom: 0px; border-top: 2px solid #d975dc; max-width: 50%; margin: 0 auto;} 
 .loginbox .user {margin-bottom: 20px; }
  .loginbox .user .usericon{vertical-align: middle; position: relative;}
 .loginbox .user .usericon:before {display: inline-block; content: url('https://nimage.newsway.co.kr/2021nw/nw_pc/images/anniversary/user.jpg'); position: absolute; left: 0; top:0;}
   .loginbox .pass .userpass{vertical-align: middle; position: relative;}
  .loginbox .pass .userpass:before {display: inline-block; content: url('https://nimage.newsway.co.kr/2021nw/nw_pc/images/anniversary/lock.jpg'); position: absolute; left: 0; top:0;}

  .loginbox input  {border: 0;margin-left: 40px; box-sizing: border-box;padding: 10px; width: 93%;font-size: 18px;border: 1px solid #d2d2d2; line-height: 28px; color: #03040d;-webkit-transition: 0.5s;
  transition: 0.5s;
  outline: none;}
 .loginbtn {margin-top: 40px; text-align:  center;}
 .loginbtn a {padding: 15px 160px 15px 140px;position: relative;text-decoration: none;display: block; font-size: 24px; line-height: 32px; font-weight: 500; color: #fff; background: #df9de1;}
  .loginbtn a:before {content: ">"; position: absolute; right: 20px; color: #fff}
 .loginbtn a:hover {opacity: 0.9;}
 .loginalert {margin-top: 30px; }
  .loginalert p {font-size: 13px; color: #f00}
 
 .mainadmin {background: #f6f6f6}
 .exceldown {margin-bottom: 30px; }
  .exceldown a{display: inline-block; color: #fff; font-size: 20px; padding: 15px 40px;line-height: 26px; background: #666; text-decoration: none;}
 .exceldown a img {vertical-align: sub; margin-right: 5px;}
  .exceldown a:hover {background: #333;}
 .customerbox {padding: 30px ; background: #fff; border: 1px solid #d2d2d2;}
  .customerbox h2 {margin-top: 0;}
 .customerbox table {margin-bottom: 50px;}
  .customerbox table tr th{padding: 12px 10px; text-align: center; font-size: 16px; background: #df9de1; color: #03040d;}
 .customerbox table tr th.num {width: 8%;}
  .customerbox table tr th.regdate {width: 13%;}
  .customerbox table tr th.phone {width: 16%;}
  .customerbox table tr th.place {width: 14%;}
   .customerbox table tr th.level {width: 14%;}
   .customerbox table tr th.nameth {width: 13%;}
 .customerbox table tr td{padding:15px 5px; text-align: center;letter-spacing: -0.8px; font-size: 15px; line-height: 18px; border-bottom: 1px solid #d2d2d2}
 .pagenavi {text-align: center; margin-bottom: 30px;}
 .pagenavi span {padding: 0 5px; font-size: 15px; color: #03040d;}
  .pagenavi span.on {color: #d975dc; text-decoration: underline;}
 
 #mobileheader {display: none;}
 .momainbg{display: none;}
 .mainbgmo{position: relative;}
 .mainbody .mainbg {display: block;}
 .ready {padding: 50px 30px; border: 1px solid #d975dc; background: #fff; text-align: center; font-size: 20px; line-height: 26px;}
 
 .privacy {margin-top: 20px;}
 .privacybox {padding: 20px;margin-bottom: 10px; background: #fff; border: 1px solid #b2b2b2; font-size: 12px; line-height: 20px;}
 .privacybox b {display: block;}
 .privacy_confirm input {width: 20px; height: 20px; margin-right: 10px; vertical-align: middle;}
 
 .mainbgsubmo {display: none;}
 .program-tbl-mo{ display:none; }
@media all and (min-width:1800px) {
#news .news-area article {overflow: hidden; padding: 0px 20px 20px 15px;}
#news .news-area article .news-img {float: left;width: 25%}
#news .news-area article .news-text {float: left;width: 72%}

.photo-area .photo-box ul {overflow: hidden}
.photo-area .photo-box ul li {height: 225px;width: 33.3%;float: left}
}

@media screen and (max-width: 1800px) {
    .mainbody {overflow: visible}
.mainvt {top: 280px;}

#news .news-area article {overflow: hidden; padding: 0px 20px 20px 15px;}
#news .news-area article .news-img {float: left;width: 25%}
#news .news-area article .news-text {float: left;width: 72%}

.photo-area .photo-box ul {overflow: hidden}
.photo-area .photo-box ul li {height: 225px;width: 33.3%;float: left}
}
@media screen and (max-width: 1600px) {
    .mainvt {top: 250px; right: 200px;}
.mainvb {right: 200px;}
.photo-area .photo-box ul li {height: 225px;width: 33.3%;float: left}
}
@media screen and (max-width: 1440px) {
    .mainvt {top: 180px;}
.photo-area .photo-box ul li {width: 50%;float: left; height: 280px;}
}
@media screen and (max-width: 1280px) {
       .mainvt {top: 180px; right: 100px;}
 .mainvt img {width: 80%;}
.mainvb {right: 100px;}
.mainvb img {width: 80%;}
.mainbg {padding-top: 50px; background-color: rgba(3,4,13,0.8)}
.speakerbox .speaktxt {padding: 0 30px;}
}

@media screen and (max-width: 1180px) {
    
         .mainvt {top: 130px; right: 15px;}
 .mainvt img {width: 60%;}
.mainvb {right: 50px;}
.mainvb img {width: 60%;}
.footer {padding: 35px 15px;}
.dtwo .twotwo {padding:0 30px;}

.photo-area .photo-box ul {overflow: hidden}
.photo-area .photo-box ul li {width: 50%;float: left; height: 280px;}
  
}
@media screen and (max-width: 1000px) {
    #header{display: none;}
#mobileheader{display: block;transition: all 0.15s ease-in; z-index: 10011; position: absolute; left: 0;right: 0;}
.mobileheader {padding: 15px 30px; position: relative; background-color:rgba(3,4,13,0.8) }
 .mobileheader  .mlogo {display: inline-block; width: 20%; line-height: 0;}   
.h-menu {float: right; display: inline-block; margin-top: 15px;}
.h-menu:hover {cursor: pointer;}
.h-menu img {width: 25px;}
.mobileheader a {
    display:block; color: #fff!important; text-decoration: none; font-size: 18px!important;}
.mobileheader .top-menu {
    display:none; transition: all 0.5s ease-in; padding-top: 10px; border-top: 1px solid #666; margin-top: 10px;}
 .mobileheader .top-menu.active {
    display:block; transition: all 0.5s ease-in; }
.mobileheader .top-menu ul ul {
    display:none;
    background:#763d78;
}
.mobileheader .top-menu li.active > ul {
    display:block; padding: 10px 0;
}
.mobileheader .top-menu li > a {
    padding:8px 15px; 
}
.mobileheader .top-menu li > a:not(:only-child)::after {
    content:"＋";  font-size: 14px; margin-left: 10px;  
}
    .mobileheader .top-menu li.active > a:not(:only-child)::after {
        content: "－"; font-size: 14px; margin-left: 10px;
    }
.mobileheader .top-menu ul li ul li a {font-size: 15px!important;}


.footer .container table tr td {display: block; font-size: 15px;}
.footer .container table tr td.footlogo {width: 15%; padding-bottom:10px;}
.footer .container table tr td p.foottxt {font-size: 14px; letter-spacing: -0.5px;}
.footer .container table tr td p.copy {font-size: 13px;}
html body .mobileheadersub {background: #02030a;position: relative!important;}
.mainbg {padding-top: 0;}
.main {padding: 50px 30px;}
.threetwo {padding-left: 30px;}
.dtwo .infobnt a {padding: 15px 80px 15px 60px;}
.dtwo .infobnt {margin-left: 50px;}
.regtab {margin-bottom: 30px;}
.regtab a {padding: 10px; font-size: 20px; line-height: 28px; width: 25%;}
.regtable p,.regtable p .rights {font-size: 15px;}
.regtable table tr td {padding: 10px 15px;}
.regtable table tr td.lefttd {width: 25%; font-size: 18px;}
.reginfo {margin-bottom: 20px;}
.reginfo ul li {padding-left: 20px; margin-bottom: 5px; font-size: 16px; line-height: 26px;}
.reginfo1 {padding-left: 10px;}
.reginfo1 ul li {font-size: 16px; margin-bottom: 20px;}
.reginfo1 ul li .soli {font-size: 14px;}
.reginfo1 ul li:before {left: 0;}
.reginfo1 ul li .infoline {padding: 0 5px;}
.regbtn a {font-size: 18px; padding: 10px 120px 15px 100px; line-height: 26px;}
.photo-area .photo-box ul li {width: 50%;float: left; height: 230px;}
}

@media screen and (max-width: 800px) {
   .h-menu {float: right; display: inline-block; margin-top: 15px;}
  .mobileheader .mlogo {width: 20%; }
  
.momainbg {}
.mainvt {right: -85px;}
.mainvb {right: -50px;}
.mainbgmo > img {height: 400px;}
.about1 table tr th {font-size: 18px; padding: 12px 15px;}
.about1 table tr td {padding: 15px 10px; font-size: 16px;}
.two {display: block;}
.three, .dtwo {display: block;}
.leftbox {float: none; width: 100%;}
.rightbox{float: none; width: 100%;}
.abouttxt {margin-top: 40px;}
.abouttxt p {font-size: 16px; line-height: 28px; margin-bottom: 20px;}
.abouttxt p.soabout{font-size: 16px; line-height: 28px; margin-bottom: 20px;}
.threeone,.threetwo {float: none; width: 100%; padding-left: 0;}
.info p {font-size: 16px; line-height: 28px; margin-bottom: 20px;}
.info p.sign {font-size: 18px; margin-bottom: 30px;}
.info p.sign b {font-size: 20px;}
.infobnt a {padding: 10px 50px 10px 20px; font-size: 16px;}
.dtwo .twoone {float: none; width: 100%; padding-left: 0;}
.dtwo .twotwo{float: none; width: 100%; padding: 0;}
.dtwo .infobnt {margin-left: 0;}
.maplist ul li .icon1 {width: 11%;}
.keynotetable {white-space: nowrap;}
.programtable table tr th {font-size: 18px; padding: 10px; letter-spacing: -0.5px;}
.programtable table tr td {font-size: 12px; padding: 15px 10px; white-space: normal;line-height: 22px;}
.programtable table tr th:nth-child(1){ width:80px; }
.programtable table tr th.pro{ width:calc(100% - 100px); }
.programtable table tr th:nth-child(3), .programtable table tr td:nth-child(3){ display:none; }
.programtable table tr{ border-bottom:1px solid #d6d6d6; }
.keynotetable  table tr th {font-size: 18px; padding: 10px; letter-spacing: -0.5px;}
.keynotetable table tr td {font-size: 15px; padding: 15px 10px;white-space: normal;}
.keynotetable table tr th.lefttr {font-size: 16px;}
.keynotetable table tr td.contd {font-size: 15px; border-bottom: none;}
.keynotetable table tr td.program-mo-txt{ padding:0 10px 15px 10px; }
.program-tbl-pc{ display:none; }
.program-tbl-mo{ display:block; }

.speakerbox {display: block; padding-bottom: 30px; margin-bottom: 30px;}
.speakerbox .speakimg {float: none; width: 100%; }
.speakerbox .speaktxt {padding: 0; float: none; width: 100%;}
.speakerbox .speaktxt h3{font-size: 20px; letter-spacing: -0.5px; line-height: 28px; margin-bottom: 15px;}
.speakerbox .speaktxt h3 .job {font-size: 18px;}
.speakerbox .speaktxt p {word-break: keep-all; font-size: 15px; line-height: 26px;}
.loginbox {padding: 30px; max-width: 100%;}
.exceldown a {padding: 10px 20px; font-size: 16px;}
.customerbox table{position: relative; overflow-x: auto;
    width: 100%;
    display: block;
    white-space: nowrap;}
#news .news-area article {width: 95%;margin: 0 auto; padding:20px 0px 20px 0px;}
#news .news-area article .news-img {float: none;width:90%}
#news .news-area article .news-text {float: none;width: 90%}

.photo-area .photo-box ul li {width: 50%;float: left; height: 200px;}
} 
@media screen and (max-width: 640px) {
  .momainbg {}
  .mapinfo h2 {font-size: 22px; line-height: 28px;}
.mapinfo .add {font-size: 18px; margin-bottom: 30px;}
.maplist ul li .icon1 {width: 100%; display: none; margin-bottom: 10px;}
.maplist ul li .icontxt {width: 100%; display: block; font-size: 16px;}
.maplist ul li .icontxt h5 {font-size: 18px; }
.subway .blue {width: 18px; height: 18px; line-height: 18px; font-size: 16px;}
.subway .green {width: 18px; height: 18px; line-height: 18px; font-size: 16px;}
.regtable table tr td{display: block;}

.regtable table tr td.lefttd {width: 100%; display: block; border-bottom: 0; padding-bottom: 0; padding-left: 0;}
.regtable table tr td input {font-size: 16px; line-height: 26px; padding: 3px; }
.reginfo ul li {background-position: left top 8px;}
.loginbtn a {font-size: 18px; line-height: 28px; padding: 10px 90px;}
.loginbox .user {margin-bottom: 15px;}
.loginbtn {margin-top: 20px;}
.loginalert {margin-top: 15px;}
.loginbox input {font-size: 16px;}
.customerbox h2 {font-size: 18px;}
.customerbox {padding: 30px 15px;}
.customerbox table tr th {font-size: 15px;}
.customerbox table tr td {font-size: 14px;}
.maplist ul li {margin-bottom: 20px;}
.subway {line-height: 30px;}
.mainbgsubmo {display: block;}
.subbg{display: none;}
.footer {padding: 20px 15px;}
.mainbgmo{display: none;}
.momainbg{display: block; width: 100%;}
.momainbg img{width: 100%;}
.regcontable table tr td {padding: 10px 0;}

#news .news-area article {width: 95%;margin: 0 auto; padding:20px 0px 20px 0px;}
#news .news-area article .news-img {float: none;width:90%}
#news .news-area article .news-text {float: none;width: 90%}
#news h3 span {display:block;}

.photo-area .photo-box ul li {width: 100%; height:300px;}
}
@media screen and (max-width: 480px) {
    .mobileheader .mlogo {width: 30%;}
   .h-menu {float: right; display: inline-block; margin-top:10px;}
.momainbg {}
.about1 table tr td {display: block; padding: 10px;}
.about1 table tr td.lefttd{width: 100%; border: 0; padding-bottom: 0px;}
.mobileheader a {font-size: 16px!important;}
.mobileheader .top-menu ul li ul li a {font-size: 14px!important;}
.regtab a {font-size: 16px; padding: 5px 10px; width: 40%;}
.exceldown a {font-size: 15px; padding: 6px 12px;}
.threeone {width: 50%;}
.privacybox {overflow-y: scroll; font-size: 10px; line-height: 18px; padding: 20px 15px;}
.privacy_confirm label {font-size: 14px;}
.privacy_confirm input {width: 15px; height: 15px; margin-right: 5px;}
.footer .container table tr td p.foottxt {font-size: 12px; margin-bottom: 8px;}
.footer .container table tr td p.copy {font-size: 11px;}
.mospace {display: block; height: 0;}

.photo-area .photo-box ul li {width: 100%; height:220px;}
}
@media screen and (max-width: 414px) {
     .mobileheader .mlogo {width: 40%;}
    .momainbg {height: auto; }
.infobnt a {padding: 10px 30px 10px 10px; font-size: 15px; letter-spacing: -0.5px;}
.infobnt a:before {right: 10px;}
.loginbox input {width: auto; padding: 5px; margin-left: 30px;}
.loginbtn a {padding: 8px 50px;}

}
@media screen and (max-width: 380px) {
        .mobileheader .mlogo {width: 40%;}

      .momainbg {height: auto;}
#mobileheader {padding: 10px 15px;}
.h-menu  {margin-top: 13px;}
.dtwo .infobnt a {padding: 10px 50px 10px 30px;}
.regbtn a {padding: 10px 90px;}
  .threeone {width: 70%;}
.photo-area .photo-box ul li {width: 100%; height:150px;}
}
@media screen and (max-width: 360px) {
      .momainbg {height: auto;}
.h-menu  {margin-top: 13px;}
  
}
@media screen and (max-width: 320px) {
       .momainbg {height: auto; }
  .h-menu  {margin-top: 10px;} 
.loginbox i {display: none;}
.loginbox input {margin-left: 0; width: 100%;}
.loginbox {padding: 30px 15px;}
}

/*news*/
#news h3 {color:#f58b39; font-weight:700; font-size:28px; padding-left:20px;}
#news .news-area article{margin: 3px auto 0 auto;border-bottom: 1px solid #555;}
#news .news-area article .news-img{height: 160px;padding-top:28px;overflow:hidden;}
#news .news-area article .news-img img{width: 100%;vertical-align:middle}
#news .news-area article .news-text{margin: 0 0 0 2%;}
#news .news-area article .news-text h4{color: #222;font-size: 22px;letter-spacing: -0.4px;line-height: 23px;}
#news .news-area article .news-text em{font-size: 16px;line-height: 20px;letter-spacing: -0.4px;font-style:normal;}
#news .news-area article .news-text time{margin: 10px 0 10px 0;display: block; color: #999;font-size: 14px;line-height: 14px;letter-spacing: -0.4px;}
#news .news-area article a:link { color: inherit; text-decoration: none}
#news .news-area article a:visited { color: inherit; text-decoration: none}
#news .news-area article a:hover { color: inherit; text-decoration: none}

/*photo*/
#photo {margin-top:100px;margin-bottom:100px;}

.photo-area .photo-box ul{}
.photo-area .photo-box ul li{margin: 0 0 20px 0}
.photo-area .photo-box ul li span{display: block;border:1px solid #ccc;width: 90%;margin: 0 auto;height: 100%;background-size: cover;}

.history-area{
    height: 20px;
    background: #555;
    width: 100%;
}
.history-area a{
    text-decoration: none;
    color: #d975dc;
}
.history-area p{
    height: 20px;
    text-align: right;
    width: 90%;
    margin: 0 auto;
}
.history-area p span{
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: -.065em;
    vertical-align: top;
    margin: 2px 0 0 0;
}
.history-area p span:hover{
    cursor: pointer;
    opacity: 0.8;
}
.history-area p span em{
    font-style: normal !important;
    color: #d975dc;
    display: inline-block;
}


.mlogo img{height: 10px !important}