.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%; position: relative;}
#content3 {width: 100%; height:550px; position: relative;margin-top: 100px;}
#content4 {width: 100%; position: relative;}
#content5 {width: 100%; position: relative;}
.title { margin-left: 100px;}
.small_tit {font-size: 20px; line-height:1.3;}
.big_tit {font-size: 35px; font-weight: bold; line-height: 40px;}
.tit_margin {margin-top: 10px; display: block;}

.ss_txt_nor {font-size:13px;}
.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; line-height: 1.3;}
.mb_txt{font-size:24px; font-weight:bold;}
.b_txt {font-size:30px; font-weight:bold;}
iframe { 
    width: 100%;
    min-width:485px;
 
 }
.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;}
#header .inner {max-width: 1200px; margin: 0 auto;}
.hea_left {float: left; height: 100%;}
.hea_right {float: right;width: 150px; height: 100%;}
.hea_left > a > p {float: left; height:50px; margin-top:33px; color:rgba(0,0,0,0.6); font-size: 14px; margin-right: 40px;}
.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 0.5s;}
.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 {text-shadow: 7px 3px 12px #fff; margin-bottom: 20px; line-height: 1.3;}
.con_txt_inner > a {width: 100%;}

.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;}
#content1 .click1 {right: 70px;}
#content1 #click1 {right: 70px;}
#content1 > .click1 > img {transform: rotate(180deg) translate(50%, 20%);}

/* content2 */
#content2 .big_box {height: 552px; margin-top: 20px; display: inline-block; vertical-align: top;}
#content2 .big_box:nth-of-type(1){margin-left: 100px;}
#content2 .big_box.box1{ width:40%;}
#content2 .big_box.box1 .con_in_img > a {width:100%;}
#content2 .big_box.box2{ width:50%;}

#content2 > .background {width: 1080px; height: 660px; background:#ebfbfa;  transition:all 1.5s;z-index:-99;}
#content2 .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%; margin-top:15px;}
.con2_txt_box .s_txt{margin-top: 10px;}
.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: 280px; height: 100%;  float: left; }
.peo_in_img > a {width: 100%; }
.peo_in_img > a > img {width: 100%; }
.peo_txt_box { width: 241px; height: 100%; margin-left: 10px; margin-top: 10px;float: left; }
.peo_txt_box .s_txt {margin-top: 10px;}
.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: 70px; width: 25%; vertical-align: top; display: inline-block; }
#content4 .con4_left > .s_txt {margin-top:10px;}
#content4 .con4_left .btn {cursor:pointer; padding: 3px 10px; border: 1px solid #333333; margin-top: 30px;}
#content4 .right {margin-top: 70px; width: 65%; display: inline-block;}
#content4 .right a {width: 32.3%;}
/*.con4_right {width:100%; height: calc(100% / 2);}*/
#content4 > .right > a{}
#content4 .con4_culture {width: 100%; height: 300px; float: left;}
#content4 .con4_culture > img {width: 170px; }

#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; line-height:1.7;}
#content4 .right .table2 a {width: 45%; margin-right: 2%;}
#content4 .right .table2 a img {width: 100%;}
#content4 .right .table2 .s_txt {font-size:17px; font-weight:bold;}
#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: 770px; height: 210px; background:#f2f4f5; position: absolute; top: 200px; right: 0px; z-index:-99; }
.con4_back{top:50px;}

.video {height: auto !important;}
.video .con4_culture {height: 230px !important;}
.video .background {top: 120px !important;}

