.mo {display:none !important;}
.mo_inline {display:none !important;}


  /* nav */
.main_top_container {background:#18181d; text-align:center; display:none;}
.main_top_container img{ width:100%; max-width:1200px;}

.navbar .row { width:100%;}
.navbar .row .logo_wrap {width:17%;padding:10px 0; display:flex;align-items:center; justify-content:center;}
.navbar .row .logo_wrap .navbar-brand {/* width:100%; */}
.navbar .row .logo_wrap .navbar-brand img { width:100%;}
.navbar .row .collapse {/* background:#8a80fd; */ width:80%;}
.navbar .row .collapse .navbar-nav {width: 100%;max-width: 1200px; justify-content:center; align-items:center; margin:0 ;}
.navbar .row .collapse .navbar-nav .nav-item { }
.navbar .row .collapse .navbar-nav .nav-item .nav-link {padding:0.8rem 1rem; color:#333; text-align:center; /* background:#6b5cf3; */}
.navbar-expand-lg .navbar-nav .nav-link {color:#000;}
.navbar-toggler { color: #7f75ef; font-size: 2.2rem; border: 2px solid #7f75ef;}
.navbar-toggler:focus {border:none; outline:none;}


	/* banner */
header .pc_banner {text-align:right; background:none; padding-top: 30px;}
header .pc_banner img {width:85%;}
header .mo_banner img{display:none;}

#main_1st_container { max-width: 1200px; margin:50px auto; display: flex; padding: 0 15px;}
#main_1st_container .left { width: 35%; padding-top: 20px;}
#main_1st_container .left .keyword { color:#64baf6; }
#main_1st_container .left .main_tit { margin:20px auto; font-size: 1.7rem; font-weight:bold;}
#main_1st_container .left .sub_tit { font-size: 0.9rem; margin:50px auto;}
#main_1st_container .left .sim-ad { margin-top: 30px;}
#main_1st_container .left .sim-ad img {  }
#main_1st_container .right { width: 65%; position: relative;}
#main_1st_container .right .back { position: absolute; z-index: 1;left: 5%; background: #64baf6; border-radius: 20px; padding: 30px; width: 40%; transition:0.3s;}
#main_1st_container .right .back * {color:#fff;}
#main_1st_container .right .back > p { padding:5px 0; border-bottom:1px solid #ffffff4a; font-size:1.2rem;}
#main_1st_container .right .back * ul {margin-top:15px;}
#main_1st_container .right .back * ul li { padding: 10px 0;}
#main_1st_container .right .back .btn span:nth-child(1){ padding: 0 30px 0 0;}
#main_1st_container .right .back .btn span i{color: #ffffff4a;}
#main_1st_container .right .back .btn span i.on { color:#fff;}
#main_1st_container .right .back .page1 { position: relative;}
#main_1st_container .right .back .page1 ul { position: absolute;}
#main_1st_container .right .back .page2 { opacity: 0;}
#main_1st_container .right .front { position: absolute; z-index: 2; right:5%;padding-top: 50px;}
#main_1st_container .right .front img {width:25vw;}
#main_1st_container .right .front .img_wrap {position: relative; display: block;}
#main_1st_container .right .front .img_wrap:after { content:''; display: block; position: absolute; top: 0; left:0 ;width:100%; height: 100%; background:#ddd; opacity: 0;background: #36363630; border-radius: 41px; transition:0.3s;}
#main_1st_container .right .front:hover .img_wrap:after { opacity:1;}
#main_1st_container .right .front .btn { position: absolute; top:50% ; width:100%;text-align:center; transform:translateY(-50%); opacity: 0; transition:0.3s;}
#main_1st_container .right .front:hover .btn { opacity: 1;}
#main_1st_container .right .front .btn span {color:#fff; font-size: 1.2rem;}
#main_1st_container .right .front .btn span:nth-child(1) {padding-right: 10px;}
#main_1st_container .right .front .btn span:nth-child(2) { display: inline-block; background:#fff; border-radius:50%; width:24px; height:24px; line-height:25px; text-align:center; color:#64baf6;}

#bg_gradient { margin:18vw auto 50px; background: linear-gradient(180deg, #f5f5f5, #f3f3f3); padding: 1px; border-radius: 0 200px 0 0;}
#main_2nd_container .inner {  max-width: 1200px; margin-top:-50px;background:#fff; border-radius:20px;padding: 30px;box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;}
#main_2nd_container .contents_wrap { display: flex; justify-content:space-between; align-items:center;}
#main_2nd_container .contents_wrap .text_wrap { width: 70%;}
#main_2nd_container .contents_wrap .text_wrap .main_tit { font-size:1.2rem; font-weight:bold; }
#main_2nd_container .contents_wrap .text_wrap .sub_tit { margin:20px auto; }
#main_2nd_container .contents_wrap .icon_wrap { width: 23%;    padding: 0 15px;}
#main_2nd_container .contents_wrap:nth-child(1) .icon_wrap { border-right: 1px solid #ddd;}
#main_2nd_container .contents_wrap .icon_wrap img { width:100%;}
#main_2nd_container .contents_wrap .btn_wrap a { padding:5px 10px ; border:1px solid #ddd; border-radius:20px; color:#999;}

#main_3rd_container { max-width: 1200px; margin:50px auto;}
#main_3rd_container .swiper { width: 100%; height: 100%; }
#main_3rd_container .swiper .swiper-wrapper {}
#main_3rd_container .swiper-slide { font-size: 1rem; background: #fff; display: flex; justify-content: center; align-items: center;}
#main_3rd_container .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#main_3rd_container .swiper-slide .slide_box {padding: 0 45px ;background:#f3f3f3;}
#main_3rd_container .swiper-button-next, .swiper-rtl .swiper-button-prev {    right: var(--swiper-navigation-sides-offset,0px);color: #333;}
#main_3rd_container .swiper-button-next, .swiper-button-prev {color:#333 !important;}
#main_3rd_container .swiper-slide .slide_box .sim-ad { max-width:336px; height: 297px;margin:0 auto; display: flex; align-items:center;}
#main_3rd_container .swiper-slide .slide_box .sim-ad img { height:auto;}
#main_3rd_container .swiper-slide .slide_box p {margin: 15px auto;}
#main_3rd_container .swiper-slide .slide_box .main_tit { font-size:1.3rem; font-weight:bold; color:#333;}
#main_3rd_container .swiper-slide .slide_box .sub_tit { color:#777;}

#main_4th_container { max-width: 1200px; margin:50px auto;}
#main_4th_container .bottom { display: flex; justify-content:space-between;}
#main_4th_container .bottom .left { width:30%;}
#main_4th_container .bottom .right { width:68%;}

#main4_slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

footer { border-top: 1px solid #ddd; padding: 30px 0;}
footer p { color:#333; font-size: 0.9rem;}


.sim-ad img{width:100%;}
header .pc_banner{max-width:1200px;margin:0 auto;padding:0;}
header .pc_banner img{width:100%;}
.navbar .row .collapse .navbar-nav{}
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{flex-direction: column;}


#main_1st_container{flex-direction: column;}
#main_1st_container .textBox{text-align:center;}
#main_1st_container .textBox h4{font-weight:600;}
#main_1st_container .textBox p{margin:10px 0 30px;}
#main_1st_container .grid{display:grid;grid-template-columns: repeat(3, 1fr);gap:15px;}
#main_1st_container .grid .con .top{background-color:#d4ecfa;display:flex;justify-content: space-between;padding:15px 0 30px 15px;max-heigth:150px;height:150px;}
#main_1st_container .grid .con .top .left{width:60%;}
#main_1st_container .grid .con .top .left h5{font-size:1.1rem;font-weight:600;margin-top:15px;line-height:1.6rem;}
#main_1st_container .grid .con .bottom{display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
#main_1st_container .grid .con .bottom p{margin:15px 5px;font-size:.9rem;line-height:1.4rem;}


#main_2nd_container{max-width:1200px;margin:0 auto;}
#main_2nd_container .textBox{text-align:center;}
#main_2nd_container .textBox h4{font-weight:600;}
#main_2nd_container .textBox p{margin:10px 0 30px;}
#main_2nd_container .grid{display:grid;grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;gap:15px;}
#main_2nd_container .grid a .con img{width:100%;border-radius:20px;}
#main_2nd_container .grid a .con p{margin-top:20px;text-align:center;font-weight:600;}


#main_3rd_container{max-width:unset;background-image:url(/img/content2_bg.png);}
#main_3rd_container .wrap{max-width:1200px;margin:0 auto;}
#main_3rd_container .wrap .conBox{background-color:#fff;border-top-left-radius: 15px 15px;border-top-right-radius: 15px 15px;display: grid;grid-template-columns: repeat(4, 1fr);padding:20px 60px;}
#main_3rd_container .wrap .conBox a .top{display:flex;flex-direction: column;align-items: center;}
#main_3rd_container .wrap .conBox a .top .imgWrap{border-radius:50%;background-color: #f7f7f7;margin:15px 0;}
#main_3rd_container .wrap .conBox a .top img{padding:20px;}
#main_3rd_container .wrap .conBox a .top p{text-align:center;font-weight:600;line-height:1.5rem;}
#main_3rd_container .wrap h4{text-align:center;padding:30px 0;color:#fff;font-weight:600;}
#main_3rd_container .wrap .sim-ad{margin-bottom:40px;}
#main_3rd_container .wrap .sim-ad img{border-bottom-left-radius: 15px 15px;border-bottom-right-radius: 15px 15px;}


#main_4th_container .textBox{text-align:center;}
#main_4th_container .textBox h4{font-weight:600;}
#main_4th_container .textBox p{margin:10px 0;}
#main_4th_container .grid{display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;margin-top:30px;}
#main_4th_container .grid .con:first-of-type,
#main_4th_container .grid .con .top{border:1px solid #ccc;border-radius:15px;padding:15px;filter: drop-shadow(0px 2px 3px rgba(34,34,34,0.45));background-color:#fff;}
#main_4th_container .grid .con h4{margin-bottom:10px;font-weight:600;font-size:1.2rem;margin-top:20px;line-height:1.7rem;}
#main_4th_container .grid .con p{display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;margin-top:20px;line-height:1.5rem;color:#777;}
#main_4th_container .grid .con .btn{    width: 100%;
    display: flex;
    justify-content: flex-end;}
#main_4th_container .grid .con .top .flex{display:flex;justify-content: space-between;}
#main_4th_container .grid .bottom{display:grid;grid-template-columns: repeat(2, 1fr);gap:20px;margin-top:20px;}
#main_4th_container .grid .bottom .left{width:100%;background-color: #9bd3e0;border-radius:15px;padding:0 15px;display: flex;
    flex-direction: column;justify-content: space-between;align-items: flex-start;color:#fff;filter: drop-shadow(0px 2px 3px rgba(34,34,34,0.45));height:181px;max-height:181px;}
#main_4th_container .grid .bottom .left h4{font-size:1rem;line-height:1.3rem;}
#main_4th_container .grid .bottom .right{width:100%;background-color: #f6b495;border-radius:15px;padding:0 15px;display: flex;
    flex-direction: column;justify-content: space-between;align-items: flex-start;color:#fff;filter: drop-shadow(0px 2px 3px rgba(34,34,34,0.45));height:181px;max-height:181px;}
#main_4th_container .grid .bottom .right h4{font-size:1rem;line-height:1.3rem;}
#main_4th_container .grid .bottom .left img{margin: 0 0 10px auto;}
#main_4th_container .grid .bottom .right img{margin: 0 0 10px auto;}




/*  */
#main_4th_container .grid .bottom .left{background:#99A115;}
#main_4th_container .grid .bottom .right{background:#429449;}



#main_5th_container	{ max-width: 1200px;width:100%; margin:50px auto;}
#main_5th_container * img { width:100%;}
#main_5th_container .main_tit { margin: 10px auto 20px; font-size: 2rem; font-weight: bold;}
#main_5th_container .row { justify-content:space-between;}
#main_5th_container .content_box {position: relative; display: block; width: 24%;max-width: 288px; max-height: 250px; border-radius: 31px;overflow: hidden;}
#main_5th_container .content_box .text_wrap { display: flex; flex-direction:column; position: absolute; top:0; left:0; background: #3a3a3a78; width:100%; height:100%; padding: 35px 25px ; justify-content:space-between; border-radius:10%;}
#main_5th_container .content_box .text_wrap .con_menu { background:#fff; color:#65baf7; font-weight:bold; font-size:0.9rem;padding: 5px 15px; border-radius:15px; width:fit-content;}
#main_5th_container .content_box .text_wrap .con_name {color:#fff; font-size:1.1rem;}
#main_5th_container .sim-ad {width:24%; border-radius:30px; overflow: hidden; text-align:center;}
#main_5th_container .sim-ad img { height:250px;}

#main_6th_container { margin:100px auto 50px; max-width:1200px; width:100%;}
#main_6th_container .content_wrap { display: flex; justify-content:space-between;}
#main_6th_container .content_wrap .left,
#main_6th_container .content_wrap .right { width: 49%;}
#main_6th_container .title { display: inline-block;  border: 1px solid #ec4ca8; color:#ec4ca8; border-radius:15px; padding:5px 10px; transition:0.3s;}
#main_6th_container ul {margin: 20px auto;}
#main_6th_container .right ul { margin-top: 0;}
#main_6th_container ul li { border-bottom:1px solid #ddd;border-top:1px solid transparent; padding:15px 5px; }
#main_6th_container ul li:hover {background:#fff; border-bottom:1px solid #ff76b7 ;border-top:1px solid #ff76b7 ;}
#main_6th_container ul li a { display: flex; justify-content:space-between; align-items:center;	}
#main_6th_container ul li a span:nth-child(1) { font-size:1.2rem;}
#main_6th_container ul li a span:nth-child(2) { font-size:1.4rem; padding: 0 15px 0 0; transition:0.3s;} 
#main_6th_container ul li:hover a span:nth-child(2) {padding:0 3px 0 0 ;}
#main_6th_container ul li:hover a span {color:#f358a1; font-weight:bold;}



#main_5th_container .main_tit{margin-bottom:10px;font-size:1.5rem;}
#main_5th_container p{text-align:center;}
#main_5th_container .row{margin-top:50px;}


#main_6th_container .content_wrap .right{margin-top:20px;}

#wrap{position:relative;}

#bg_gradient2 {position:absolute;top: 30%;background: linear-gradient(180deg, #f5f5f5, #f3f3f3); padding: 1px; border-radius: 200px 0 0 0;width:100%;width: 100%;height: 600px;z-index: -1;}

#main_6th_container .title{border: 1px solid #ffc193;color: #ffc193;}
#main_6th_container .title:hover {background:#ffc193; color:#fff;}
#main_6th_container ul li:hover{background: #fff;border-bottom: 1px solid #ffc193;border-top: 1px solid #ffc193;}
#main_6th_container ul li:hover a span{color: #ffc193;font-weight: bold;}
#main_4th_container .grid .con p{line-height:1.7rem;}



#bo_v_con h3{background: #f783069e;}
.gnuboard_webzine_list .document_list{background: #fab26587;}





.sim-ad img{width:100%;}