/*-------------------------------------------------------- */
/*-------------------- DODOSMS Type1  -------------------- */
/*-------------------- Index page:CSS -------------------- */
/*-------------------------------------------------------- */

/*----------- Nav ----------- */
.top {width:100%; border-bottom:solid 1px #d0d0d0;}
.navbar {width:1180px; height:80px; overflow:hidden; background-color:#fff; margin:0 auto; font-weight:700; position:relative;}
.navbar a {height:80px; float:left; font-size:17rem; display:flex; white-space:nowrap; align-items:center; padding:0 14px 0 20px; text-decoration:none;}
.navbar .logo {width:250px; height:80px; text-align:left; margin-right:50px; padding-left:0;}
.navbar .logo img {width:100%; position:relative; top:-5px;}

.top_member {position:absolute; top:20px; right:0px; display:flex; align-items:center;}
.top_member a {height:40px; float:left; background-color:#4c55e5; color:#ffffff; border-radius:50px; font-weight:600; display:flex; white-space:nowrap; align-items:center; padding:0 5px 0 20px; margin-right:10px;}
.top_member .icon_img {padding:3px; display:flex; align-items:center; border:solid 1px #aaaaaa; border-radius:50px; margin-left:10px;}
.top_member .btn_gray {background-color:#909090;}
.top_member .btn_orange {background-color:#ff4400;}
.top_member .icon_w {border:solid 1px #ffffff;}

/*----------- Event Slide ----------- */
.main_m1 {width:100%; margin:0 auto;}
.main_m1 section {padding:10px 0 30px 0;}
.main_m1 .main_img {width:100%; height:618px; background-repeat:no-repeat; margin:0 auto; border-radius:50px; color:#101010; padding:80px; position:relative; line-height:80rem;}
.main_m1 .img1 {background-image:url('../image/main_img1.jpg'); background-position:right top; background-color:#efe4f4;}
.main_m1 .img2 {background-image:url('../image/main_img2.jpg'); background-position:right top; background-color:#e4f4f4;}
.main_m1 .img3 {background-image:url('../image/main_img3.jpg'); background-position:right top; background-color:#ebe6d2;}
.main_m1 .main_img .main_ent_t {font-size:50rem;}
.main_m1 .main_img .main_ent_m {font-size:80rem; font-weight:700;}
.main_m1 .main_img .main_ent_b {font-size:26rem;}
.main_m1 .w100 {width:1680px; margin:0 auto;}
.main_m1 .grp_maincard {width:100px; margin:0 auto; display:flex; align-items:center; padding:5px;}
.main_m1 .grp_maincard a {float:left;padding:10px; margin:5px; border-radius:20px; border:solid 1px #ffffff; background-color:#dddddd;}
.main_m1 .grp_maincard .on {background-color:#4c55e5;}

/*----------- Middle Section ----------- */
.main_m2 {width:100%; margin-top:30px; overflow:hidden; height:750px; background-image:url('../image/middle_img1.jpg'); background-repeat:no-repeat; background-size: cover;}
.main_m2 .mrit {width:1180px; margin:0 auto;}
.main_m2 .mrit .title_m2 {width:100%; font-size:50rem; margin:90px 0; color:#ffffff; text-align:center; overflow:hidden;}
.main_m2 .mrit .mrit_box_grp {display:flex; align-items:center; justify-content: center;}
.main_m2 .mrit .mrit_box {background-color:#ffffff; width:calc(100% / 3.17); height:400px; margin:0 8px; border-radius:15px; position:relative;}
.main_m2 .mrit .mrit_box_left {position:relative; top:0; left:-18px;}
.main_m2 .mrit .mrit_box_right {position:relative; top:0; right:-18px;}
.main_m2 .mrit .mrit_box .icon_mrit {margin:30px; width:130px; height:110px; background-color:#00a0e9; display:flex; align-items:center; justify-content: center; border-radius:10px;}
.main_m2 .mrit .mrit_box .title_mrit {font-size:32rem; margin:20px 30px; font-weight:800;}
.main_m2 .mrit .mrit_box .subtil_mrit {font-size:20rem; margin:20px 30px; font-weight:400; color:#909090;}
.main_m3 {width:100%; margin-top:30px; overflow:hidden; height:600px; background-color:#ffffff;}
.main_m3 .sev {width:1180px; margin:0 auto;}
.main_m3 .sev .title_m3 {width:100%; font-size:60rem; margin:90px 0; font-weight:600; text-align:center; overflow:hidden;}
.main_m3 .sev .sev_box_grp {display:flex; align-items:center; justify-content: center;}
.main_m3 .sev .sev_box {background-color:#ffffff; border:solid 1px #dddddd; width:calc(100% / 3.17); height:200px; margin:0 8px; border-radius:15px; position:relative;}
.main_m3 .sev .sev_box_left {position:relative; top:0; left:-18px;}
.main_m3 .sev .sev_box_right {position:relative; top:0; right:-18px;}
.main_m3 .sev .sev_box .icon_sev {position:absolute; top:20px; right:10px; width:130px; height:110px; display:flex; align-items:center; justify-content: center; border-radius:10px;}
.main_m3 .sev .sev_box .title_sev {font-size:26rem; margin:20px 30px; font-weight:600;}
.main_m3 .sev .sev_box .subtil_sev {font-size:20rem; margin:20px 30px; font-weight:400; color:#909090;}

/*----------- Custom Section ----------- */
.main_m4 {width:100%; height:600px; background-image:url('../image/middle_img3.jpg'); position:relative; min-width:1180px; background-size: cover;}
.main_m4 .custom_grp {width:1180px; margin:0 auto; height:100%; padding:20px; z-index:1000; position:absolute; top:0; left:calc(50% - 590px);}
.main_m4 .custom_grp .title_custom {font-size:50rem; font-weight:800; margin-top:140px; padding-left:70px; background-image:url('../image/icon_img10.png'); background-repeat:no-repeat;}
.main_m4 .custom_grp .number_custom {font-size:70rem; font-weight:800; margin:10px 0;}
.main_m4 .custom_grp .guide_custom {font-size:26rem;}
.img_pot {width:400px; height:456px; background-image:url('../image/img_pot.png'); position:absolute; top:0; left:0; z-index:900;}
  
/*----------- Bottom Section ----------- */
.bottom {width:100%; margin:0 0 30px 0; position:relative; border-top:solid 1px #cccccc; padding:20px 0;}
.bottom .bottom_grp {width:1180px; margin:0 auto; overflow:hidden; font-size:14rem; font-weight:500; color:#909090;}
.bottom .bottom_grp .link_grp {margin:10px 0; width:100%;}
.bottom .bottom_grp .link_grp .div_h {padding:0 10px; color:#cccccc;}
.bottom .bottom_grp .address_grp {margin:10px 0; width:100%; line-height:22rem;}
.bottom .bottom_grp .address_grp .div_h {padding:0 5px; color:#cccccc;}
.bottom .bottom_grp .copyright {margin:20px 0; width:100%; font-size:13rem;}

.bottom .mov_top_grp {position:fixed; bottom:100px; right:50px; z-index:9000;}
.bottom .mov_top_grp .mov_top {width:90px; height:90px; border-radius:50%; background-color:#ffffff; box-shadow:0px 5px 15px rgba(0,0,0,0.2);display:flex; align-items:center; justify-content: center;}

/*------------- Modal -------------*/
.modal {display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; justify-content:center; align-items:center; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); font-size:16rem; z-index:9900;}
.modal .close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; padding-right:0px;}
.modal .close img {width:30px;}
.modal .close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}

.privacy_grp {width:1000px; height:700px; background-color:#ffffff; border:solid 1px #505050; padding:30px; margin:0 auto;}
.privacy_grp .privacy {padding-bottom:20px; text-align:center; font-size:30px; font-weight:700; border-bottom:solid 1px #cccccc;}
.privacy_grp .contents_privacy {height:600px; padding-top:30px; font-size:16rem; overflow-y:auto; line-height:160%;}
.privacy_grp .contents_privacy ol {list-style-type: square; padding-left:25px;}
.privacy_grp .contents_privacy li {list-style-type: square;}
.privacy_grp .contents_privacy li.li_none {list-style-type: none;}

.terms_grp {width:1000px; height:700px; background-color:#ffffff; border:solid 1px #505050; padding:30px; margin:0 auto;}
.terms_grp .terms {padding-bottom:20px; text-align:center; font-size:30px; font-weight:700; border-bottom:solid 1px #cccccc;}
.terms_grp .contents_terms {height:600px; padding-top:30px; font-size:16rem; overflow-y:auto; line-height:180%;}
.terms_grp .contents_terms ol {list-style-type: square; padding-left:25px;}
.terms_grp .contents_terms li {list-style-type: square;}
.terms_grp .contents_terms li.li_none {list-style-type: none;}
.terms_grp .contents_terms h1 {font-size:20rem; font-weight:700;}

.spam_grp {width:1000px; height:500px; background-color:#ffffff; border:solid 1px #505050; padding:30px; margin:0 auto;}
.spam_grp .spam {padding-bottom:20px; text-align:center; font-size:30px; font-weight:700; border-bottom:solid 1px #cccccc;}
.spam_grp .contents_spam {height:390px; padding-top:30px; font-size:16rem; overflow-y:auto; line-height:180%;}
.spam_grp .contents_spam ol {list-style-type: square; padding-left:25px;}
.spam_grp .contents_spam li {list-style-type: square;}
.spam_grp .contents_spam li.li_none {list-style-type: none;}
.spam_grp .contents_spam h1 {font-size:20rem; font-weight:700;}

/*------------- notice --------------*/
.middle {width:100%; min-height:500px; margin:0 auto; font-size:16rem; line-height:160%;}
.middle .title_notice {width:1180px; margin:0 auto; font-size:40rem; line-height:160%; color:#000000;  font-weight:700; text-align:center; height:100px;}
.middle .notice_grp {width:1180px; margin:0 auto; padding:80px 0;}
.middle .notice_grp .subject {text-align:left;} 
.middle .notice_grp table th {background-color:#f0f0f0;  padding:15px 0; border-bottom:solid 1px #333333; border-top:solid 1px #333333; font-weight:500;}
.middle .notice_grp table td {background-color:#ffffff; padding:15px 10px; border-bottom:solid 1px #dddddd; text-align:center;}
.middle .notice_grp .navpage {margin-top:20px; padding:15px; text-align:center;}
.middle .notice_grp .navpage a {padding:0 10px; font-size:18rem; line-height:14px;}
.middle .notice_grp .navpage .btn {padding:0 5px;}
.middle .notice_grp .navpage img {height:16px; margin-top:3px;}

.middle .view_grp {width:1180px; margin:0 auto; padding:80px 0;}
.middle .view_grp table th {background-color:#f0f0f0;  padding:15px 20px; border-bottom:solid 1px #333333; border-top:solid 1px #333333; font-weight:500;}
.middle .view_grp table td {padding:30px 20px;}
.middle .view_grp .btn_grp {width:100%; text-align:center; border-top:solid 1px #aaaaaa;}
.middle .view_grp .btn_grp .btn_list {margin:30px auto; padding:10px 50px; background-color:#f0f0f0; border:solid 1px #aaaaaa; border-radius:3px; font-size:18rem; text-align:center; display:inline-block;}

/*---------------- slider ------------------*/
.slider {margin: 0px auto;}
.slick-slide {width:100%; margin:0 10px;}
.slick-slide img {width: 100%; height: 500px;}
.slick-prev:before, .slick-next:before {color:#000000;}
.slick-slide {transition: all ease-in-out .3s; opacity: 1;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
/*----------- End ----------- */