/* content5 */
#content5 .left {margin-left: 100px; margin-top: 22px; width: 19%; height: 150px; display: inline-block; line-height: 50px;}
#content5 .right {display: inline-block;}
.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; font-size:16px;}
.news_big_box > div > a > .txt_box {background:#f3ae59;}
.news_arrow_box{transform: rotate(90deg); float: right; margin: 22px 14px 0 0;}
#content5 .bottom{margin: 20px 0 50px 0; width: 100%; height: 70px;}
#content5 .bottom.bottom-type2 > div {width:calc((100% - 30px) / 2); height: 100%; float: left;}
#content5 .bottom.bottom-type3 > div {width:calc((100% - 40px) / 3); height: 100%; float: left;}
#content5 .bottom.bottom-type3 > div a {width: 100%;}
#content5 .bottom > div.con5_btn {width:calc((100% - 30px) / 4); height: 100%; float: left;}
#content5 .bottom > div:nth-child(1){background:#3fd7d2; margin-right: 15px;}
#content5 .bottom > div:nth-child(2){background:#a0c6c5; margin-right: 15px;}
#content5 .bottom > div:nth-child(3){background:#65c1d0;}
#content5 .bottom > div > a > .txt_box {width: 80%;line-height:70px; margin-left: 15px;}
#content5 .bottom > div > a > .txt_box > .s_txt:nth-child(2) {float: right;}
#content5 > .background{width:780px; height: 220px; background:#f9f8f3; position:absolute; top:82px; 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.png');}
.text_banner.people02 {background-image:url('../img/sub/hotplace/hotplace_02_subbanner.png');}
.text_banner.people03 {background-image:url('../img/sub/hotplace/hotplace_03_subbanner.png');}
.text_banner.people04 {background-image:url('../img/sub/hotplace/hotplace_04_subbanner_201023.png');}
.text_banner.people05 {background-image:url('../img/sub/hotplace/hotplace_05_subbanner.png');}
.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:80%; 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%; margin-top: 50px;position:relative;}
.hotp_t_left {width: 40%; height: 100%; border-right: 2px solid #000; box-sizing: border-box; display:inline-block; vertical-align: top;}
.hotp_t_left > .title {margin-left:0; margin-bottom: 38px;}
.hotp_t_left > .title .big_tit {line-height: normal;}
.hotp_t_left > .title .small_tit {color: #23b5b0; margin-top: 10px; line-height: 1.6;}
.hotp_t_left .colorH:hover a {color:#23b5b0;}
.hotp_t_left > .sm_txt {line-height: 22px; font-weight: bold;}
.hotp_t_left > .sm_txt.top {margin-top: 20px;}
.hotp_t_left > .left_txt {width: 100%;}
.hotp_t_left > .left_txt > .s_txt:nth-child(1){font-weight:bold; color: #23b5b0;}
.hotp_t_left > .left_txt > p.color{color:#23b5b0;}
.hotp_t_left > .left_txt > p.s_txt3 {font-size: 14px;}
.hotp_t_left > .left_txt > a {color: #23b5b0; margin-top:10px;}
.hotp_t_left .hotbtnbox .s_txt2 {line-height: 20px;}
.hotp_t_left .hotbtnbox .hotbtn {border: 1px solid #333333; padding: 5px 8px; font-size: 15px; color: #333333;}
.hotp_t_right {width:50%; height:100%; margin-left: 30px; display: inline-block; vertical-align: top;}
.hotp_t_right > p:nth-of-type(1) {margin-top:30px;}
.hotp_t_right > p {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; cursor:pointer; right:0; bottom:0;}
.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: calc((100% - 65px) / 3); margin-right: 30px; cursor:pointer; float: left;}
.hotp_b_box > div > img {width: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: auto; height: auto; margin-top:25px; margin-left: 60px; margin-right: 60px; margin-bottom: 25px;}
.hotp_img {width: 100%; height: 513px;  background-repeat:no-repeat; background-position:center; z-index:-99; margin: 0 auto; background-size: contain;}
.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('../img/sub/hotplace/view/01.jpg') !important;}
.hotp_img02 {background-image:url('../img/sub/hotplace/view/02.jpg') !important;}
.hotp_img03 {background-image:url('../img/sub/hotplace/view/03.jpg') !important;}
.hotp_img04 {background-image:url('../img/sub/hotplace/view/04.jpg') !important;}
.hotp_img05 {background-image:url('../img/sub/hotplace/view/05.jpg') !important;}
.hotp_img06 {background-image:url('../img/sub/hotplace/view/06.jpg') !important;}
.hotp_img07 {background-image:url('../img/sub/hotplace/view/07.jpg') !important;}
.hotp_img08 {background-image:url('../img/sub/hotplace/view/08.jpg') !important;}
.hotp_img09 {background-image:url('../img/sub/hotplace/view/09.jpg') !important;}
.hotp_img10 {background-image:url('../img/sub/hotplace/view/10.jpg') !important;}
.hotp_img11 {background-image:url('../img/sub/hotplace/view/11.jpg') !important;}
.hotp_img12 {background-image:url('../img/sub/hotplace/view/12.jpg') !important;}
.hotp_img13 {background-image:url('../img/sub/hotplace/view/13.jpg') !important;}
.hotp_img14 {background-image:url('../img/sub/hotplace/view/14.jpg') !important;}
.hotp_img15 {background-image:url('../img/sub/hotplace/view/15.jpg') !important;}
.hotp_img16 {background-image:url('../img/sub/hotplace/view/16.jpg') !important;}
.hotp_img17 {background-image:url('../img/sub/hotplace/view/17.jpg') !important;}
.hotp_img18 {background-image:url('../img/sub/hotplace/view/18.jpg') !important;}
.hotp_img19 {background-image:url('../img/sub/hotplace/view/19.jpg') !important;}
.hotp_img20 {background-image:url('../img/sub/hotplace/view/20.jpg') !important;}
.hotp_img21 {background-image:url('../img/sub/hotplace/view/21.jpg') !important;}
.hotp_img22 {background-image:url('../img/sub/hotplace/view/22.jpg') !important;}
.hotp_img23 {background-image:url('../img/sub/hotplace/view/23.jpg') !important;}
.hotp_img24 {background-image:url('../img/sub/hotplace/view/24.jpg') !important;}
.hotp_img25 {background-image:url('../img/sub/hotplace/view/25.jpg') !important;}
.hotp_img26 {background-image:url('../img/sub/hotplace/view/26.jpg') !important;}
.hotp_img27 {background-image:url('../img/sub/hotplace/view/27.jpg') !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; z-index:999;}

#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;}


/*main ¹®È­°¡ ÀÖ´Â ³¯*/
.main-floor3 { background: url(../images/main/main_bg3.gif) no-repeat center top; padding: 24px 0 26px; margin-top: 0px;}
.width-auto { margin: 0 auto; width: 1000px;}
.width-auto ul { display: table; width: 100%;}
.width-auto ul li { display: table-cell; vertical-align: middle;}
.width-auto ul li p { display: inline-block;}
.width-auto ul li.title img {width: 300px;}
.width-auto ul li.btn img {width: 180px;}
.width-auto ul .date strong { display: inline-block; border: 2px solid #fe516a; width: 44px; line-height: 44px; background: #fff; font-size: 22px; font-weight: 800; text-align: center; color: #fe516a;}
.width-auto ul .date span { display: inline-block; font-size: 22px; font-weight: 800; padding: 0 15px 0 10px;}


footer {
  display: block;
  background-color: #fff;
  padding: 50px;
  margin-top: 60px;
  border-top: 1px solid #ddd;
}
@media all and (max-width: 640px) {
  footer {
    padding: 5.5555555556vw;
  }
}
footer .footer_wrap {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}
footer .footer_wrap .sns_area {
  position: absolute;
  right: 0;
  top: 10px;
}
@media all and (max-width: 640px) {
  footer .footer_wrap .sns_area {
    position: static;
  }
}
footer .footer_wrap .footer_logo {
  display: inline-block;
}
@media all and (max-width: 640px) {
  footer .footer_wrap .footer_logo {
    display: block;
    text-align: center;
  }
  footer .footer_wrap .footer_logo img {
    width: 36.1111111111vw;
  }
}
footer .footer_wrap .copy_wrap {
  color: #7f7f7f;
}
footer .footer_wrap .copy_wrap div {
  margin-top: 10px;
}
footer .footer_wrap .copy_wrap div .disin {
  display: inline-block;
}
@media all and (max-width: 640px) {
  footer .footer_wrap .copy_wrap div {
    font-size: 3.3333333333vw;
    text-align: center;
  }
}
footer .footer_wrap .copy_wrap div span {
  display: inline-block;
}
footer .footer_wrap .copy_wrap div span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 10px;
  background-color: #ddd;
  margin: 0 10px;
}

.quick_button .sns_area {
  position: relative;
}
.quick_button .sns_area .sns_ico {
  position: absolute;
  right: 65px;
  display: none;
  text-align: right;
}
.quick_button .sns_area .sns_ico.active {
  display: flex;
}
@media all and (max-width: 768px) {
  .quick_button .sns_area .sns_ico {
    right: 50px;
  }
}
.quick_button .sns_area .sns_ico a {
  float: left;
}
.quick_button .sns_area .sns_ico a img {
  width: 27px;
}
@media all and (max-width: 330px) {
  .quick_button .sns_area .sns_ico a {
    max-height: 50px;
    max-width: 40px;
  }
  .quick_button .sns_area .sns_ico a img {
    width: 22px;
  }
}
@media all and (max-width: 640px) {
  .sns_area ul {
    text-align: center;
  }
}
.sns_area ul li {
  display: inline-block;
  padding: 0 5px;
}
@media all and (max-width: 640px) {
  .sns_area ul li img {
    width: 8.4722222222vw;
  }
}