.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:550px; position: relative;margin-top: 100px;}
#content4 {width: 100%; height:710px; position: relative;}
#content5 {width: 100%; height:570px; 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; overflow: hidden;}
.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; 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; opacity:0; transition: all 1s;}
.opacity {opacity: 1 !important; transition: all 1s;}
.content_txt {
    width: 380px; 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 > a > .s_txt {height: 35px; text-shadow: 7px 3px 12px #fff;}
.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:29%; height: 40%;float: left;}
#content3 > .left_box > .title{margin-left: 0;}
.con_txt_inner { margin-top: 100px; }
.left_box > .con_txt_inner {  margin-top:132px;}
#content3 .left_box > .inner_margin {margin-top: 212px;}
.con_txt_inner > .s_txt {line-height: 33px; 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;}
.right_box > .img_box {width: 88%; height: 450px;  }
.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 */
#content4 .con4_left {margin-left: 100px; margin-top: 90px; width: 20%; height: 10%; float: left; }
#content4 .con4_left > .s_txt {margin-top:10px;}
#content4 .right {margin-top: 90px; width: 65%; float: right;}
/*.con4_right {width:100%; height: calc(100% / 2);}*/
#content4 > .right > a{}
#content4 .con4_culture {width: 230px; height: 300px; float: left;}
#content4 .con4_culture > img {width: 120px; height: 160px; }
#content4 .con4_culture > div {width: 20px; height: 1px; background: #000; margin-top:20px;}
#content4 .right .con4_cul_s_txt{font-size:12px; margin-top: 15px;}
#content4 .right .con4_cul_b_txt{font-size:14px; font-weight:bold; margin-top: 5px;}
#content4 .right .con4_cul_m_txt{font-size:13px; font-weight:bold; margin-top:5px;}
#content4 .right .con4_cul_txt {font-size: 14px; font-weight: 400;}
#content4 ul li.culBox {width: calc((100% - 100px) / 2); float: left; margin-top: 50px;}
#content4 ul li.culBox:nth-child(1) {margin-left: 100px;}
#content4 ul li.culBox a {width: 100%;}
#content4 ul li.culBox a img {display: inline-block;}
#content4 ul li.culBox a .cul_tit {width: 60%; padding: 5px 20px; display: inline-block; vertical-align: middle;}
#content4 > .background{width: 800px; height: 230px; background:#f2f4f5; position: absolute; top: 480px; left: 250px; z-index:-99; }
.con4_back{top:50px;}

/* content5 */
#content5{margin-top:200px;}
.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: 387px;height: 70px;margin-right: 15px;background: #f3ae59;}
.txt_box {width: 350px; height: 100%; float: left; margin-right: 8px;}
.txt_box_no {width:387px;}
.txt_s_box {float: left; 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: 410px;}
.bottom > div {width:calc((100% - 30px) / 2); 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: 280px; background:#f9f8f3; position:absolute; top:50px; left:0; z-index:-99; }

/* newslatter_footer */
.f2-left{margin-top:50px;}
.newslatter_footer{width: 100%; height: 210px; background:#494949; margin-top:50px;}
.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-repeat: no-repeat; background-size: cover;}
.text_banner.people01 {background-image:url('../img/sub/hotplace/hotplace_01_subbanner_200929.jpg');}
.text_banner.people02 {background-image:url('../img/sub/hotplace/hotplace_02_subbanner_200929.jpg');}
.text_banner.people03 {background-image:url('../img/sub/hotplace/hotplace_03_subbanner_200929.jpg');}
.text_banner.people04 {background-image:url('../img/sub/hotplace/hotplace_04_subbanner_200929.jpg');}
.text_banner.people05 {background-image:url('../img/sub/hotplace/hotplace_05_subbanner_200929.jpg');}
.text_banner.people06 {background-image:url('../img/sub/hotplace/hotplace_06_subbanner_200929.jpg');}
.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 {padding: 50px 10px;}
.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('/2021/newsletter/20200219/img/sub/hotplace/view/01.jpeg') !important;}
.hotp_img02 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/02.jpeg') !important;}
.hotp_img03 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/03.jpeg') !important;}
.hotp_img04 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/04.jpeg') !important;}
.hotp_img05 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/05.jpeg') !important;}
.hotp_img06 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/06.jpeg') !important;}
.hotp_img07 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/07.jpeg') !important;}
.hotp_img08 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/08.jpeg') !important;}
.hotp_img09 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/09.jpeg') !important;}
.hotp_img10 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/10.jpeg') !important;}
.hotp_img11 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/11.jpeg') !important;}
.hotp_img12 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/12.jpeg') !important;}
.hotp_img13 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/13.jpeg') !important;}
.hotp_img14 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/14.jpeg') !important;}
.hotp_img15 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/15.jpeg') !important;}
.hotp_img16 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/16.jpeg') !important;}
.hotp_img17 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/17.jpeg') !important;}
.hotp_img18 {background-image:url('/2021/newsletter/20200219/img/sub/hotplace/view/18.jpeg') !important;}
.hotp_img19 {background-image:url('/2021/newsletter/20200219/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('/webzine/common/image//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('/webzine/common/image//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;}