@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: #afb9ff;}
 #main-menu > li > a:hover {color: #afb9ff;}
 #sub-menu {position: absolute; background: #38417a; 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: #6874bf; color: #fff;}
  #sub-menu > li.current >  a {background: #6874bf; color: #fff;}
 .sticky {position: fixed; top: 0; width: 100%;}
 .mainbg {position: relative;}
 .mainbg img{ width:100%; }
 .mainvt {position: absolute; left: 200px;top:50%;
  transform: translateY(-50%);
  -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(-50%) scale(1);
    }

    100% {
        -webkit-transform: translateX(0px) translateY(-50%) 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: 90px 0;}
.main_news{padding: 30px 0px 70px 0px;}
.about1 {margin-bottom: 60px;}
.about1 table {width: 100%;}
.about1 table tr th {background: #5e6387;padding: 20px; font-size: 23px; font-weight: 500; line-height: 30px; text-align: left; color: #ffffff;}
.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{ display: flex; gap:80px;}
.threeone { position: relative; width: 30%;}
.threeone img{ }
.threetwo {position: relative;flex: 1;}
.info p {margin-bottom: 24px; font-size: 18px; line-height: 32px; letter-spacing:-0.6px;}
.info p.sign {font-size: 20px; font-weight: 500; margin-bottom: 50px;text-align: right;}
.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{ display: flex; align-items: center;}
.dtwo .twoone {width: 60%; position: relative;}
.dtwo .twotwo {width: 40%; 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: 600; 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; font-size: 18px;}
.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: #5e6387;padding: 20px; font-size: 20px; font-weight: 500; line-height: 28px; text-align: left; color: #fff;}
.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;height: calc(100vh - 153px);}
.mainbgmo img{ width:100%; height: 100%; object-fit: cover;}
.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:2140px) {
  .mainvt img{transform: scale(1.3);}
}
@media all and (min-width:1800px) {

  .mainvt{ left: 20%}

  #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-x: hidden}
  .mainvt { max-width: max-content;}

  #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 { left: 200px;}
  .mainvt img{width: auto;}
  .mainvb {right: 200px;}
  .photo-area .photo-box ul li {height: 225px;width: 33.3%;float: left}
}
@media screen and (max-width: 1440px) {
  .mainvt {}
  .photo-area .photo-box ul li {width: 50%;float: left; height: 280px;}
}
@media screen and (max-width: 1280px) {
  .mainvt {left:100px;}
  .mainvt img {width: 100%;}
  .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) {
  .mainbgmo{height: calc(100vh - 204px);}
  .mainvt { left: 40px;}
  .mainvt img {width: 80%;}
  .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: 5px;}
  .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: 30px;}
  .mobileheader .top-menu.active {display:block; transition: all 0.5s ease-in; }
  .mobileheader .top-menu ul ul {display:none;background:#38417a;}
  .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;}
  .three{gap:40px;}
  .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: 5px;}
  .mobileheader .mlogo {width: 20%; }
    
  .momainbg {}
  .mainvt {right: -85px;}
  .mainvt img{width: 80%;}
  .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;}
  .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;}
  .three{gap:30px;}
  .three .threeone{width: 40%;}
  .dtwo {gap:30px;flex-direction: column;}
  .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;}

  .three{flex-direction: column;}
  .three .threeone{width: 100%;}

  #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: 5px;}
  .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;}
}
@media screen and (max-width: 320px) {
  .momainbg {height: auto; }
  .loginbox i {display: none;}
  .loginbox input {margin-left: 0; width: 100%;}
  .loginbox {padding: 30px 15px;}
}

/*news*/
#news h3 {color:#bb19be; font-weight:700; font-size:28px; padding-left:20px;}
#news .news-area article{margin: 3px auto 0 auto;border-bottom: 1px solid #dedede;}
#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}