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


/* ====== font ======================================================================================================= */
/* Montserrat */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 100;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Thin.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Thin.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraLight.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraLight.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraLight.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Light.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Light.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Regular.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Regular.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Medium.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Medium.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-SemiBold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-SemiBold.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-SemiBold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Bold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Bold.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraBold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraBold.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-ExtraBold.otf) format('opentype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Black.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Black.woff) format('woff'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/Montserrat-Black.otf) format('opentype');
}


/* Noto Sans */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src:
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.woff2) format('woff2'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.woff) format('woff'),
	   url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.otf.eot) format('eot'),
       url(//static.heraldcorp.com/wbazic/basic/fonts/NotoSansKR-Black.otf) format('opentype');
}


/* ====== common ======================================================================================================= */
.trans{-webkit-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out}
.bg_0{background:#000}
.bg_3{background:#333}
.bg_6{background:#666}
.bg_9{background:#999}
.bg_c{background:#ccc}
.bg_e{background:#eee}
.bg_f3{background:#f3f3f3}
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word}
.ellipsis2{-webkit-line-clamp:2}
.ellipsis3{-webkit-line-clamp:3}
/* top */
#back-top{position:fixed; bottom:40px; right:15px; z-index:2}
#back-top a{width:40px; height:40px; display:block; font-size:0; background:url(//res.heraldm.com/heralddesign/version02/images_m/top.png?1) center center no-repeat rgba(0,0,0,0.3); background-size:15px; -webkit-transition:0.2s ease-in-out; transition:0.2s ease-in-out; border-radius:50%}
#back-top a:hover{background:url(//res.heraldm.com/heralddesign/version02/images_m/top.png?3) center center no-repeat rgba(0,0,0,0.8); background-size:15px}
input, select, textarea{-webkit-appearance:none; border-radius:0; box-sizing:border-box}


/* ====== header ======================================================================================================= */
.header_bg{position:fixed; width:100%; height:60px; z-index:10; top:0}
.header{position:relative; overflow:hidden; height:60px; background:#fff}
.header_lang{position:absolute; top:20px; left:50px; font-size:10px; line-height:18px; font-weight:400; color:#000; border:1px solid #000; border-radius:10px; padding:0 7px}
.logo{position:relative; overflow:hidden; margin:22px auto 0; display:block; width:83px;}/* height:14px */
.logo img{width:100%}
.menu{display:block; position:absolute; color:transparent; cursor:pointer; background:transparent; width:20px; height:20px; top:20px; left:15px; z-index:10}
.menu span{display:block; width:20px; height:1px; margin:4px auto; background:#000}
.menu span:first-child{margin-top:3px}
/* header_sns */
.header_sns{position:absolute; display:block; right:15px; top:21px}
.header_sns li, .header_sns li a{position:relative; display:block}
.header_sns li{float:left; margin-left:13px}
.header_sns li a{fill:#000}
.header_sns li a svg{width:18px; height:18px; vertical-align:middle}
.header_sns_in:hover{fill:#d70059}
.header_sns_fb:hover{fill:#4267b2}
.header_sns_yt:hover{fill:#ff0000}
.header_sns li:hover a{margin-top:-3px}
/* change */
.change{height:46px}
.change .header{height:46px}
.change .logo{margin:17px auto 0; width:67px}/* height:12px */
.change .menu{top:13px}
.change .header_sns{top:14px}
.change .header_lang{top:13px}
/* header_bnn_bg */
.header_bnn_bg{position:relative; overflow:hidden; height:46px; background:#000}
.header_bnn{position:relative; overflow:hidden; text-align:center; height:46px; margin:0 auto; display:block}
.header_bnn img{width:100%; max-width:320px; height:100%}
.header_bnn_close{position:absolute; top:15px; right:20px; display:block; width:16px; height:16px; background:url(//res.heraldm.com/heralddesign/version02/images_m/header_bnn_close.png?1) center center no-repeat; background-size:cover; z-index:1}
/* menu_all */
.menu_all{position:fixed; z-index:11; top:0; left:0; width:100%; display:none; opacity:0; height:100%; background:#fff; overflow:hidden; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.menu_all_con_bg{position:relative; overflow:hidden; display:table; width:100%; height:100%}
.menu_all_con{position:relative; display:table-cell; vertical-align:middle; width:100%; text-align:center}
.menu_all a{text-transform:uppercase; font-size:18px; color:#000; line-height:22px; display:block; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; letter-spacing:0.5px; font-weight:500}
.menu_all a span{border-bottom:1px solid #dfdfdf; display:block; margin:0 20px; padding:12px 0}
.menu_all_con a:last-child span{border:none}
.menu_all a:hover, .menu_all a:focus, .menu_all a.on{color:#148bff}
.menu_all .menu_all_close{position:absolute; top:15px; left:20px; font-size:50px; line-height:26px; font-weight:200; z-index:1}
.menu_all_sch{background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_all_sch.png?1) center center no-repeat; background-size:cover; top:20px; right:20px; z-index:1}
.menu_all_sch:after{content:''; background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_all_sch_on.png?1) center center no-repeat #fff; background-size:cover; top:0; opacity:0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.menu_all_sch, .menu_all_sch:after{position:absolute; overflow:hidden; display:block; width:19px; height:19px}
.menu_all_sch:hover:after{opacity:1; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.menu_all_bottom{position:absolute; overflow:hidden; text-align:center; bottom:40px; width:100%; left:0}
.menu_all_bottom_txt, .menu_all_bottom_line{position:relative; overflow:hidden}
.menu_all .menu_all_bottom_txt{display:inline-block; vertical-align:middle; font-size:16px; line-height:30px; letter-spacing:0.5px; font-weight:400}
.menu_all .menu_all_bottom_line{display:inline-block; vertical-align:middle; width:6%; height:2px; background:#148bff; margin:0 8px}
/* menu_sch_bg */
.menu_sch_bg{display:none}
.menu_sch_bg{position:fixed; z-index:12; width:100%; height:100%; overflow:hidden; background:#fff; top:0}
.menu_sch_back{position:absolute; top:25px; left:20px; font-weight:400; color:#000; font-size:13px}
.menu_sch_back_icon, .menu_sch_back_icon:after{overflow:hidden; width:15px; height:6px}
.menu_sch_back_icon{position:relative; background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_sch_back.png?1) center center no-repeat; background-size:cover; float:left; margin:4px 10px 0 0}
.menu_sch_back_icon:after{position:absolute; display:block; content:''; background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_sch_back_on.png?1) center center no-repeat #fff; background-size:cover; top:0; opacity:0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.menu_sch_back:hover .menu_sch_back_icon:after{opacity:1; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.menu_sch_back:hover{color:#148bff}
.sch_bg{position:relative; overflow:hidden; margin:100px 20px 0; border-bottom:2px solid #000}
.sch_bg, .sch_bg input, .sch_bg button, .sch_bg button:after{height:60px}
.sch_bg input{width:calc(100% - 40px); font-size:16px; font-weight:500; letter-spacing:0.4px; padding:0 40px 0 0}
.sch_bg input::-webkit-input-placeholder{color:#d4d4d4}
.sch_bg input:-ms-input-placeholder{color:#d4d4d4}
.sch_bg button{position:absolute; top:0;right:0;width:40px; background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_all_sch.png) center center no-repeat; background-size:22px}
.sch_bg button:after{width:40px; position:absolute; display:block; content:''; background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_all_sch_on.png) center center no-repeat #fff; background-size:22px; top:0;  opacity:0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.sch_bg button:hover:after{opacity:1; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
/* 검색페이지 */
.list_top .sch_bg{margin-top:59px}
.list_top .sch_bg select{position:absolute; left:0; top:0; width:60px; height:60px; font-size:16px; font-weight:500; letter-spacing:0.4px; background:url(//res.heraldm.com/heralddesign/version02/images_m/bottom_b.png) center right no-repeat; background-size:15px}
.list_top .sch_bg select::-ms-expand{display:none}
.list_top .sch_bg input{background:transparent; width:100%; padding:0 40px 0 80px}
.list_top .sch_bg button:after{background:url(//res.heraldm.com/heralddesign/version02/images_m/menu_all_sch.png) center center no-repeat; background-size:22px}
.list_bg_no_result{position:relative; overflow:hidden; text-align:center; padding:150px 0 175px; font-weight:300; color:#bbb; font-size:15px; line-height:20px; letter-spacing:-0.8px}











/* ====== index ======================================================================================================= */
.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}
/* main_bg */
.main_bg{position:relative; margin-top:60px; height:550px}
.main_swiper{overflow:hidden; height:100%}
.main_swiper .swiper-wrapper{z-index:0}
.main_swiper .swiper-slide{display:table; text-align:center}
.main_swiper_slide_img, .main_swiper_slide_img_black{position:absolute; top:0; left:0; width:100%; height:100%}
.main_swiper_slide_img_black{
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#1a000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.main_swiper_slide_t{display:table-cell; vertical-align:middle; position:relative}
.main_swiper_slide_t1, .main_swiper_slide_t2, .main_swiper_slide_t3{word-break:keep-all; overflow:hidden; max-width:76%}
.main_swiper_slide_t1{font-size:14px; font-weight:400; line-height:26px; color:#fff; letter-spacing:0.4px; height:26px; text-transform:uppercase; border-bottom:1px solid #fff; display:inline-block}
.main_swiper_slide_t2{font-size:26px; font-weight:300; line-height:38px; color:#fff; letter-spacing:-1.3px; max-height:72px; padding:40px 0 0; margin:0 auto; max-width:72%}
.main_swiper_slide_t3{font-size:16px; font-weight:200; line-height:24px; color:rgba(255,255,255,0.8); letter-spacing:-1px; max-height:48px; padding-top:25px; margin:0 auto 40px}
.main_swiper .swiper-pagination{bottom:26px !important; z-index:1 !important}
.main_swiper .swiper-pagination-bullet{width:7px; height:7px; margin:0 6px !important; background:rgba(255,255,255,.4); opacity:1; vertical-align:middle; transition:.2s}
.main_swiper .swiper-pagination-bullet-active{width:9px; height:9px; background:rgba(255,255,255,1)}
/* main_history */
.main_history{background:url(//res.heraldm.com/heralddesign/version02/images_m/main_history.jpg) center no-repeat #999; background-size:cover; text-align:center; width:calc(100% - 40px); height:240px; margin:40px 20px; display:table}
.main_history_tc{display:table-cell; vertical-align:middle;}
.main_history_t{font-size:24px; line-height:32px; color:#fff; padding:15px 0 10px; letter-spacing:-0.3px; font-weight:500}
.main_btn{text-align:center; font-size:0}
.main_btn a{display:inline-block; font-size:14px; font-weight:400; line-height:44px; position:relative; letter-spacing:0; color:#696969}
.main_btn a:after{display:block; content:""; position:absolute; left:50%; bottom:-3px; width:64px; height:3px; transform:translate(-50%,0); background-color:#148bff; transition:.2s}
.main_btn.main_btn_history a{color:#fff}
.main_btn a:hover:after{width:96px}
/* news */
.news{background:#f5f5f5}
.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(20,139,255,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,139,255,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,139,255,1)}
.news_slide .swiper-pagination{position:relative; bottom:inherit; left:inherit; font-size:0; z-index: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)}
/* forum */
.forum_li{margin:0 20px; padding:40px 0 30px}
.forum_li li{margin-bottom:20px; transition:.2s}
.forum_li li a{font-size:0; display:block}
.forum_li_img, .forum_li .t2{display:inline-block; vertical-align:middle;}
.forum_li_img{width:56%; padding-bottom:38%; margin-right:15px; position:relative}
.forum_li .t2{width:calc(44% - 15px); max-height:96px}
.forum_li .ellipsis4{display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-box-orient:vertical; word-wrap:break-word; -webkit-line-clamp:4}
.forum_li_img img, .forum_li_img_black{position:absolute; top:0; left:0; width:100%; height:100%}
.forum_li_img_black{background:rgba(0,0,0,0); transition:.2s}
.forum_li_img_more{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30px; height:30px; line-height:29px; border:1px solid #148bff; color:#148bff; font-size:30px; text-align:center; font-weight:200; transition:.2s; opacity:0}
.forum_li_img_play{position:absolute; left:15px; bottom:15px; width:30px; height:30px; background:url(//res.heraldm.com/heralddesign/version02/images/main_li_slide_img_play.png) center no-repeat; background-size:30px}
.forum_li_img:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:2px solid #148bff; transition:.2s}
.forum_li li:hover{transform:scale(0.95)}
.forum_li li:hover .forum_li_img_black{background:rgba(0,0,0,.5)}
.forum_li li:hover .forum_li_img_more{opacity:1}
.regular{background:#f5f5f5}







.list_slide{position:relative; margin:35px 15px 0; overflow:hidden; border:1px solid rgba(20,139,255,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(20,139,255,1)}
.list_slide .swiper-slide.swiper-slide-active:first-child:after{left:28px; width:calc(100% - 56px)}


/* ====== main =======================================================================================================
.main_bg_bg{position:relative; overflow:hidden; margin:60px auto 0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
/* bx
.bx-wrapper{box-shadow:none !important; border:0 !important; margin-bottom:0 !important; z-index:0 !important}
.bx-controls-direction{display:none}
.bx-wrapper .bx-controls-direction a{z-index:0 !important}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:20px !important}
.bx-wrapper .bx-pager{padding-top:0 !important}
.bx-wrapper .bx-default-pager.bx-pager a{background:rgba(255,255,255,0.6) !important; width:7px !important; height:7px !important; margin:0 5px !important}
.bx-wrapper .bx-default-pager.bx-pager a:hover, .bx-wrapper .bx-default-pager.bx-pager a.active, .bx-wrapper .bx-default-pager.bx-pager a:focus{background:#fff !important; width:9px !important; height:9px !important}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{vertical-align:middle !important}
/* main
.main, .main_bg, .main_bg_tb{width:100%; height:370px; overflow:hidden}
.main{position:relative; display:block}
.main_bg{position:absolute; top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0.2+100
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6
background: linear-gradient(45deg,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient
}
.main_bg_tb{position:relative; display:table}
.main_bg_tc{display:table-cell; vertical-align:middle}
.main_bg_tc.main_bg_talign_l{text-align:left}
.main_bg_tc.main_bg_talign_c{text-align:center}
.main_bg_tc.main_bg_talign_r{text-align:right}
.main_t1, .main_t2, .main_t3{margin:0 auto; word-break:keep-all}
.main_t1{font-size:12px; font-weight:400; line-height:19px; color:#fff; letter-spacing:0; max-width:80%; height:19px; text-transform:uppercase; border-bottom:2px solid #fff; display:inline-block; padding-bottom:2px; margin-top:10px}
.main_t2{font-size:22px; font-weight:300; line-height:30px; color:#fff; letter-spacing:-1px; width:64%; max-height:60px; padding:15px 0 0; word-break:keep-all}
.main_t3{font-size:13px; font-weight:200; line-height:19px; color:rgba(255,255,255,0.9); letter-spacing:-0.8px; width:60%; max-height:38px; margin-bottom:30px; word-break:keep-all; padding-top:10px}
.main_bg_tc.main_bg_talign_l .main_t1{margin:10px 30px 0}
.main_bg_tc.main_bg_talign_l .main_t2{margin-left:30px}
.main_bg_tc.main_bg_talign_l .main_t3{margin-left:30px}
.main_bg_tc.main_bg_talign_r .main_t1{margin:10px 30px 0}
.main_bg_tc.main_bg_talign_r .main_t2{margin-right:30px}
.main_bg_tc.main_bg_talign_r .main_t3{margin-right:30px}
/* btn_1 */
.btn_1 *:before, .btn_1 *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.btn_1{display:inline-block; position:relative}
.btn_1 span{display:block; font-size:15px; line-height:46px; padding:0 30px; color:#fff; font-weight:300; border:1px solid rgba(255,255,255,0.9)}
/* btn_2 (신청) */
.btn_2{position:relative; display:block; font-size:16px; line-height:48px; text-align:center; color:#fff; font-weight:400; background:#000; margin:30px auto}
/* btn_3 (로그인) */
.btn_3{position:relative; display:block; width:100%; font-size:16px; line-height:48px; text-align:center; color:#fff; font-weight:400; background:#000; margin:25px auto 0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}


/* ====== section ======================================================================================================= */
.section, .section_li1, .section_li1 li, .sec_bg, .sec_effect{position:relative; overflow:hidden}
.section_li1, .section_li1 li, .section_li1 li a{display:block}
.section_li1{margin:25px 0}
.section_li1 li{}
.section_li1 li .sec_bg{margin:5px 15px}
.sec_bg{background:#000}
.sec_bg *:before, .sec_bg *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.sec_effect{text-align:center; height:184px}
.sec_effect img{position:relative; display:block; margin:52px auto 18px; width:40px}
.sec_effect_cap{color:#fff; font-size:15px; line-height:22px; letter-spacing:2px}
.sec_effect_cap:before, .sec_effect_cap:after{pointer-events:none}
.sec_effect_cap, .sec_effect_cap > a{position:absolute; top:0; left:0; width:100%; height:100%}
.sec_effect_cap > a{opacity:0}
.sec_effect h2{word-spacing:-0.15em; font-weight:300; margin:0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; text-transform:uppercase; font-size:15px}
.section_li1 li:first-child .sec_bg h2{margin-top:70px}
.section_li1 li:nth-child(3) .sec_bg h2{margin-top:82px}
.sec_effect p{letter-spacing:0; font-size:80%; font-weight:200; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.2); transform: scale(1.2)}
.sec_effect_cap:before{position:absolute; top:10px; right:10px; bottom:10px; left:10px; border:1px solid #fff; content:''; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1)}
.sec_effect:hover h2, .sec_effect:hover img{-webkit-transform: scale(0.9); transform: scale(0.9)}
.sec_effect img{-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.sec_effect:hover img{-webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.sec_effect:hover .sec_effect_cap:before, .sec_effect:hover p{opacity:1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1)}
.sec_effect:hover .sec_effect_cap{background:rgba(0,0,0,0.2)}
.section_li1 li:first-child .sec_effect{background:url(//res.heraldm.com/heralddesign/version02/images_m/sec_effect_img1.jpg?2) center center no-repeat; background-size:cover}
.section_li1 li:nth-child(3) .sec_effect{background:url(//res.heraldm.com/heralddesign/version02/images_m/sec_effect_img2.jpg?3) center center no-repeat; background-size:cover}
.section_li1 li:last-child .sec_effect{background:#148bff}


/* ====== footer ======================================================================================================= */
.footer{position:relative; overflow:hidden; background:#000; clear:both; padding:30px 15px 50px}
.footer_info{position:relative; overflow:hidden}
.footer_info_btn{position:relative; display:block; font-size:14px; font-weight:300; line-height:20px; color:#aeaeae; margin-bottom:17px}
.footer_info_btn:after{position:relative; content:''; display:inline-block; width:15px; height:15px; background:url(//res.heraldm.com/heralddesign/version02/images_m/top.png?1) center center no-repeat; background-size:11px; opacity:0.4; vertical-align:middle; margin:-3px 0 0 10px}
.footer_info_btn.active:after{background:url(//res.heraldm.com/heralddesign/version02/images_m/bottom.png) center center no-repeat; background-size:11px}
.footer_info_li{position:relative; overflow:hidden; border-bottom:1px solid #333; padding-bottom:15px}
.footer_info_li li{color:#aeaeae; margin-right:12px; display:block; font-size:10px; font-weight:300; line-height:20px; display:block; letter-spacing:-0.2px}
.footer_info_li li span{margin-right:10px}
.footer_li1, .footer_li1 li a{display:block}
.footer_li1{position:relative; padding:15px 0}
.footer_li1 li{position:relative; display:inline-block; margin-right:15px}
.footer_li1 li:last-child{margin-right:0}
.footer_li1 li a{color:#aeaeae; font-size:10px; font-weight:300; line-height:20px}
.footer_li1 li a.on{color:#148bff}
.footer_li1_menu{display:none}
.footer_li1 li:hover .footer_li1_menu{display:block}
.footer_li1_menu{border:1px solid rgba(255,255,255,0.2); padding:10px; position:absolute; bottom:-12px; left:-15px; width:82px; z-index:1; background:rgba(0,0,0,1)}
.footer_li1_menu li{float:inherit; text-transform:uppercase; margin:0; padding:4px 0}
.footer_li1_menu li a{line-height:15px}
.footer_info_copy{position:relative; overflow:hidden; color:#aeaeae; font-size:10px; font-weight:300; line-height:15px; padding-bottom:15px}
.footer .header_sns{position:relative; right:inherit; top:inherit; clear:both; margin-top:0}
.footer .header_sns li a{fill:#aeaeae}
.footer .header_sns li{margin-left:0; margin-right:14px}
/* bnn_modal */
.bnn_modal{display:block; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.64)}
.bnn_modal_con{position:absolute; width:270px; box-shadow:0 10px 40px rgba(0,0,0,0.4); top:80px; left:50%; margin-left:-135px}
.bnn_modal_con_img{position:relative; overflow:hidden; display:block}
.bnn_modal_con_img img{width:100%; height:100%}
.bnn_modal_close{position:absolute; overflow:hidden; display:block; top:-35px; right:0; width:20px; height:20px; background:url(//res.heraldm.com/heralddesign/version02/images_m/header_bnn_close.png?1) center center no-repeat; background-size:cover; cursor: pointer}
.bnn_modal_con_bottom{position:relative; overflow:hidden; height:44px; line-height:44px; background:#000; font-size:14px; text-align:center; color:#fff; font-weight:300; display:block}


/* ====== list ======================================================================================================= */
.list_top{position:relative; overflow:hidden; margin:60px auto 0; height:180px; text-align:center; font-size:26px; line-height:32px; color:#fff; font-weight:500; text-transform:uppercase; letter-spacing:2.3px; display:table; width:100%}
.list_top span{display:table-cell; vertical-align:middle; padding:0 30px}
/* swiper */
.list_tab .swiper-wrapper{padding:35px 0 25px}
.list_tab .swiper-slide{width:auto !important; margin:0 15px}
.list_tab .swiper-slide a{font-size:15px; font-weight:400; color:#afafaf; letter-spacing:-0.3px; line-height:17px}
.list_tab .swiper-slide a span{display:inline-block; border-bottom:1px solid #fff; transition:.2s ease-in-out}
.list_tab .swiper-slide a.on span, .list_tab .swiper-slide a:hover span{color:#000; font-weight:600; border-color:#000; transition:.2s ease-in-out}

.list_bottom, .list_bg, .list, .list li, .list li a, .list_img, .list_t1, .list_t2, .list_t3{position:relative; overflow:hidden}
.list, .list li, .list li a{display:block}
.list{margin:0 8px 5px}
.list li{float:left; width:50%}
.list li:nth-child(2n+1){clear:both}
.list li a{margin:0 7px 35px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_img{padding-bottom:68%; background:#000}
.list li a img{width:100%; height:100%; transition:.2s ease-in-out; position:absolute; top:0; left:0}
.list_img_play{position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; width:40px; height:40px; background:url(//res.heraldm.com/heralddesign/version02/images_m/play.png) center center no-repeat; background-size:cover; transform: scale(0.9); transition:.2s ease-in-out}
.list_t1{font-size:12px; line-height:16px; color:#999; font-weight:300; letter-spacing:-0.4px; margin-top:13px; transition:.2s ease-in-out}
.list_t2{font-size:14px; line-height:20px; color:#333; font-weight:300; letter-spacing:-0.6px; margin:5px 0 10px; transition:.2s ease-in-out; max-height:40px; word-break:keep-all}
.list_t3{font-size:11px; line-height:16px; color:#afafaf; font-weight:300; letter-spacing:0}
/* list_tag */
.list_tag1, .list_tag2, .list_tag3, .list_tag4, .list_tag5, .list_tag6{position:absolute; overflow:hidden; background:#34bcaa; color:#fff; text-align:center; bottom:0; left:0; font-weight:400; font-size:10px; line-height:18px; padding:0 9px}
.list_tag2{background:#148bff}
.list_tag3{background:#124162}
.list_tag4{background:#ff665e}
.list_tag5{background:#ffa200}
.list_tag6{background:#8f53a1}
.view_top .list_tag1, .view_top .list_tag2, .view_top .list_tag3, .view_top .list_tag4, .view_top .list_tag5, .view_top .list_tag6{position:relative; margin:0; display:block; letter-spacing:0; float:left; margin-bottom:10px}


/* ====== tour ======================================================================================================= */
.tour_bg, .tour, .tour li, .tour li a{position:relative; overflow:hidden}
.tour, .tour li, .tour li a{display:block}
.tour{margin:15px 0 25px}
.tour li{margin:15px}
.tour li a{padding-bottom:58%}
.tour_tb_bg{position:absolute; background:#000; width:100%; height:100%; top:0; bottom:0}
.tour_tb{position:relative; display:table; width:100%; height:100%}
.tour li a img{width:100%; height:100%; opacity:0.6; position:absolute; top:0; left:0}
.tour_t_bg, .tour_end{display:table-cell; vertical-align:middle; position:relative; z-index:1; text-align:center; color:#fff; word-break:keep-all; width:100%}
.tour_t1{font-size:18px; line-height:25px; font-weight:400; letter-spacing:-0.3px; max-height:50px; margin:10px 60px 7px}
.tour_t2{font-size:12px; line-height:20px; font-weight:300; letter-spacing:-0.1px}
.tour_end{font-size:18px; line-height:25px; font-weight:200; letter-spacing:-0.3px; background:rgba(0,0,0,0.6)}


/* ====== loading_bg ======================================================================================================= */
.loading_bg{position:relative; overflow:hidden; text-align:center; margin-bottom:40px}
.loading{display:inline-block; position:relative; width:48px; height:10px}
.loading div{position:absolute; top:0; width:8px; height:8px; border-radius:50%; background:#148bff; animation-timing-function:cubic-bezier(0, 1, 1, 0)}
.loading div:nth-child(1){left:0; animation:loading1 0.6s infinite}
.loading div:nth-child(2){left:0; animation:loading2 0.6s infinite}
.loading div:nth-child(3){left:20px; animation:loading2 0.6s infinite}
.loading div:nth-child(4){left:40px; animation:loading3 0.6s infinite}
@keyframes loading1{
	0%{transform:scale(0)}
	100%{transform:scale(1)}
}
@keyframes loading3{
	0%{transform:scale(1)}
	100%{transform:scale(0)}
}
@keyframes loading2 {
	0%{transform:translate(0, 0)}
	100%{transform:translate(19px, 0)}
}


/* ====== view ======================================================================================================= */
.view_nav_bg, .view_nav, .view_bg, .view_top_bg, .view_top, .about{position:relative; overflow:hidden}
.view_nav_bg{background:#f8f8f8}
.view_nav, .view_bg, .about{}
.view_nav{padding:0 15px}
.view_nav a{display:inline-block; font-size:11px; line-height:18px; font-weight:300; color:#999; text-transform:uppercase; padding:10px 0; transition:.2s ease-in-out}
.view_nav a:after{content:'/'; padding:0 8px; transform:rotate(10deg); font-weight:100; font-size:11px}
.view_nav a:last-child:after{display:none}
.view_nav a:hover{color:#000}
.view_bg{margin:0 15px}
.view_top_bg{border-bottom:2px solid #000; padding:35px 0 20px}
.view_top{font-size:18px; line-height:26px; font-weight:400; color:#000; letter-spacing:-0.8px; word-break:keep-all; padding-bottom:8px}
.view_date{font-size:13px; line-height:16px; font-weight:300; color:#777}
.btn_bg{position:relative; overflow:hidden; text-align:center}
/* view_forum */
.view_forum, .view_forum_l, .view_forum_r{position:relative; overflow:hidden}
.view_forum{padding:30px 0 15px}
.view_forum_l{padding-bottom:60%; background:#f1f1f1; margin-bottom:10px}
.view_forum_l iframe{position:absolute; top:0; left:0}
/* view_dl1 */
.view_dl1, .view_dl1 dt, .view_dl1 dd, .view_forum_r_line{position:relative; overflow:hidden}
.view_dl1{padding:10px 0}
.view_dl1 dt{font-size:12px; font-weight:700; color:#333; line-height:16px; letter-spacing:2.3px; text-transform:uppercase; padding-bottom:7px}
.view_dl1 dd{font-size:15px; font-weight:300; color:#555; line-height:22px; letter-spacing:0}
.view_forum_r_line{height:1px; background:#dfdfdf; margin:20px 0}
.view_dl1_sns_fb, .view_dl1_sns_mail{float:left; position:relative; overflow:hidden; display:block; width:16px; height:16px; background:#555; padding:8px; border-radius:50%; fill:#fff; margin:10px 10px 10px 0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.view_dl1_sns_fb svg, .view_dl1_sns_mail svg{width:16px; height:16px}
.view_tag{position:relative; overflow:hidden; display:block; float:left; border-radius:16px; font-size:12px; font-weight:300; letter-spacing:-0.4px; line-height:16px; padding:7px 13px; background:#eee; margin:8px 7px 0 0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.view_tag:hover{background:#ddd; color:#000}
/* view_tab_bg */
.view_tab_bg{display:block; clear:both; *zoom:1;}
.view_tab_bg:after{display:block; height:0; content:"."; font-size:0; visibility:hidden; clear:both}
.view_tab_bg>.view_tab_top>li{float:left; text-align:center; font-size:15px; width:25%; margin-bottom:-1px; display:block}
.view_tab_bg>.view_tab_top .tit{display:block; text-align:center; font-weight:400; color:#afafaf; padding:15px 0; line-height:17px; cursor:pointer; border-bottom:1px solid #dfdfdf; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.view_tab_bg>.view_tab_top .on{position:relative}
.view_tab_bg>.view_tab_top .on .tit{color:#000; border-bottom:1px solid #000; font-weight:500}
.view_tab_bg>.view_tab{width:100%; clear:both; border-top:1px solid #dfdfdf; margin-top:-1px}
.view_tab_bg>.view_tab>.view_tab_cont{padding:30px 0; border-bottom:1px solid #dfdfdf}
.view_tab_bg>.view_tab>.view_tab_cont, .view_trend_bottom{font-size:15px; font-weight:200; color:#666; line-height:23px; letter-spacing:-0.6px}
.view_tab_bg>.view_tab>.view_tab_cont img{display:block; max-width:100%; margin:10px auto; height: auto !important; }
.view_tab_bg>.view_tab>.view_tab_cont b, .view_tab_bg>.view_tab>.view_tab_cont strong, .view_trend_bottom b, .view_trend_bottom strong{font-weight:400}
.view_tab_cont_caption{text-align:center; padding:5px 15px 20px; font-size:12px; color:#999; line-height:17px; letter-spacing:-0.7px}
/* .btn_bg .btn_1 */
.btn_bg .btn_1{margin:60px 0}
.btn_bg .btn_1 span{color:#000; border:1px solid #000}
.btn_bg .btn_1 span:hover{background:#fff}
.btn_bg .btn_1:before, .btn_bg .btn_1:after{background:#000}
.btn_bg .btn_1 span:before, .btn_bg .btn_1 span:after{background:#000}
/* view_list */
.view_list, .view_list li, .view_list li span, .view_list li a{position:relative; overflow:hidden; display:block}
.view_list{border-top:1px solid #000; margin-bottom:60px}
.view_list li{border-bottom:1px solid #dfdfdf}
.view_list li span, .view_list li a{font-size:14px; float:left; line-height:48px}
.view_list li span{position:absolute; top:0; left:0; width:70px; text-align:center; color:#000; font-weight:400}
.view_list li a{padding-left:70px; letter-spacing:-0.4px; width:100%; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; color:#777; font-weight:200; box-sizing:border-box}
/* view_trend */
.view_trend, .view_trend_top_bg, .view_trend_top, .view_trend_top_t1, .view_trend_top_t2, .view_trend_top_t3, .view_trend_bottom{position:relative; overflow:hidden}
.view_trend{padding:30px 0 15px; border-bottom:1px solid #dfdfdf}
.view_trend_top_bg{text-align:center}
.view_trend_top{}
.view_trend_top_t1{font-size:12px; font-weight:700; color:#333; line-height:16px; letter-spacing:2.3px; word-break:keep-all; text-transform:uppercase}
.view_trend_top_t2{padding:10px 0 0; font-size:14px; font-weight:300; color:#555; line-height:20px; letter-spacing:0; word-break:keep-all; text-transform:uppercase}
.view_trend_top .view_forum_r_line{width:100px; margin:30px auto}
.view_trend_top_t3{padding:0; font-size:14px; font-weight:300; color:#555; line-height:20px; letter-spacing:-0.4px; word-break:keep-all}
.view_trend_bottom{padding:20px 0 30px}
.view_trend_bottom img{display:block; max-width:100%; margin:10px auto}
/* view_event */
.view_event{position:relative; overflow:hidden}
.view_event img{display:block; max-width:100%; margin:0 auto}
/* email_modal */
.email_modal{display:none; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; overflow:auto; background:transparent}
.email_modal_con{position:absolute; background:#fff; width:90%; border:1px solid #000; box-shadow:0 10px 40px rgba(0,0,0,0.4); font-size:16px; line-height:20px; color:#000; text-align:center; letter-spacing:-0.4px; font-weight:300; top:46px; left:5%; padding:30px 15px 30px; box-sizing:border-box}
.email_modal_close{position:absolute; width:20px; height:20px; background:url(//res.heraldm.com/heralddesign/version02/images_m/find_modal_close.png) center center no-repeat; right:20px; top:20px; overflow:hidden; display:block; background-size:15px; cursor:pointer}
.email_modal_link_bg{position:relative; overflow:hidden; margin:15px 0 0; font-size:13px; line-height:32px; padding-bottom:15px; border-bottom:1px solid #000}
.email_modal_link_l{float:left; width:30%; border:1px solid #e5e5e5; font-weight:300; color:#000; border-right:none; box-sizing:border-box}
.email_modal_link_r{float:left; width:70%; border:1px solid #e5e5e5; font-weight:300; color:#148bff; padding:0 10px; background:#f8f8f8; box-sizing:border-box}
.email_modal_link_tit{font-size:14px; color:#000; font-weight:300; text-align:left; padding:15px 0 8px; letter-spacing:-0.5px}
.email_modal textarea{height:80px; padding:10px 15px; line-height:22px}
.email_modal textarea:focus{padding:10px 15px}
.email_modal .btn_bg{margin:15px 0 0}



/* ====== login ======================================================================================================= */
.mt_60{margin-top:60px}
.login, .login_tit{position:relative}
.login{margin:0 15px}
.login_tit{overflow:hidden; text-align:center; font-size:22px; font-weight:500; line-height:40px; border-bottom:2px solid #000; padding:30px 0 10px; margin-bottom:10px}
/* input_bg1_bg */
.input_bg1_bg{position:relative; overflow:hidden; padding:5px 0 0}
.input_bg1, .input_bg2{position:relative; width:100%; margin:25px 0}
.input_bg2 .input_bg1{width:100%; margin:0; float:left}/* 회원가입 이메일 */
.input_bg2 .join_mail{overflow:hidden}/* 회원가입 이메일 */
.input_bg2 .validation{padding-top:10px; overflow:hidden}/* 회원가입 이메일 */
.input_bg1 input[type="text"], .input_bg1 input[type="password"]{font-size:14px; font-weight:400; color:#000; width:100%; height:46px}
.input_effect{border:1px solid #d4d4d4; padding:0 15px; background:transparent; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.input_effect ~ .input_effect_border:before, .input_effect ~ .input_effect_border:after{content:''; position:absolute; top:0; left:0; width:0; height:2px; background:#148bff; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.input_effect ~ .input_effect_border:after{top:auto; bottom:0; left:auto; right:0}
.input_effect ~ .input_effect_border i:before, .input_effect ~ .input_effect_border i:after{content:''; position:absolute; top:0; left:0; width:2px; height: 0; background:#148bff; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.input_effect ~ .input_effect_border i:after{left:auto; right:0; top:auto; bottom:0}
.input_effect:focus ~ .input_effect_border:before, .input_effect:focus ~ .input_effect_border:after, .input_content.input_effect ~ .input_effect_border:before, .input_content.input_effect ~ .input_effect_border:after{width:100%; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.input_effect:focus ~ .input_effect_border i:before, .input_effect:focus ~ .input_effect_border i:after, .input_content.input_effect ~ .input_effect_border i:before, .input_content.input_effect ~ .input_effect_border i:after{height:100%; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.input_effect ~ label{position:absolute; left:15px; top:17px; color:#aaa; font-weight:300; z-index:-1; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; font-size:14px}
.input_effect:focus ~ label, .input_content.input_effect ~ label{top:-17px; left:0; font-size:11px; font-weight:400; color: #148bff; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.validation{position:relative; font-size:12px; color:#F33; font-weight:300; margin-top:-15px; padding-bottom:0; line-height:15px; clear:both}
/* checks */
.checks{position:relative; font-size:12px; line-height:20px; color:#000; font-weight:300; letter-spacing:-0.5px}
.checks input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checks input[type="checkbox"] + label{display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.checks input[type="checkbox"] + label:before{content:''; display:inline-block; background:url(//res.heraldm.com/heralddesign/version02/images_m/checks.png) center center no-repeat; background-size:20px; width:20px; height:20px; margin:-2px 10px 0 0; text-align:center;  vertical-align:middle; letter-spacing:-1px}
.checks input[type="checkbox"]:checked + label:before{background:url(//res.heraldm.com/heralddesign/version02/images_m/checks_on.png) center center no-repeat; background-size:20px}
.checks input[type="checkbox"]:checked + label{color:#148bff}
/* login_li1 */
.login_li1, .login_li1 li, .login_li1 li a{position:relative; overflow:hidden; display:block}
.login_li1{padding:25px 0}
.login_li1 li{float:left; width:33.33%}
.login_li1 li a{font-size:13px; font-weight:300; line-height:20px; text-align:center; color:#777; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.login_li1 li a:after{content:'|'; float:right; font-size:20px; font-weight:100; color:#d4d4d4;}
.login_li1 li:last-child a:after{display:none}
.login_li1 li a:hover{color:#333; font-weight:400}
/* login_sns */
.login_sns, .login_sns li{position:relative; overflow:hidden; display:block}
.login_sns{padding-bottom:50px}
.login_sns li{margin-bottom:15px}
.login_sns li a{position:relative; display:block; border:1px solid #d4d4d4; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.login_sns_fb, .login_sns_n, .login_sns_k{position:absolute; top:-1px; left:-1px; width:48px; height:48px; background:#4267b2; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; z-index:1}
.login_sns_n{background:#00c63b}
.login_sns_k{background:#fae731}
.login_sns_txt{position:relative; font-size:14px; font-weight:300; line-height:46px; color:#777; letter-spacing:-0.3px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; z-index:1}
.login_sns_txt img{vertical-align:middle; margin:-3px 30px 0 14px; width:20px}
.login_sns li:first-child a:hover{border-color:#4267b2}
.login_sns li:nth-child(2) a:hover{border-color:#00c63b}
.login_sns li:nth-child(3) a:hover{border-color:#fae731}
.login_sns li a:hover .login_sns_fb, .login_sns li a:hover .login_sns_n, .login_sns li a:hover .login_sns_k{width:100%; padding:0 1px}
.login_sns li:first-child a:hover .login_sns_txt, .login_sns li:nth-child(2) a:hover .login_sns_txt{color:#fff; font-weight:300}
.login_sns li:nth-child(3) a:hover .login_sns_txt{color:#381f1f; font-weight:300}


/* ====== join ======================================================================================================= */
.join_at{position:relative; text-align:center; float:left; width:10%; font-size:13px; font-weight:300; line-height:46px}
.join_sel1{border:1px solid #d4d4d4; height:46px; font-size:14px; font-weight:300; padding:0 15px; color:#aaa; background:url(//res.heraldm.com/heralddesign/version02/images_m/join_sel1.png?1) center right 12px no-repeat; width:32%; background-size:10px}
.join_sel1::-ms-expand{display:none}
.join_sel1::-ms-clear{display:none}/* mac */
/* join */
.join, .join_top{position:relative; overflow:hidden}
.join{padding:25px 0 10px}
.join_top{font-size:16px; font-weight:400; line-height:22px; border-top:1px solid #d4d4d4; padding:25px 0 5px}
.join_tb{position:relative; width:100%}
.join_tb th, .join_tb td{vertical-align:middle; font-size:15px; line-height:20px; font-weight:300; color:#000}
.join_tb th{padding:15px 0 5px; text-align:left}
.join_tb td{padding:5px 0}
.join_intype1, .join_intype2{border:1px solid #d4d4d4; font-size:14px; font-weight:400; color:#000}
.join_intype1{height:46px; padding:0 15px; width:32%}
.join_intype2{height:200px; padding:10px 15px; width:100%}/* 문의 */
.join_intype1:focus{border:2px solid #148bff; padding:0 14px}
.join_intype2:focus{border:2px solid #148bff; padding:9px 14px}
.ml_2{margin-left:2%}
.mr_2{margin-right:2%}
.mb_10{margin-bottom:10px}
.join_intype1::-webkit-input-placeholder, .join_intype2::-webkit-input-placeholder{color:#aaa; font-weight:300}
.join_intype1:-ms-input-placeholder, .join_intype2:-ms-input-placeholder{color:#aaa; font-weight:300}
/* join_provision_bg */
.join_provision_bg, .join_provision_top, .join_provision{position:relative; overflow:hidden}
.join_provision_bg{padding:10px 0}
.join_provision_bg .checks{display:inline-block}
.join_provision_btn{position:absolute; margin-top:1px; right:0; font-size:10px; line-height:20px; padding:0 10px; border-radius:10px; background:#999; color:#fff}
.join_provision table{position:relative; width:100%}
.join_provision table th, .join_provision table td{vertical-align:middle; font-size:10px; line-height:14px; border:1px solid #d4d4d4; word-break:keep-all;  padding:8px 3px; word-break:break-all}
.join_provision table th:first-child, .join_provision table td:first-child{border-left:none}
.join_provision table th:last-child, .join_provision table td:last-child{border-right:none}
.join_provision table th{background:#f8f8f8; border-top:2px solid #d4d4d4; color:#000; font-weight:400}
.join_provision table td{color:#333; font-weight:200}
.join_complete{position:relative; overflow:hidden; text-align:center; font-size:16px; line-height:24px; font-weight:300; color:#000; letter-spacing:-0.5px; padding:70px 0 40px; word-break:keep-all}
/* join_tab */
.join_tab, .join_tab li{position:relative; overflow:hidden}
.join_tab, .join_tab li, .join_tab li a{display:block}
.join_tab li{float:left; width:50%; margin-right:-1px}
.join_tab li a{position:relative; border:1px solid #d4d4d4; text-align:center; font-size:14px; font-weight:400; color:#777; height:40px; line-height:41px; border-bottom:2px solid #000}
.join_tab li a span{display:none}
.join_tab li a.on{color:#000; border-bottom-color:#fff}
.join_tab li a.on span{display:block; position:absolute; background:#000; z-index:1}
.join_tab_bd_top{top:-1px; height:2px; width:100%}
.join_tab_bd_right{top:-1px; right:-1px; width:2px; height:calc(100% + 3px)}
.join_tab_bd_left{top:-1px; left:-1px; width:2px; height:calc(100% + 4px)}
.join_tab_tit{position:relative; overflow:hidden; text-align:center; font-size:15px; font-weight:200; color:#000; line-height:22px; padding:38px 40px 0; letter-spacing:-0.5px; word-break:keep-all}
.find_complete{position:relative; overflow:hidden; text-align:center; color:#000; word-break:keep-all}
.find_complete_t1{font-size:16px; font-weight:300; line-height:26px; letter-spacing:-0.5px; padding:40px 40px 28px}
.find_complete_t2{font-size:17px; font-weight:400; line-height:24px; color:#148bff; padding-bottom:20px}
.find_complete_t3{font-size:15px; font-weight:200; line-height:25px; letter-spacing:-0.1px; padding-bottom:24px}
/* find_modal */
.find_modal{display:none; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; overflow:auto; background:transparent}
.find_modal_con{position:absolute; background:#fff; width:90%; box-sizing:border-box; line-height:24px; border:1px solid #000; box-shadow:0 10px 40px rgba(0,0,0,0.4); font-size:16px; color:#000; text-align:center; letter-spacing:-0.5px; font-weight:300; top:50%; left:5%; padding:60px 0; margin-top:-84px; word-break:keep-all}
.find_modal_close{position:absolute; width:20px; height:20px; background:url(//res.heraldm.com/heralddesign/version02/images_m/find_modal_close.png) center center no-repeat; background-size:15px; right:20px; top:20px; overflow:hidden; display:block; cursor:pointer}
/* join_modal */
.join_modal{display:none; position:fixed; z-index:10; left:0; top:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.4)}
.join_modal_con{position:absolute; background:#fff; width:90%; box-sizing:border-box; border:1px solid #000; box-shadow:0 10px 40px rgba(0,0,0,0.4); top:45px; left:5%}
.join_modal_close{position:absolute; width:20px; height:20px; background:url(//res.heraldm.com/heralddesign/version02/images_m/find_modal_close.png) center center no-repeat; background-size:15px; right:20px; top:24px; overflow:hidden; display:block; cursor:pointer}
.join_provision_top{font-size:16px; font-weight:500; line-height:30px; border-bottom:2px solid #000; padding:20px 0 10px; letter-spacing:-0.4px; margin:0 20px}
.join_provision{border:1px solid #d4d4d4; margin:20px; font-size:12px; line-height:18px; color:#333; font-weight:200; padding:15px; overflow-y:scroll; height:300px; letter-spacing:-0.2px}
.join_provision b{font-weight:400}


/* ====== my_request ======================================================================================================= */
.my_request{position:relative; overflow:hidden}
.my_request{margin:0 15px}
.my_request_top_bg{position:relative; overflow:hidden; padding:40px 0 0}
.my_request_top{position:relative; width:100%}
.my_request_top th, .my_request_top td{vertical-align:middle; border:2px solid #000; font-size:16px; line-height:24px; text-align:center; padding:15px}
.my_request_top th{background:#000; color:#fff; letter-spacing:-0.3px; font-weight:300}
.my_request_top td{letter-spacing:-0.6px; font-weight:400}
.my_request_tb1_top{position:relative; overflow:hidden; font-size:16px; color:#000; font-weight:300; padding:30px 0 10px; line-height:30px; letter-spacing:-0.4px; border-bottom:2px solid #000}
.my_request_tb1_bg{position:relative; overflow:hidden; margin-bottom:30px}
.my_request_tb1{position:relative; width:100%}
.my_request_tb1 th, .my_request_tb1 td{vertical-align:middle; border-bottom:1px solid #eee; padding:10px 0; font-size:13px; font-weight:300; height:40px; line-height:17px}
.my_request_tb1 tr:last-child th, .my_request_tb1 tr:last-child td{border-bottom-color:#000}
.my_request_tb1 th{width:30%; text-align:left; letter-spacing:-0.5px}
.my_request_tb1 td b{font-weight:500}
.my_request_tb1_star{font-weight:500; color:#148bff}
.my_request_tb1_intype_file_t1{font-size:12px; font-weight:200; color:#333; display:inline-block; letter-spacing:-0.6px; width:65%; vertical-align:middle; line-height:17px; word-break:keep-all}
.my_request_tb2{position:relative; width:100%}
.my_request_tb2 th, .my_request_tb2 td{vertical-align:middle; color:#000; line-height:19px}
.my_request_tb2 th{font-size:13px; font-weight:300; padding:15px; text-align:left; background:#f8f8f8; letter-spacing:-0.4px}
.my_request_tb2 td{font-size:14px; font-weight:200; padding:10px 15px; height:40px; border-bottom:1px solid #d4d4d4}
.my_request_tb2 tr:last-child td{border-bottom-color:#000}
/* my_request_tb1_intype_file */
.my_request_tb1_intype_file{font-size:0}
.my_request_tb1_intype_file [type="file"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); border:none}
.my_request_tb1_intype_file .file-label{display:inline-block; height:44px; line-height:44px; width:30%; margin-right:5%; font-size:12px; background:#000; color:#fff; text-align:center; vertical-align:middle; box-sizing:border-box}
.my_request_tb1_intype_file .file-name{vertical-align:middle}
.my_request_tb1_intype_file .file-focus{outline:1px dotted #d2310e}
/* my_request_check */
.my_request_check{position:relative; display:inline-block; margin:5px 20px 5px 0}
.my_request_check:last-child{margin-right:0}
.my_request_check input[type="radio"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.my_request_check input[type="radio"] + label{display:inline-block; position:relative; padding-left:32px; cursor:pointer; -webkit-user-select:none; -ms-user-select:none; line-height:22px; vertical-align:middle; font-size:14px; font-weight:200; color:#000}
.my_request_check input[type="radio"] + label:after{content: ''; position:absolute; top:5px; left:5px; width:12px; height:12px; background:#a1a1a1; border-radius:50%}
.my_request_check input[type="radio"] + label:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:#fff; border-radius:50%; border:1px solid #a1a1a1}
.my_request_check input[type="radio"]:checked + label:before{background:#148bff; border-color:#148bff}
.my_request_check input[type="radio"]:checked + label:after{content: ''; position:absolute; top:5px; left:5px; width:12px; height:12px; background:#fff; border-radius:50%}
/* my_request_check2 */
.my_request_check2{position:relative; display:inline-block; margin:5px 20px 5px 0}
.my_request_check:last-child{margin-right:0}
.my_request_check2 input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.my_request_check2 input[type="checkbox"] + label{display:inline-block; position:relative; padding-left:32px; cursor:pointer; -webkit-user-select:none; -ms-user-select:none; line-height:22px; vertical-align:middle; font-size:14px; font-weight:200; color:#000}
.my_request_check2 input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url(//res.heraldm.com/heralddesign/version02/images_m/checks2.png) center center no-repeat; background-size:cover}
.my_request_check2 input[type="checkbox"]:checked + label:before{background:url(//res.heraldm.com/heralddesign/version02/images_m/checks2_on.png) center center no-repeat; background-size:cover}

/* .my_request_agree */
.my_request_agree{position:relative; overflow:hidden}
.my_request_agree{border:1px solid #000; padding:0 15px 15px}
.my_request_agree .join_provision{margin:0; height:90px}
/* checks2 */
.checks2{position:relative; font-size:14px; line-height:22px; color:#000; font-weight:200; padding:15px 0 13px; letter-spacing:-0.2px}
.checks2 input[type="checkbox"]{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checks2 input[type="checkbox"] + label{display:inline-block; position:relative; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none}
.checks2 input[type="checkbox"] + label:before{content:''; display:block; float:left; background:url(//res.heraldm.com/heralddesign/version02/images_m/checks2.png) center center no-repeat; width:22px; height:22px; margin:0 11px 0 0; background-size:22px;}
.checks2 input[type="checkbox"]:checked + label:before{background:url(//res.heraldm.com/heralddesign/version02/images_m/checks2_on.png) center center no-repeat; background-size:22px}
.checks2 input[type="checkbox"]:checked + label{color:#148bff}
.my_request_agree_btn1, .my_request_agree_btn2{position:relative; overflow:hidden; display:inline-block; width:48%; border:1px solid #000; text-align:center; font-size:16px; font-weight:400; line-height:50px; box-sizing:border-box}
.my_request_agree_btn2{background:#000; color:#fff}
/* out */
.my_request_tb1 td .out_top{position:relative; overflow:hidden; font-size:13px; line-height:20px; color:#000; font-weight:300; letter-spacing:-0.4px; margin:0 0 20px}
.my_request_tb1 td .out{position:relative; font-size:12px; line-height:18px; color:#333; font-weight:200; letter-spacing:-0.4px; padding-left:11px}
.my_request_tb1 td .out b{font-weight:400; color:#000; display:block; margin-left:-10px}
/* my_request_tb_break */
.my_request_tb_break_bg{position:relative; overflow:hidden; margin-bottom:30px}
.my_request_tb_break{position:relative; width:100%; border-bottom:2px solid #000}
.my_request_tb_break th, .my_request_tb_break td{vertical-align:middle; color:#000; padding:5px 0; letter-spacing:-0.4px}
.my_request_tb_break tr:first-child th, .my_request_tb_break tr:first-child td{border-bottom:1px solid #d4d4d4; padding:15px 0}
.my_request_tb_break th{font-size:13px; line-height:21px; font-weight:200; text-align:left; width:30%}
.my_request_tb_break td{font-size:14px; line-height:23px; font-weight:300}
.my_request_tb_break .ticket{background:#f8f8f8; padding:15px}
.my_request_tb_break .ticket span{padding:5px 15px; border-radius:17px; background:#eee; display:block; font-size:13px; margin:8px 0 0 0}
.my_request_tb_break .ticket_tour span{margin-top:0}
.my_request_tb_break .ticket span b{font-weight:400; color:#148bff}
.my_request_tb_break_btn1{display:inline-block; line-height:30px; letter-spacing:-0.5px; color:#fff; font-weight:400; background:#999; border-radius:15px; font-size:13px; padding:0 20px; margin:10px 0 20px}
.my_request_tb_break_li, .my_request_tb_break_li dt, .my_request_tb_break_li dd{position:relative; overflow:hidden; display:block}
.my_request_tb_break_li{padding:0 0 15px}
.my_request_tb_break_li dt{font-size:15px; font-weight:400; line-height:22px; padding:0 0 5px}
.my_request_tb_break_li dd{font-size:13px; font-weight:200; line-height:20px; padding:3px 0 3px 12px; text-indent:-16px; letter-spacing:-0.4px; color:#333; word-break:keep-all}
/* my_request_complete */
.my_request_complete{position:relative; overflow:hidden; text-align:center; padding:200px 0}


/* ====== about ======================================================================================================= */
.about_img, .about_top, .about_top_t1, .about_his_tit, .about_his, .about_his_day{position:relative; overflow:hidden}
.about{padding:15px 15px 60px}
.about_img{margin:15px auto; width:100%; display:block}
.about_top{clear:both; padding:0 0 15px}
.about_top_t1{font-size:14px; color:#666; line-height:21px; font-weight:200; text-align:justify; letter-spacing:-0.5px; margin:15px 0}
.about_his_tit{text-align:center; font-size:21px; font-weight:200; color:#000; line-height:30px; letter-spacing:8px; padding-bottom:5px}
.about_his{clear:both; padding:15px 0 25px; border-bottom:1px solid #dfdfdf}
.about_his_day{font-size:20px; color:#000; font-weight:200; letter-spacing:-1px; line-height:40px; padding:10px 0}
.about_his_tb{position:relative; width:100%}
.about_his_tb th, .about_his_tb td{font-size:14px; line-height:21px; padding:5px 0}
.about_his_tb th{color:#000; font-weight:300; letter-spacing:-0.4px; text-align:left; width:22%}
.about_his_tb td{color:#666; font-weight:200; letter-spacing:-0.3px; padding-left:10px; word-break:keep-all}
.about_guest_tit{position:relative; overflow:hidden; font-size:18px; font-weight:200; line-height:24px; padding:90px 0 60px; color:#fff; letter-spacing:6px; text-align:center; text-transform:uppercase}
.about_guest_top{position:relative; overflow:hidden; font-size:14px; font-weight:500; line-height:21px; padding:30px 0 15px; color:#000}
.about_guest{position:relative; overflow:hidden; font-size:14px; font-weight:200; line-height:21px; padding-bottom:30px; color:#666; border-bottom:1px solid #dfdfdf; letter-spacing:-0.4px}
.about_ceo_bg{position:relative; overflow:hidden; clear:both; padding:0 0 15px}
.about_ceo_img, .about_ceo_t{position:relative; overflow:hidden}
.about_ceo_img{width:100%; margin:15px auto; max-width:414px; display:block}
.about_ceo_t{font-size:14px; color:#666; font-weight:200; line-height:21px; letter-spacing:-0.5px; text-align:justify}
.about_ceo_t b{display:block; font-size:16px; color:#000; font-weight:300; line-height:23px; margin:15px 0; letter-spacing:-0.5px}
.about_ceo_sign{color:#000; font-weight:300; padding-bottom:15px}
.about_ceo_sign b{font-size:18px; font-weight:400; display:inline-block; margin-left:6px}


/* ====== provision ======================================================================================================= */
.provision_bg{position:relative; overflow:hidden; margin:0 15px 30px}
.provision{position:relative; overflow:hidden; padding:30px 0; font-size:12px; line-height:19px; font-weight:200; color:#333; letter-spacing:-0.5px}
.provision b{font-weight:500; color:#000}
.provision table{position:relative; width:100%}
.provision table th, .provision table td{vertical-align:middle; font-size:11px; line-height:17px; border:1px solid #d4d4d4; word-break:break-all}
.provision table th:first-child, .provision table td:first-child{border-left:none}
.provision table th:last-child, .provision table td:last-child{border-right:none}
.provision table th{background:#f8f8f8; border-top:2px solid #d4d4d4; padding:10px 5px; color:#000; font-weight:400}
.provision table td{padding:10px 5px; color:#333; font-weight:200}
.provision_tb_align_l{text-align:left}
.provision_tb_align_r{text-align:right}
.provision_tb_align_c{text-align:center}


/* ====== paging ======================================================================================================= */
.paging, .paging li, .paging li a{position:relative; overflow:hidden}
.paging{display:inline-block; margin-bottom:60px}
.paging li, .paging li a{display:block}
.paging li{float:left; margin-right:-1px}
.paging li:last-child{margin-right:0}
.paging li a{text-align:center; width:38px; height:38px; font-size:14px; color:#666; line-height:38px; border:1px solid #ddd; font-weight:300; transition:.3s}
.paging li .paging_line{border-color:#ddd}
.paging li a:hover, .paging li a.on{background:#148bff; border-color:#148bff; transition:.3s; color:#fff; font-weight:400}


/* error page */
.error_page{padding:120px 0 80px;text-align:center}
.error_page .errer_area{margin:0 auto;padding:0 15px}
.error_page .ico_error{display:inline-block;width:63px;height:63px}
.error_page .ico_error svg{fill:#23a5db}
.error_page .info_box{padding-top:35px}	
.error_page .info_box .error_title{color:#000;font-size:28px;line-height:38px;font-weight:300}
.error_page .info_box .error_text{margin-top:40px;color:#555;font-size:16px;line-height:28px;font-weight:300}
.error_page .info_box .error_text + .error_text{margin-top:20px}
.error_page .info_box .error_text a{color:#23a5db;text-decoration:underline}
.error_page .btn_box{margin-top:55px;text-align:center;font-size:0}
.error_page .btn_box .btn_before{display:inline-block;padding:0 25px;color:#333;font-size:16px;line-height:46px;border:1px solid #bbb;border-radius:5px;background:#fff}
.error_page .btn_box .btn_home{display:inline-block;margin-left:10px;padding:0 25px;color:#fff;font-size:16px;line-height:46px;border-radius:5px;background:#23a5db}