.wrap {width:1130px; margin:0 auto;  color: #2d333c; transition: all 0.5s;}
a:hover {color: #333;}

#content1 {width: 100%; height:800px; position: relative;}
#content2 {width: 100%; height:850px; position: relative; margin-top: 70px;}
#content3 {width: 100%; height:700px; position: relative;margin-top: 100px;}
#content4 {width: 100%; height:800px; position: relative;}
#content5 {width: 100%; height:700px; position: relative;}
.title { margin-left: 100px;}
.small_tit {font-size: 20px; }
.big_tit {font-size: 39px; font-weight: bold; line-height: 40px;}

.ss_txt{font-size:13px; font-weight:bold;}
.s_txt2{font-size: 15px;}
.s_txt{font-size:17px;}
.sm_txt {font-size:20px;}
.m_txt{font-size:23px; font-weight: bold;}
.mb_txt{font-size:24px; font-weight:bold;}
.b_txt {font-size:30px; font-weight:bold;}
iframe { 
    width:1130px;
    min-width:550px;
 
 }
.caption{font-size: 14px; color: #666; text-align:center;}
.top{top:0 !important;}
td > img {width:100%; margin-top:30px;}

.swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	 .swiper-container {
      width: 100%;
      height: 100%;
    }

#header {width:100%; height: 100px;}
.hea_left {float: left; height: 100%;}
.hea_right {float: right;width: 150px; height: 100%;}
.hea_left > a > p {float: left;width: 200px; height:50px; margin-top:33px; color:rgba(0,0,0,0.6); font-size: 14px;}
.hea_left > a > h1 {float: left; line-height:100px; font-weight:bold;}
.hea_right > a {width:50px; height:50px; float: left; margin-top: 28px;}
.hea_right > a > .link_box{width: 50px; height: 50px; background-repeat:no-repeat; background-position:center; float: left;}
#home{background-image:url('/webzine/common/image/home.jpg');}
#facebook{background-image:url('/webzine/common/image/facebook.jpg');}
#naver{background-image:url('/webzine/common/image/naver.jpg');}

/* content1 */
.slide_box {
    width: 920px; height: 660px; float: right; background: #3fd7d2; position: absolute; top:0; right: 0; opacity:1;
}
.slide_box > div > img {width: 920px; height:660px;}
.newsletter_mainbanner{width: 100%; height: 100%; position:absolute; top: 0; right:0;   transition: all 1s;}
.opacity {opacity: 1 !important; transition: all 1s;}
.content_txt {
    width: 300px; height: 300px; float: left; position: absolute; top: 200px; left: 100px; opacity:1;}
.content_txt_top{top:200px;}

.content_txt > h1 {
    font-size: 35px;
}
.bold {font-weight:bold; }
.con_txt_inner {width:160px;}
.con_txt_inner > a > .s_txt {height: 35px;}
.click_box { width: 80px; height: 80px; background-color: #2d333c; position: absolute; cursor:pointer;}
.click_box:hover {background:#3fd7d2;}
.click_box > img {position: absolute; top: 50%; left: 50%;}
#content1 > .click1 {bottom: 100px;}
.click1 {right: 70px;}
#content1 > .click1 > img {transform: rotate(180deg) translate(50%, 20%);}

/* content2 */
.big_box {height: 552px; margin-top: 50px;float: left;}
.big_box:nth-of-type(1){ width:450px; margin-right: 20px; margin-left: 100px;}
.big_box:nth-of-type(2){ width:560px;}
#content2 > .background {width: 1080px; height: 660px; background:#ebfbfa;  transition:all 1.5s;z-index:-99;}
.transform{margin-top:0!important; z-index:-99;}

.con_in_img {
    width: 100%; height: 400px; transition: all 1s; overflow:hidden; transition: all 1s;
}
.con_in_img_height{margin-bottom:0px !important;}
.con_in_img > a > img {width: 450px; height: 400px; }
.con2_txt_box { width: 100%; height: 100%; margin-top:45px;}
.con2_txt_box > .ss_txt{color:#f86981;}
.people_box {width: 100%; height: calc((100% - 20px) / 2);}
.people_box:nth-of-type(2) {margin-top: 20px; }

.people_box:nth-of-type(1) > .peo_txt_box > .ss_txt {color:#f67f63;}
.people_box:nth-of-type(2) > .peo_txt_box > .ss_txt{color:#f3ae59;}
.peo_in_img { width: 309px; height: 100%;  float: left; }
.peo_in_img > a > img {width: 309px; }
.peo_txt_box { width: 241px; height: 100%; margin-left: 10px;float: left; }
.right_arrow {transform: rotate(90deg);float: right;height: 100%;margin-right: 30px;}
#content2 > .click1 {bottom: 10px;}
#content2 > .click_box > img,#content3 > .right_box > .click_box > img {position: absolute; top: 40%; left: 30%;}

/* content3 */
.left_box { margin-left: 100px; width:20%; height: 40%;float: left;}
#content3 > .left_box > .title{margin-left: 0;}
.con_txt_inner { margin-top: 100px; }
.left_box > .con_txt_inner {  margin-top:100px;}
.con_txt_margin{margin-top:100px !important; }
.con_txt_inner > .s_txt {line-height: 45px; margin-top: 10px;}
.more_box{width: 170px; height:50px; background:#3fd7d2;margin-top: 70px; color: #fff; }
.more_box > div:nth-child(1) {line-height: 50px; margin-left: 30px; float: left; transition: all 0.5s !important;}
.more_box > .con4_right {float: left;}
.right_box {width: 62%; height: 600px; margin-top: 50px;float: right; position: relative;}
.right_box > .img_box {width: 88%; height: 450px; background: #3fd7d2; }
.click2 { position: absolute;bottom: 0; right: 0;}
#content3 > .background{width: 850px; height: 350px; background:#ebfbfa; position: absolute; top:290px; left:150px; z-index:-99; }
.con3_back {top:290px !important;}

/* content4 */
.con4_left {margin-left: 100px; margin-top: 90px; width: 20%; height: 10%; float: left; }
.con4_left > .s_txt {margin-top:10px;}
.right {margin-top: 90px; width: 65%; height: 600px; float: right;}
/*.con4_right {width:100%; height: calc(100% / 2);}*/
#content4 > .right > a{}
.con4_culture {width: 230px; height: 300px; float: left;}
.con4_culture > img {width: 120px; height: 160px; background: #3fd7d2; }
.con4_culture > div {width: 20px; height: 1px; background: #000; margin-top:20px;}
.con4_cul_s_txt{font-size:12px; margin-top: 15px;}
.con4_cul_b_txt{font-size:14px; font-weight:bold; margin-top: 5px;}
.con4_cul_m_txt{font-size:13px; font-weight:bold; margin-top:5px;}
#content4 > .background{width: 800px; height: 550px; background:#f2f4f5; position: absolute; top: 250px; left: 250px; z-index:-99; }
.con4_back{top:50px;}

/* content5 */
#content5{margin-top:100px;}
.left {margin-left: 100px; margin-top: 70px; width: 20%; height: 150px; float: left; line-height: 50px;}
.news_big_box {width: 100%; height: 70px;  margin-top: 15px;}
.news_big_box:nth-child(1){ margin-top: 0;}
.news_m_box{float: left;width: 350px;height: 70px;margin-right: 15px;background: #f3ae59;}
.txt_box {width: 350px; height: 100%; float: left; margin-right: 15px;}
.txt_s_box {float: left; width: 300px; height:100%;}
.txt_box > .txt_s_box > .ss_txt {margin-top: 14px; margin-left:15px; color: #fff;} 
.txt_box > .txt_s_box > .s_txt {margin-left: 15px;}
.news_big_box > div > a > .txt_box {background:#f3ae59;}
.news_arrow_box{transform: rotate(90deg); float: right; margin: 22px 14px 0 0;}
.bottom{margin-top: 20px; width: 100%; height: 70px; position: absolute; top: 500px;}
.bottom > div {width:calc((100% - 30px) / 4); height: 100%; float: left;}
.bottom > div.con5_btn {width:calc((100% - 30px) / 4); height: 100%; float: left;}
.bottom > div:nth-child(1){background:#3fd7d2; margin-right: 15px;}
.bottom > div:nth-child(2){background:#a0c6c5;}
.bottom > div > a > .txt_box {width: 480px;line-height:70px; margin-left: 15px;}
.bottom > div > a > .txt_box > .s_txt:nth-child(2) {float: right;}
#content5 > .background{width:780px; height: 390px; background:#f9f8f3; position:absolute; top:50px; left:0; z-index:-99; }

/* newslatter_footer */
.f2-left{margin-top:50px;}
.newslatter_footer{width: 100%; height: auto; background:#494949; margin-top:50px;padding:20px 0 40px 0;}
.newslatter_footer .inner {
    overflow: hidden;
    width: 100%;
    color: #fff;
}

.newslatter_footer .inner .f1-left {padding:0;}
.newslatter_footer .inner .f1-left h1 {line-height:1;}
.news_f_top{width: 100%; height: 50px; background:#3d3d3d;}
.news_f_top > .wrap {height: 100%; margin-top:50px;}
.news_f_top > .wrap > ul:nth-child(1) {width:400px; height: 100%; float:left;}
.news_f_top > .wrap > ul:nth-child(2) {height:100px; height: 100%; float:right;}
.news_f_top > .wrap > ul > li {height: 35px; line-height: 35px; color:#fff; float: left; margin-right:10px; font-weight: 400;}
.news_f_top > .wrap > ul:nth-child(1) > li:nth-child(3){font-weight:bold; color:#d7ffff;}
.news_f_top > .wrap > ul > span {height: 35px; line-height:30px;color: #fff;float: left; margin-right: 10px;}
.news_f_b_left {width: 510px; height: 95px; float: left;}
.news_f_b_left > .m_txt { color:#d7ffff;font-weight:bold;}
.news_f_b_left > .ss_txt {margin-top:20px;font-weight: 400;}
.news_f_b_right {width: 190px; height: 50px;float: right; border: 1px solid #fff;}




/* newsletter_text */
.text_banner {width: 100%; height: 350px; position: relative; background: #3fd7d2;}
.text_banner > .title {width: 400px; height: 100px;position: absolute; top: 50px; line-height:50px;}
.text_banner > div:nth-child(2){width:510px; height: 60px; position: absolute; bottom:50px; left: 100px;}
.text_banner > img {    width: 1130px;height: 350px;}
.txt_content_body {width: 100%;margin-top:50px;}
.txt_content_body > a {width:100%;}
.txt_content_body > a > img{width: 100%;}

/* hotplace */
.hotplace-top {width: 100%; height:500px; margin-top: 50px;position:relative;}
.hotp_t_left {width: 30%; height: 100%; border-right: 2px solid #000; box-sizing: border-box; float: left;}
.hotp_t_left > .title {margin-left:0; margin-bottom: 50px;}
.hotp_t_left > .sm_txt {line-height: 45px; color:#23b5b0;}
.hotp_t_left > .left_txt {width: 100%; height: 206px; margin-top: 40px;}
.hotp_t_left > .left_txt > .s_txt:nth-child(1){font-weight:bold; margin-bottom:15px;}
.hotp_t_left > .left_txt > p:nth-of-type(3){color:#23b5b0; margin-top:15px;}
.hotp_t_left > .left_txt > a {color: #23b5b0; margin-top:40px;}
.hotp_t_right {width:67%; height:100%; float: right; margin-left: 30px;}
.hotp_t_right > p:nth-of-type(1) {margin-top:30px;}
.hotp_t_right > p:nth-of-type(2) {font-weight:bold; margin-top: 80px;}
.hotp_t_right > p:nth-of-type(3) {line-height:30px; margin-top:40px;}
.hotplace-top > .background {width: 880px; height: 350px; background:#ebfbfa;position: absolute; top: -50px; right: 0; z-index:-99;}
.hotplace-top > .click_box {position: absolute; top:270px; right:0; cursor:pointer; right:0; top:220px;}
.hotplace-top > .click_box > img {position:absolute; top:40%; left: 30%; transform:rotate(180deg);}
.hotplace-bottom  {width: 100%; margin-top: 100px;}
.hotp_b_box {width:100%; height: 350px;margin-bottom:30px;}
.hotp_b_box > div {width: 350px; height: 100%; margin-right: 30px;background:#3fd7d2; cursor:pointer; float: left;}
.hotp_b_box > div > img {width:350px; height:100%;}
.hotp_b_box > div:nth-child(3){margin-right:0;}
.hotp_clickbox{width:100%; height: 100vh; overflow: hidden; position:fixed; top:0px; left:0px; background:rgba(0,0,0,0.3);}

.hotp_viewbox{width: 1000px; height: 800px; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius:5px;border:1px solid #666;}

.hotp_txt_box {width: 900px; height: 650px; margin-top:25px; margin-left: 60px;}
.hotp_img {width: 800px; height: 513px; background:#3fd7d2; background-repeat:no-repeat; background-position:center; z-index:-99;}
.hotp_bar{width:50px; height: 1px; margin-top: 50px; background:#3fd7d2;}
.hotp_txt{font-size: 14px; line-height: 27px; margin-top: 15px;}
.z-index{z-index:99;}




.hotp_img01 {background-image:url('/webzine/202002/img/sub/hotplace/view/01.jpeg') !important;}
.hotp_img02 {background-image:url('/webzine/202002/img/sub/hotplace/view/02.jpeg') !important;}
.hotp_img03 {background-image:url('/webzine/202002/img/sub/hotplace/view/03.jpeg') !important;}
.hotp_img04 {background-image:url('/webzine/202002/img/sub/hotplace/view/04.jpeg') !important;}
.hotp_img05 {background-image:url('/webzine/202002/img/sub/hotplace/view/05.jpeg') !important;}
.hotp_img06 {background-image:url('/webzine/202002/img/sub/hotplace/view/06.jpeg') !important;}
.hotp_img07 {background-image:url('/webzine/202002/img/sub/hotplace/view/07.jpeg') !important;}
.hotp_img08 {background-image:url('/webzine/202002/img/sub/hotplace/view/08.jpeg') !important;}
.hotp_img09 {background-image:url('/webzine/202002/img/sub/hotplace/view/09.jpeg') !important;}
.hotp_img10 {background-image:url('/webzine/202002/img/sub/hotplace/view/10.jpeg') !important;}
.hotp_img11 {background-image:url('/webzine/202002/img/sub/hotplace/view/11.jpeg') !important;}
.hotp_img12 {background-image:url('/webzine/202002/img/sub/hotplace/view/12.jpeg') !important;}
.hotp_img13 {background-image:url('/webzine/202002/img/sub/hotplace/view/13.jpeg') !important;}
.hotp_img14 {background-image:url('/webzine/202002/img/sub/hotplace/view/14.jpeg') !important;}
.hotp_img15 {background-image:url('/webzine/202002/img/sub/hotplace/view/15.jpeg') !important;}
.hotp_img16 {background-image:url('/webzine/202002/img/sub/hotplace/view/16.jpeg') !important;}
.hotp_img17 {background-image:url('/webzine/202002/img/sub/hotplace/view/17.jpeg') !important;}
.hotp_img18 {background-image:url('/webzine/202002/img/sub/hotplace/view/18.jpeg') !important;}
.hotp_img19 {background-image:url('/webzine/202002/img/sub/hotplace/view/19.jpeg') !important;}

/* wanju */
.wanju_top {width:100%; height: 500px; position: relative;}
.wanju_title {width:100%; height: 140px;}
.wanju_title > p {text-align:center;}
.wanju_title > .s_txt {line-height: 30px; margin-top: 30px;}
.wanju_content { width:100%; height: 300px;margin-top: 60px;}
.wanju_con_box {width: 249px; height: 100%; margin-right: 30px; floaT: left;cursor:pointer;}
.wanju_con_box:nth-child(4){margin-right:0;}
.wanju_con_box > img {width: 200px; height:200px;}
.wanju_con_box > .ss_txt {color:#3fd7d2; margin-top:25px;}
.wanju_con_box > .sm_txt {margin-top:5px;}
.wanju_top > .background {background:#ebfbfa;}
.wanju_bottom {width:100%;margin-top: 100px; position: relative;}
.none{display: none;}
#wanju_con01, #wanju_con02 {width:800px; height: 600px; border:1px solid #000; box-sizing:border-box; border-radius: 5px; margin:0 auto;}
#wanju_con01 > div, #wanju_con02 > div {width:500px; height:500px; margin:0 auto;  margin-top:50px; overflow:hidden;}
#wanju_con01 > div > .wanju_con_img_box > .overflow_box {width: calc(500px * 11); height: 100%;}
#wanju_con02 > div > .wanju_con_img_box > .overflow_box {width: calc(500px * 12); height: 100%;}
.overflow_box > div, .overflow_box > div {width:500px; height:500px; float:left;}
.overflow_box > div > img, .overflow_box > div > img {width:500px; height:500px; float:left;}
.on{display: block !important; }

#wanju_con01 > .arrow,#wanju_con02 > .arrow {width: 72%; height: 100px; position:absolute; top: 180px; left: 160px;}
#wanju_con01 > .arrow > .arrow_box,#wanju_con02 > .arrow > .arrow_box {width:160px; height:60px;}
#wanju_con01 > .arrow > .arrow_left,#wanju_con02 > .arrow > .arrow_left{background-image:url('/webzine/common/image/arr_L.jpg'); float: left;background-repeat:no-repeat; background-position:center; cursor:pointer;}
#wanju_con01 > .arrow > .arrow_right,#wanju_con02 > .arrow > .arrow_right{background-image:url('/webzine/common/image/arr_R.jpg'); float: right;background-repeat:no-repeat; background-position:center; cursor:pointer;}
.wanju_top > .background {width: 880px; height: 440px; background:#ebfbfa; position:absolute; top: 90px; left: 110px; z-index:-99;}

.people_txt {line-height: 30px; letter-spacing: -1px;text-align: justify;}
.writer_box2{width:100%; height: 250px;}
.writer_img{background-image:url('./img/sub/people/people03_writer_200218.png'); background-repeat:no-repeat; background-size: cover;width: 400px; height: 200px; margin-top: 30px; border:1px solid #666; border-radius:5px; float: right;}
.peo2_writer_img{background-image:url('./img/sub/people/people02_writer.jpg'); background-size: contain; background-repeat:no-repeat; background-position:center;width: 110px; margin: 30px; float: left; height: 140px;}
.bold_box{margin:15px 0;}

@media screen and (max-width: 500px) and (min-width: 0px) {
    
    html,body {min-width:400px; max-width: 100% !important;}
    .wrap {width: 100%; margin: 0; overflow: hidden;}
    .title { margin-left: 30px;}
    iframe { 
        width:420px;
        min-width:420px;
        height:300px;
     }
	 td > img {width:100%;}
	 /*header*/
	 .hea_left > a > p {width:102px; margin-left: 30px;}
	 .hea_right {margin-right:10px;}
    /* content1 */
    #content1 { height:610px;}
    .slide_box { width: 100%; height:400px;}
    .newsletter_mainbanner > img {width: 550px!important; height: 400px !important; }
    .content_txt { left: 10px;}
    #content1 > .content_txt> .con_txt_inner {margin-top: 50px;}
    /* content2 */
    #content2 { height:2030px;}
    .big_box{width: 84% !important; height: 500px; float: none;}
    .big_box:nth-of-type(1){ margin-left:30px;}
    .big_box:nth-of-type(2){ margin-left:30px; height: 1600px;}
    .con_in_img{ width:99%;height: 320px;}
    .con_in_img > a > img {width:100%; height: 320px;}
    .con2_txt_box{margin-top: 30px; height: 100px;}
    .people_box {height: 600px; margin-top: 100px;}
    .peo_in_img{width: 86%; height: 320px; float: none;}
    .peo_in_img > a > img{width:349px; height: 320px;}
    .peo_txt_box{width: 100%;margin-top: 30px; margin-left: 0;float: none; height: 80px;}
    #content2 > .background {width:100%; height: 90%; position: absolute; top:70px; left:0; z-index: -99;}
    /* content3 */
    #content3{ height: 1040px;}
    .left_box{float: none; height: 330px; width: 90%; margin-left: 30px;}
    #content3 > .left_box > .title { float: left; width: 45%;}
    #content3 > .left_box > .con_txt_inner{ float: left; margin-top:0;width: 45%; margin-top: 43px;}
    .more_box{float: left; margin-top:20px;}
    .right_box {width: 90%; float: none; margin-left: 30px; float: none;}
    .right_box > .img_box {width:80%; height:350px;}
    .right_box > .img_box > img {width:349px; height: 100%; height:350px;}
    #content3 > .background {top: 132px; left: 0px;}
    /* content4 */
    #content4 {height:1230px;}
    #content4 > .title{width: 45%; height: 100px; float: left;}
    .con4_left{ width: 45%; float: left; margin-top: 43px; margin-left:0; height: 100px;}
    .right { width:90%;float: right;}
    a> .con4_culture {width: 170px;height: 320px;}
    #content4 > .background {height:950px; left: 0;}
    /* content5 */
    #content5 > .title {width: 41%; height: 100px; float: left; margin-left: 30px;}
    .left{margin-left: 0px; margin-top:43px; width: 45%;height:140px;}
    #content5 > .right {height: 720px; margin-top:0px;}
    .news_big_box {width:90%;}
	.news_m_box{margin-top:20px;}
    .txt_box { width:100%; height: 100%; margin-top:0px;}
    #content5 > .background {height: 710px;}
    .bottom {top:770px;}
    .bottom > div {width:90%; margin-left: 30px;margin-bottom: 15px;}
    .bottom > div > .txt_box {margin-top:0; width: 277px;}
    /* newslatter_footer */
    .news_f_top > .wrap {width: 90%; margin-left: 30px;}
    .news_f_top > .wrap > ul:nth-child(1) {width:350px; height: 100%; float:left;}
    .news_f_top > .wrap > ul:nth-child(2) {height:100px; height: 100%; float:right;}
    .news_f_top > .wrap > ul > li {height: 50px; line-height: 50px;}
    .news_f_top > .wrap > ul > span {height: 50px; line-height:45px;}
    .news_f_b_left > .m_txt { color:#d7ffff;font-weight:bold;}
    .news_f_b_left > .ss_txt {margin-top:20px;font-weight: 400;}
    .news_f_b_right {width: 190px; height: 50px;float: right; border: 1px solid #fff;}
    .news_f_b_left {width: 230px; }
    
    /* newsletter_text */
    .text_banner {width: 100%; height: 350px; position: relative;}
    .text_banner > .title {width: 240px;}
	
    .text_banner > div:nth-child(2){width:380px; height: 60px;bottom:30px; left: 30px;}
	.text_banner > div:nth-child(2) > .m_txt{font-size: 17px !important;}
    .txt_content_body {width: 85%; margin-left: 30px;}

    /* hotplace */
    .hotplace-top {width: 100%; height:1000px; }
    .hotp_t_left {width: 90%; height: 520px; margin-left:30px; border-right:0; border-bottom: 2px solid #000; float: none;}
    .hotp_t_left > .title {margin-left:0; }
    .hotp_t_left > .sm_txt { margin-left: 30px;}
    .hotp_t_left > .left_txt {margin-left:30px;}

    .hotp_t_right {width:90%; height:calc(1000px - 540px); float: none; margin-left:30px; margin-top:20px;}
    .hotp_t_right > p:nth-of-type(1) {margin-top:30px;}
    .hotp_t_right > p:nth-of-type(2) {font-weight:bold; margin-top: 80px;}
    .hotp_t_right > p:nth-of-type(3) {line-height:30px; margin-top:40px;}
    .hotplace-top > .background {width: 880px; height: 920px; background:#ebfbfa;position: absolute; top: -50px; right: 0; z-index:-99;}
    .hotplace-top > .background > .click_box {position: absolute; top:270px; right:0;}
    .hotplace-bottom  {width: 100%; margin-top: 100px;}
    .hotp_b_box {width:100%; height: 370px; margin-bottom:30px;}
	.hotp_b_box > div {background-color: #fff; width: 390px;}
    .hotp_b_box >div> img {width:90%; height:350px;margin-right:0px;margin-left: 30px; margin-top:30px;}
    .hotp_b_box >div> img:nth-child(1){margin-top:0;}
    .hotp_b_box >div> img:nth-child(3){margin-right:0;}
	.hotp_img {width: 33%; height: 30%; background:#3fd7d2; background-repeat:no-repeat; background-position:center; background-size:100%;z-index:-99;}
	.hotp_viewbox{width:90%; height:655px;}
	.hotp_txt_box{margin-left: 40px;}
	.hotp_txt{width:290px;}


    /* wanju */
    .wanju_top {height: 780px; margin-top:100px;}
    .wanju_con_box {width: 143px; margin-right:0;}
    .wanju_con_box:nth-child(1), .wanju_con_box:nth-child(3){margin-left: 30px;}
    .wanju_con_box:nth-child(2) {margin-right:0;}
	.wanju_con_box > img{width:140px; height:140px;}
	.wanju_con_box > .sm_txt {font-size: 17px;}
    #wanju_con01, #wanju_con02 {width:90%; height: 450px; }
	.wanju_con_img_box{ width:280px; height:280px;overflow:hidden;}
    #wanju_con01 > div > .wanju_con_img_box > .overflow_box {width: calc(280px * 11); height:280px; }
    #wanju_con02 > div > .wanju_con_img_box > .overflow_box {width: calc(280px * 12); height:280px;}
    .overflow_box > div, .overflow_box > div {width:280px !important; height:280px;}
	.overflow_box > div > img, .overflow_box > div > img {width:280px ; height:280px;}
	#wanju_con01 > div, #wanju_con02 > div{width:280px; height:280px;}
    #wanju_con01 > .arrow,#wanju_con02 > .arrow {width: 77%; height: 80px; position:absolute; top: 300px; left: 60px;}
    #wanju_con01 > .arrow > .arrow_box,#wanju_con02 > .arrow > .arrow_box {width:50%; height:100%;}
	#wanju_con04 {width:410px;}
	#wanju_con04 > img{width:100%;}
	.wanju_top > .background {height: 600px;left:0px;}
	.wanju_bottom{margin-top:0px;}


	/*footer*/
	.newslatter_footer{height:210px;}
	
	.bold_box{width:90% !important;}
	.peo2_writer_img{width:100px; margin:15px;}
	.writer_box2{height:410px !important;}
	.writer_txt{width:53% !important; margin-top:25px !important;}
}


.share-link {width: 800px; margin: 0 auto; display: flex; justify-content: flex-end; padding-bottom: 50px; }
.share-link li {margin-right: 10px;}