@charset "utf-8";
/* CSS Document */


/* ====== common ======================================================================================================= */
input, button, select, textarea{-webkit-appearance:none; border-radius:0; box-sizing:border-box}
select::-ms-expand{display:none}
.t1{font-size:32px; font-weight:600; line-height:50px; letter-spacing:-0.4px; color:#000}
.t2{font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.4px; color:#000}
.t3{font-size:14px; font-weight:300; line-height:20px; letter-spacing:-0.2px; color:#777}
.title{padding:40px 20px 10px; text-align:center}
.more_bg{position:relative; padding:0 20px; display:block;}
.more_l{text-align:left}
.more_c{text-align:center}
.more{position:relative; display:inline-block; font-size:13px; line-height:36px; font-weight:400; color:#696969; letter-spacing:0.4px}
.more:after{position:absolute; content:''; display:block; bottom:0; width:60px; height:2px; background:rgba(1,159,146,1); left:50%; transform:translate(-50%,0);}
.more_l .more:after{left:0; transform:translate(0,0);}
.swiper-pagination, .swiper-button-next, .swiper-button-prev{z-index:1}

/* common 추가 */
.ellipsis4{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word}
.ellipsis4{-webkit-line-clamp:4}


/* ====== header ======================================================================================================= */
/* header */
.header{position:fixed; top:0; left:0; width:100%; border-bottom:1px solid rgba(0,0,0,.2); z-index:10; transition:.2s; background:rgba(255,255,255,.95)}
.header, .header_logo, .header_sch, .header_menu_bg{height:60px}
.header_logo{position:absolute; left:0; top:0; width:110px}
.header_logo svg{position:absolute; left:50%; top:50%; width:70px; height:20px; fill:rgba(1,159,146,1); transform:translate(-50%,-50%);}
.header_sch{position:absolute; top:0; right:60px; width:50px}
.header_sch svg{position:absolute; left:50%; top:50%; width:22px; height:22px; fill:rgba(0,0,0,.9); transform:translate(-50%,-50%);}
/* header_menu */
.header_menu_bg{position:absolute; top:0; right:0; width:60px; color:transparent; cursor:pointer; z-index:11; transition:.2s}
.header_menu{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.header_menu span{display:block; width:25px; height:2px; margin:5px auto; background:rgba(0,0,0,.9);
    -webkit-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate3d(0, 0, 0); -transform: translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden; backface-visibility:hidden}
.header_menu .header_menu_bar2{width:20px; margin-right:0}
.header_menu_bg.active .header_menu_bar1{-webkit-transform:rotate(45deg); transform:rotate(45deg)}
.header_menu_bg.active .header_menu_bar2{opacity:0}
.header_menu_bg.active .header_menu_bar3{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-14px}
.header_menu_bg.active span{background:#fff}
.menu_all{display:none; position:fixed; z-index:10; background:rgba(1,159,146,.98); top:0; left:0; width:100%; height:100%; font-size:0}
.menu_all_in{position:relative; height:100%; color:#fff; display:table; width:100%}
.menu_all_in_in{display:table-cell; vertical-align:middle}
.menu_all_li1{padding-bottom:30px}
.menu_all ul li a{display:block; transition:.2s}
.menu_all_li1 li a{font-size:28px; padding:10px 50px; font-weight:600}
.menu_all_li2 li a{font-size:16px; padding:8px 50px; font-weight:300}
.menu_all ul li a:hover{background:rgba(0,0,0,.1)}


/* ====== index ======================================================================================================= */
/* parallax */
.parallax{position:relative; overflow:hidden}
.parallax .swiper-slide{overflow:hidden; padding-bottom:130%}
.parallax .swiper-slide .parallax_img, .parallax_black, .parallax_t_bg{position:absolute; top:0; left:0; width:100%; height:100%}
.parallax_black{background:rgba(0,0,0,.3)}
.parallax_t_in{display:table; width:100%; height:100%; text-align:center;}
.parallax_t{display:table-cell; vertical-align:middle; color:#fff; padding-top:71px}
.parallax_t1{color:rgba(1,159,146,1); font-size:17px; font-weight:500}
.parallax_t2{margin:25px 20px; color:#fff; font-size:38px; font-weight:600; line-height:50px; letter-spacing:-0.4px; word-break:keep-all}
.parallax_t3{margin:2px 50px; color:#fff; font-size:16px; font-weight:200; line-height:24px; letter-spacing:-0.2px; word-break:keep-all}
.parallax .more_bg{margin:40px 0 20px}
.parallax .more{color:#fff}
.parallax .swiper-pagination{position:absolute; height:0;left:0; bottom:40px}
.parallax .swiper-pagination .swiper-pagination-bullet{background:rgba(255,255,255,.4); transition:.2s; width:7px; height:7px; opacity:1}
.parallax .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,1)}

/* speaker */
.speaker_t{margin:30px 20px; color:#555; font-size:16px; font-weight:200; line-height:26px; letter-spacing:-0.7px}
.speaker_slide{position:relative; overflow:hidden; margin-bottom:40px; width:100%; height:100%}
.speaker_slide .swiper-wrapper{padding-left:20px; width:calc(100% - 20px)}
.speaker_slide .swiper-slide{width:80%; transition:.2s; transform:scale(.8)}
.speaker_slide .swiper-slide_con{display:block}
.speaker_slide_img{position:relative; overflow:hidden; width:100%; padding-bottom:67%}
.speaker_slide_t{margin:15px 0 20px; text-align:right}
.speaker_slide .swiper-slide.swiper-slide-active{transform:scale(1)}
.speaker_slide_img:after{position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:2px solid rgba(1,159,146,0); transition:.2s}
.speaker_slide .swiper-slide-active .speaker_slide_img:after{border:2px solid rgba(1,159,146,1)}
.speaker_slide .swiper_option{position:relative; padding:0 20px; font-size:0}
.speaker_slide .swiper-pagination-fraction{position:relative ;bottom:inherit; left:inherit; width:auto; text-align:left; line-height:24px; display:inline-block; vertical-align:middle; font-size:13px; font-weight:300; color:#696969; margin:0 5px}
.speaker_slide .swiper-pagination-fraction span{margin:0 5px}
.speaker_slide .swiper-pagination-current{font-weight:600}
.speaker_slide .swiper-button-next, .speaker_slide .swiper-button-prev{position:relative; top:inherit; left:inherit; right:inherit;; width:13px;height:20px;margin:0; display:inline-block; vertical-align:middle; padding:0 5px; outline:none}
.speaker_slide .swiper-button-next:after, .speaker_slide .swiper-button-prev:after{font-size:0}
.speaker_slide .swiper-button-next svg, .speaker_slide .swiper-button-prev svg{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80%; height:80%; fill:#696969}

/* news */
.news{background:url(Hnews.jpg) center no-repeat; background-size:cover}
.news_slide{position:relative; overflow:hidden; padding-bottom:30px}
.news_slide .swiper-wrapper{padding:40px 0; margin-bottom:30px}
.news_slide .swiper-slide{width:80%; transform:scale(.8); transition:.2s}
.news_slide .swiper-slide.swiper-slide-active{transform:scale(1)}
.news_slide .swiper-slide_con{position:relative;}
.news_slide_img{position:relative; width:100%; padding-bottom:67%; overflow:hidden}
.news_slide_img:after{position:absolute; content:""; border:1px solid #eee; top:0; left:0; right:0; bottom:0}
.news_slide_t{position:absolute; bottom:-25px; left:30px; right:-15px; padding:20px; background:rgba(255,255,255,.92); transition:.2s; border:2px solid rgba(1,159,146,1); box-shadow:0 2px 10px rgba(0,0,0,.15)}
.news_slide_t .t2{max-height:48px}
.news_slide_t .t3{margin:10px 0 13px; max-height:40px}
.news_slide_t_btn{width:24px; height:24px; border:2px solid rgba(1,159,146,1); position:relative;}
.news_slide_t_btn svg{width:12px; height:12px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); fill:rgba(1,159,146,1)}
.news_slide .swiper-pagination{position:relative; bottom:inherit; left:inherit; font-size:0}
.news_slide .swiper-pagination .swiper-pagination-bullet{background:rgba(105,105,105,.5); transition:.2s; width:7px; height:7px; opacity:1}
.news_slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(105,105,105,1)}

/* video */
.video_li{margin:0 20px; padding:40px 0 30px}
.video_li li{margin-bottom:20px; transition:.2s}
.video_li li a{font-size:0; display:block}
.video_li_img, .video_li .t2{display:inline-block; vertical-align:middle;}
.video_li_img{width:56%; padding-bottom:38%; margin-right:15px}
.video_li .t2{width:calc(44% - 15px); max-height:96px}
.video_li li:hover{transform:scale(0.95);}

/* info */
.info{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/info.jpg) center no-repeat; background-size:cover; padding:50px 15px; text-align:center}
.info svg{display:block; margin:0 auto; width:100px; height:29px; fill:#fff}
.info .t2{margin:25px 0 15px; color:#fff; font-weight:300}
.info .more{color:#fff}
.info_obj{overflow:hidden; position:relative; padding:50px 0}
.info_obj svg{width:500px; height:72px; fill:#fff; stroke:rgba(1,159,146,1); stroke-width:1.5; animation:InfoObj 10s linear infinite; display:inline-block; white-space:nowrap; padding-left:100%}
@keyframes InfoObj {
  from   { transform: translate(0%);}
  to { transform: translate(-100%);}
}
.info_obj svg:after{content:""; white-space:nowrap;}


/* ====== footer ======================================================================================================= */
.footer{background:#202020; padding:30px 20px 40px; text-align:center; color:#888; font-size:13px; line-height:18px; font-weight:300}
.footer ul{text-align:right}
.footer ul li{display:inline-block; vertical-align:middle;margin-left:15px}
.footer ul li a{display:block}
.footer_sel_bg{position:relative; z-index:1}
.footer select{width:100%; background:transparent; border:1px solid #555; margin:20px 0; padding:0 20px; color:#767676; z-index:1; height:48px; font-size:15px; font-weight:300}
.footer_sel_bg svg{position:absolute; top:37px; right:20px; width:10px; height:16px; transform:rotate(90deg); z-index:-1; fill:rgba(255,255,255,.2)}
.footer_t{font-size:12px; line-height:18px; font-weight:200}


/* ====== list ======================================================================================================= */
.list{margin-bottom:50px}
.list_top{font-size:34px; font-weight:600; color:#fff; line-height:50px; padding:44% 20px 25px; margin-bottom:30px}
.list_top1{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/list_top1.jpg) center no-repeat; background-size:cover}
.list_top2{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/list_top2.jpg) center no-repeat; background-size:cover}
.list_top3{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/list_top3.jpg) center no-repeat; background-size:cover}
.list_top4{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/list_top4.jpg) center no-repeat; background-size:cover}
.list_top5{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/list_top5.jpg) center no-repeat; background-size:cover}
.list_top6{background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/list_top6.jpg) center no-repeat; background-size:cover}
.list_slide{position:relative; margin:0 20px 20px; overflow:hidden; border:1px solid rgba(1,159,146,1); box-shadow:0 3px 6px rgba(0,0,0,.08)}
.list_slide:after{position:absolute; content:""; width:20px; height:46px; top:0; right:0; z-index:1;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+65 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.list_slide .swiper-slide{width:auto; position:relative;}
.list_slide .swiper-slide a{display:block; font-size:14px; font-weight:400; padding:10px 17px; line-height:26px; color:#333}
.list_slide .swiper-slide a span{font-weight:200; margin-left:3px}
.list_slide .swiper-slide:first-child a{padding:10px 30px}
.list_slide .swiper-slide a:after{position:absolute; content:""; width:1px; height:10px; background:#ddd; right:-1px; top:18px}
.list_slide .swiper-slide:last-child a:after{display:none}
.list_slide .swiper-slide:after{position:absolute; content:""; height:2px; background:rgba(1,159,146,0); bottom:7px; left:15px; width:calc(100% - 30px); transition:.2s}
.list_slide .swiper-slide.on:after{background:rgba(1,159,146,1)}
.list_slide .swiper-slide.swiper-slide-active:first-child:after{left:28px; width:calc(100% - 56px)}
/* with us 리스트만 해당 */
.list_slide.list_with .swiper-slide{width:50%; text-align:center}
.list_slide.list_with .swiper-slide a{padding:10px 0}
.list_with_line{display:inline-block; position:relative;}
.list_with_line:after{position:absolute; content:""; height:2px; background:rgba(1,159,146,0); bottom:-3px; left:-2px; width:calc(100% + 4px); transition:.2s}
.list_slide.list_with .swiper-slide.on .list_with_line:after{background:rgba(1,159,146,1)}
/* .list_type1 */
.list_type1{font-size:0; padding:0 15px 10px}
.list_type1 li{width:calc(50% - 10px); display:inline-block; margin:0 5px 20px; vertical-align:top; transition:.2s}
.list_type1 li a, .list_type2 li a{display:block; position:relative; overflow:hidden;}
.list_type1_img{padding-bottom:68%; position:relative;}
.list_type1_tag{position:absolute; bottom:-10px; left:10px; z-index:1; font-size:10px; font-weight:400; line-height:20px; background:#000; color:#fff; padding:0 7px; max-width:calc(100% - 34px)}
.list_type1_t_bg{padding:23px 10px 20px; }
.list_type1_t1{font-size:11px; font-weight:300; color:#888; line-height:16px; height:16px; letter-spacing:-0.3px}
.list_type1_t2{font-size:15px; font-weight:400; color:#000; line-height:20px; letter-spacing:-0.8px;margin:5px 0 10px; word-break:break-all; height:40px}
.list_type1_t3{font-size:11px; font-weight:300; color:#888; line-height:12px; height:12px}
.list_type1 li:hover{transform:scale(0.95);}
/* 콜라보 카테고리별 색상 (카테고리 추가될때마다 클래스 넘버 추가) */
.list_type1_cate1 a{border:1px solid rgba(1,159,146,1)}
.list_type1_cate1 .list_type1_tag{background:rgba(1,159,146,1)}
.list_type1_cate1 .list_type1_t_bg{border-top:1px solid rgba(1,159,146,1)}
.list_type1_cate2 a{border:1px solid rgba(1,159,98,1)}
.list_type1_cate2 .list_type1_tag{background:rgba(1,159,98,1)}
.list_type1_cate2 .list_type1_t_bg{border-top:1px solid rgba(1,159,146,1)}
/* .list_type2, .list_type3 */
.list_type2, .list_type3{font-size:0; padding:0 20px 10px}
.list_type2 li, .list_type3 li{margin:0 0 20px; transition:.2s}
.list_type2 li a, .list_type3 li a{display:block; position:relative; overflow:hidden;}
.list_type2_img{padding-bottom:59%; position:relative;}
.list_type2_black{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0)}
.list_type2_tag{position:absolute; top:0; left:20px; font-size:12px; font-weight:400; line-height:50px; width:50px; background:red; color:#fff; text-align:center;}
.list_type2_t_bg{padding:15px 20px 15px}
.list_type2_t1{font-size:16px; font-weight:400; color:#000; line-height:22px; letter-spacing:-0.8px;margin:0 0 10px; word-break:keep-all;}
.list_type2_t2{font-size:12px; font-weight:300; color:#888; line-height:20px; letter-spacing:-0.3px}
.list_type2 li:hover{transform:scale(0.95);}
/* 진행과 종료 클래스 */
.list_type2_ing a{border:1px solid #019f92}
.list_type2_ing .list_type2_t_bg{border-top:1px solid #019f92}
.list_type2_ing .list_type2_tag{background:#019f92}

.list_type2_plan a{border:1px solid #92bde6}
.list_type2_plan .list_type2_t_bg{border-top:1px solid #92bde6}
.list_type2_plan .list_type2_tag{background:#92bde6}

.list_type2_end a{border:1px solid #696969}
.list_type2_end .list_type2_black{background:rgba(0,0,0,.5)}
.list_type2_end .list_type2_t_bg{border-top:1px solid #696969}
.list_type2_end .list_type2_tag{background:#696969}
/* .list_type3 */
.list_text{text-align:center; padding:10px 50px 25px; font-size:16px; font-weight:300; line-height:26px; letter-spacing:-0.8px; color:#333; text-decoration:underline; word-break:keep-all;}
.list_type3 .list_type2_tag{top:inherit; bottom:-25px; line-height:16px; padding:9px 0}
.list_type3 .list_type2_t_bg{padding:35px 20px 15px}
.list_type3 li:hover{transform:scale(0.95);}
/* 뉴스 카테고리별 색상 (카테고리 추가될때마다 클래스 넘버 추가) */
.list_type3_cate1 a{border:1px solid rgba(1,159,146,1)}
.list_type3_cate1 .list_type2_tag{background:rgba(1,159,146,1)}
.list_type3_cate2 a{border:1px solid rgba(1,159,146,1)}
.list_type3_cate2 .list_type2_tag{background:rgba(1,159,98,1)}
.list_type3_cate3 a{border:1px solid rgba(153,126,1,1)}
.list_type3_cate3 .list_type2_tag{background:rgba(153,126,1,1)}
.list_type3_cate4 a{border:1px solid rgba(1,115,153,1)}
.list_type3_cate4 .list_type2_tag{background:rgba(1,115,153,1)}
/* .list_type4 */
.list_type4_bg{position:relative;}
.list_type4_line{position:absolute; top:0; bottom:0; left:49px; width:1px; background:#e1e1e1}
.list_type4_line:before, .list_type4_line:after{position:absolute; content:""; width:7px; height:7px; background:#ccc; display:block; left:-3px; border-radius:50%}
.list_type4_line:before{top:0}
.list_type4_line:after{bottom:0}
.list_type4{position:relative;}
.list_type4 > li{margin:0 20px 40px}
.list_type4_top{font-size:0; padding-bottom:15px; display:block}
.list_type4_top_title, .list_type4_top_title span, .list_type4_top_arrow, .list_type4_top_img{display:inline-block; vertical-align:middle;}
.list_type4_top_title{width:60px; height:60px; background:rgba(1,159,146,1); line-height:60px; text-align:center;}
.list_type4_top_title span{font-size:12px; line-height:16px; max-height:32px; word-break:keep-all; color:#fff; width:100%}
.list_type4_top_arrow{width:30px; height:30px; position:relative;}
.list_type4_top_arrow svg{position:absolute; top:50%; left:50%; width:11px; height:18px; transform:translate(-50%,-50%); fill:#e5e5e5}
.list_type4_top_img{width:calc(100% - 90px); padding-bottom:49%; position:relative;}
.list_type4_top_img:after{position:absolute; content:""; display:block; top:0; left:0; right:0; bottom:0; border:2px solid rgba(1,159,146,1)}
.list_type4_top_img_black{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2)}
.list_type4_top_img svg{position:absolute; bottom:15px; left:15px; width:38px; height:38px; fill:rgba(255,255,255,.8)}
.list_type4_bottom{padding-left:90px}
.list_type4_bottom_t1{display:block; font-size:16px; line-height:23px; font-weight:400; letter-spacing:-0.8px; color:#000; word-break:keep-all;}
.list_type4_bottom_t2{margin:10px 0; font-size:13px; line-height:14px; font-weight:300; letter-spacing:0; color:#999}
.list_type4_bottom_tag{font-size:0}
.list_type4_bottom_tag li{display:inline-block; vertical-align:middle;}
.list_type4_bottom_tag li a{display:block; background:rgba(0,0,0,.05); font-size:12px; line-height:28px; font-weight:400; letter-spacing:-0.5px; padding:0 10px; color:#696969; margin:5px 5px 0 0; transition:.2s}
.list_type4_bottom_tag li:hover a{background:rgba(0,0,0,.1)}
/* .list_type5 */
.list_type5{font-size:0; padding:0 15px 10px}
.list_type5 li{width:calc(50% - 10px); display:inline-block; margin:0 5px 20px; vertical-align:top; transition:.2s}
.list_type5_img{padding-bottom:100%; position:relative}
.list_type5_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:1px solid #eee; border-bottom:none}
.list_type5_t_bg{padding:15px 10px; border:1px solid rgba(1,159,146,1); text-align:center;}
.list_type5_t1{font-size:16px; font-weight:400; color:#000; line-height:20px; letter-spacing:-0.8px;margin:0 0 10px}
.list_type5_t2{font-size:12px; font-weight:300; color:#888; line-height:14px; letter-spacing:-0.3px}


/* ====== sch ======================================================================================================= */
.sch_top{padding:120px 20px 35px; margin-bottom:30px; background:url(https://static.heraldcorp.com/wbazic/heraldeco/images_m/sch_top.jpg) center no-repeat; background-size:cover}
.sch_top_t1{font-size:36px; font-weight:600; color:#fff; line-height:50px; text-align:center;}
.sch_top_sch{position:relative; margin:15px 0 25px}
.sch_top_sch input, .sch_top_sch button{height:50px}
.sch_top_sch input{width:100%; padding:0 80px 0 20px; font-size:18px; font-weight:400; color:#000}
.sch_top_sch input::-webkit-input-placeholder{color:#888; font-weight:300}
.sch_top_sch input:-ms-input-placeholder{color:#888; font-weight:300}
.sch_top_sch button{position:absolute; top:0; right:0; width:60px; background:transparent}
.sch_top_sch button svg{position:absolute; top:50%; left:50%; width:24px; height:24px; transform:translate(-50%, -50%); fill:#333}
.sch_top_t2{font-size:16px; font-weight:200; color:#fff; line-height:23px; text-align:center; letter-spacing:-0.7px}
.sch_title{padding:20px 20px 15px; font-size:18px; font-weight:600; line-height:24px; color:#000}
.sch_title span{font-weight:300; margin:-4px 0 0 5px; font-size:14px; display:inline-block; line-height:16px; vertical-align:middle}


/* ====== view ======================================================================================================= */
.view_bg{margin-bottom:50px}
.view_tag{position:relative; padding:0 20px 15px; text-align:center;}
.view_tag .list_type1_tag, .view_tag .list_type2_tag{position:relative; left:inherit; display:inline-block; vertical-align:middle;}
.view_tag .list_type1_tag{bottom:inherit}
.view_tag .list_type2_tag{top:inherit; line-height:16px; padding:9px 0}
.view_tag.view_tag_forum .list_type2_tag{line-height:50px; padding:0}
.view_title{text-align:center; font-size:20px; font-weight:400; line-height:29px; letter-spacing:-1px; color:#000; padding:0 20px 10px; word-break:keep-all;}
.view_day{text-align:center; font-size:13px; font-weight:300; line-height:24px; color:#aaa; padding-bottom:20px; margin:0 20px; border-bottom:1px solid #eee}
.view{font-size:16px; font-weight:300; line-height:25px; letter-spacing:-0.8px; color:#000; padding:0 20px; margin:30px 0}
.view img, .view iframe{max-width:100%; display:block; margin:20px auto; width:auto !important; height:auto !important}
.view_small_title{font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.3px; color:#000; padding:10px 20px}
.view_bg .list_type4_bottom_tag{margin:0 20px 20px}
.view_sns{font-size:0; padding-bottom:30px; border-bottom:1px solid #eee; margin:0 20px 30px}
.view_sns li{display:inline-block; vertical-align:middle; margin:5px 5px 0 0}
.view_sns li a{display:block; border-radius:50%; background:#555; width:38px; height:38px; position:relative;}
.view_sns li a svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:18px; height:18px; fill:#fff}
.view_bottom_bg{margin:0 20px 30px; font-size:0}
.view_bottom{width:calc(50% - 40px); display:inline-block; vertical-align:middle; background:#333; padding:25px 20px; color:#fff; position:relative;}
.view_bottom_black{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.3)}
.view_bottom_r{text-align:right;}
.view_bottom_top{line-height:20px; margin-bottom:12px; font-size:0; position:relative;}
.view_bottom_top svg{fill:#fff; width:7px; height:11px; display:inline-block; vertical-align:middle; margin-top:-1px}
.view_bottom_l svg{margin-right:6px}
.view_bottom_r svg{margin-left:6px}
.view_bottom_top span{font-size:13px; font-weight:300; letter-spacing:-0.5px; display:inline-block; vertical-align:middle}
.view_bottom_bottom{font-size:15px; line-height:22px; font-weight:300; height:44px; letter-spacing:-0.5px; position:relative;}
.view_btn{display:block; text-align:center; line-height:50px; height:50px; font-weight:400; font-size:16px; color:#fff; background:rgba(1,159,146,1); margin:0 20px 40px; box-shadow:0 5px 10px rgba(0,0,0,.15); letter-spacing:-0.5px}
.view_bottom.view_bottom_no_content{padding:0 20px; background:#eee}
.view_bottom_no_bg{position:relative; display:table; width:100%; height:126px}
.view_bottom_no{display:table-cell; vertical-align:middle; font-size:13px; text-align:center; color:#999; font-weight:300; letter-spacing:-0.5px;}
/* view_tab */
.view_tab {display:block; clear:both; *zoom:1; margin:0 20px 20px}
.view_tab:after {display:block; height:0; content:"."; font-size:0; visibility:hidden; clear:both}
.view_tab>.view_tab_menu>li {float:left; width:25%; text-align:center}
.view_tab>.view_tab_menu .view_tab_menu_title{position:relative; display:block; font-size:15px; font-weight:300; color:#999; cursor:pointer; line-height:44px}
.view_tab>.view_tab_menu .view_tab_menu_title:after{position:absolute; content:""; left:0; bottom:0; height:1px; width:100%; background:rgba(0,0,0,.1)}
.view_tab>.view_tab_menu .on {position:relative}
.view_tab>.view_tab_menu .on .view_tab_menu_title {color:#000; font-weight:400}
.view_tab>.view_tab_menu .on .view_tab_menu_title:after{height:2px; background:rgba(0,0,0,1)}
.view_tab>.view_tab_cont_bg {float:left; width:100%; clear:both}
.view_tab>.view_tab_cont_bg>.view_tab_cont {margin:20px 0; font-size:16px; font-weight:300; line-height:25px; letter-spacing:-0.8px; color:#000}
.view_tab>.view_tab_cont_bg>.view_tab_cont img,
.view_tab>.view_tab_cont_bg>.view_tab_cont iframe{max-width:100%; display:block; margin:20px auto; height:auto !important}
.view_tab>.view_tab_cont_bg>.view_tab_cont strong{font-weight:600}
.view_tab>.view_tab_cont_bg>.view_tab_cont p{line-height:1.5 !important}
.view_tab>.view_tab_cont_bg>.view_tab_cont i *{font-style: italic !important}


/* ====== inquiry ======================================================================================================= */
.inquiry{margin-bottom:50px}
.inquiry_t1{text-align:center; font-size:22px; line-height:32px; font-weight:400; letter-spacing:-1px; color:#000; word-break:keep-all; padding:5px 20px 15px}
.inquiry_t2{text-align:center; font-size:14px; line-height:22px; font-weight:300; letter-spacing:-1px; color:#888; word-break:keep-all; margin:0 20px 30px; padding:0 0 30px; border-bottom:1px solid #eee}
.inquiry_form{margin:0 20px 30px}
.inquiry_form input, .inquiry_form select, .inquiry_form textarea{border:1px solid #ddd; width:100%}
.inquiry_form input, .inquiry_form select{height:48px; padding:0 20px}
.inquiry_form select{background:transparent}
.inquiry_form_mail{font-size:0; margin-bottom:20px}
.inquiry_form_mail input, .inquiry_form_mail_type2_bg, .inquiry_form_mail span{display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#000}
.inquiry_form .inquiry_form_mail_type1{width:37%}
.inquiry_form_mail span{width:30px; line-height:48px; text-align:center; font-weight:300}
/*
.inquiry_form_mail_type2_bg{position:relative;}
*/
.inquiry_form .inquiry_form_mail_type2{width:calc(63% - 30px)}
/*
.inquiry_form_mail_type2_bg svg{position:absolute; width:10px; height:10px; top:20px; right:15px; z-index:-1; transform: rotate(90deg); fill:#ccc}
*/
.inquiry_form textarea{line-height:24px; height:200px; margin-top:20px; font-size:16px; font-weight:400; letter-spacing:-0.8px; padding:20px; overflow-y:scroll; color:#000}
.inquiry_form input::-webkit-input-placeholder, .inquiry_form textarea::-webkit-input-placeholder{color:#999; font-weight:300}
.inquiry_form input:-ms-input-placeholder, .inquiry_form textarea:-ms-input-placeholder{color:#999; font-weight:300}


/* 211012_추가 */
.view_down{font-size:0; padding-bottom:30px; border-bottom:1px solid #eee; margin:0 20px 30px}
.view_down li{display:inline-block; vertical-align:middle; margin:0 5px 5px 0}
.view_down li a{display:block; position:relative; font-size:12px; max-width:130px; line-height:34px; border:1px solid #ddd; border-radius:19px; padding:0 15px; font-weight:300;}
.view_down_icon_col_1{fill:#FA0F00}
.view_down_icon_col_2{fill:#fff}
.view_down_icon_col_3{fill:#209DDF}




.nu{}