@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:100px; right:100px; z-index:1}
#back-top a{width:60px; height:60px; display:block; font-size:0; background:url(//res.heraldm.com/heralddesign/version02/images/top.png) center center no-repeat rgba(0,0,0,0.3); background-size:40px; -webkit-transition:0.2s ease-in-out; transition:0.2s ease-in-out}
#back-top a:hover{background:url(//res.heraldm.com/heralddesign/version02/images/top.png) center center no-repeat rgba(0,0,0,0.8)}



.new_tb_td1 .new_tb_td1_bottom_r, .newsstudycont .new_tb_td1_bottom_r{float:none}
.new_tb_td1 .new_tb_td1_bottom_r{margin:0 auto; display:block; width:257px}
.new_tb_td1 .new_tb_td1_bottom_r:hover, .newsstudycont .new_tb_td1_bottom_r:hover{text-decoration:none; margin-top:-5px; margin-bottom: 5px}


/* ====== header ======================================================================================================= */
.header_bg{position:fixed; width:100%; height:170px; z-index:10; top:0}
.header{position:relative; overflow:hidden; height:170px; background:#fff}
.logo{position:relative; overflow:hidden; margin:69px auto 0; display:block; width:166px;}
.logo img{width:100%}
.menu{display:block; position:absolute; color:transparent; cursor:pointer; background:transparent; width:25px; height:24px; top:73px; left:60px; z-index:10}
.menu span{display:block; width:25px; height:2px; margin:6px auto; background:#000}
.menu span:first-child{margin-top:3px}
.menu_txt{position:absolute; top:76px; left:105px; font-size:16px; font-weight:500; line-height:18px}
/* header_sns */
.header_sns{position:absolute; display:block; right:60px; top:73px}
.header_sns li, .header_sns li a{position:relative; display:block}
.header_sns li{float:left; margin-left:28px}
.header_sns li a{fill:#000}
.header_sns li a svg{width:23px; height:23px; 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}
.header_sns_en{display:block; text-align:center; height:21px; font-size:10px; line-height:21px; border:1px solid #444; border-radius:12px; padding:0 9px; font-weight:400; color:#444}
.header_sns_en:hover{background:#148bff; border-color:#148bff; color:#fff}
/* change */
.change{height:60px}
.change .header{height:60px}
.change .logo{margin:17px auto 0; width:136px}
.change .menu{top:18px}
.change .menu_txt{top:21px}
.change .header_sns{top:20px}
/* header_bnn_bg */
.header_bnn_bg{position:relative; overflow:hidden; height:60px; background:#000}
.header_bnn{position:relative; overflow:hidden; width:1300px; height:60px; margin:0 auto; display:block}
.header_bnn img{width:100%; height:100%}
.header_bnn_close{position:absolute; top:19px; right:60px; display:block; width:22px; height:22px; background:url(//res.heraldm.com/heralddesign/version02/images/header_bnn_close.png) center center no-repeat; background-size:22px}
/* menu_all */
.menu_all{position:fixed; z-index:11; top:0; left:0; width:100%; display:none; opacity:0; height:100%; background:#fff; overflow-x:hidden; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.menu_all_con{position:relative; margin-top:13.5%; width:100%; text-align:center}
.menu_all a{text-transform:uppercase; font-size:50px; color:#000; line-height:104px; display:block; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; letter-spacing:1px; font-weight:500}
.menu_all a span{border-bottom:1px solid #dfdfdf; display:inline-block; width:756px}
.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:53px; left:54px; font-size:68px; line-height:30px; font-weight:200}
.menu_all_sch{background:url(//res.heraldm.com/heralddesign/version02/images/menu_all_sch.png) center center no-repeat; background-size:cover; top:59px; right:59px}
.menu_all_sch:after{content:''; background:url(//res.heraldm.com/heralddesign/version02/images/menu_all_sch_on.png) 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:24px; height:24px}
.menu_all_sch:hover:after{opacity:1; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
@media screen and (max-height: 450px) {
.menu_all a{font-size:20px; line-height:40px}
.menu_all a span{width:100%; border:none}
.menu_all .menu_all_close{font-size:50px; top:15px; left:15px}
}
.menu_all_bottom_bg{position:absolute; overflow:hidden; text-align:center; bottom:50px; width:100%}
.menu_all_bottom{display:inline-block}
.menu_all_bottom_txt, .menu_all_bottom_line{position:relative; overflow:hidden}
.menu_all .menu_all_bottom_txt{float:left; font-size:20px; line-height:30px; letter-spacing:0; font-weight:400}
.menu_all .menu_all_bottom_line{float:left; width:46px; height:3px; background:#148bff; margin:13px 22px 0}
/* menu_sch_bg */
.menu_sch_bg{display:none}
.menu_sch_bg{position:fixed; z-index:12; width:100%; height:100%; overflow-x:hidden; background:#fff}
.menu_sch_back{position:absolute; top:63px; left:141px; font-weight:300; color:#000}
.menu_sch_back_icon, .menu_sch_back_icon:after{overflow:hidden; width:30px; height:12px}
.menu_sch_back_icon{position:relative; background:url(//res.heraldm.com/heralddesign/version02/images/menu_sch_back.png) center center no-repeat; background-size:cover; float:left; margin:2px 27px 0 0}
.menu_sch_back_icon:after{position:absolute; display:block; content:''; background:url(//res.heraldm.com/heralddesign/version02/images/menu_sch_back_on.png) center center no-repeat; 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; max-width:1280px; margin:472px auto 0; border-bottom:3px solid #000}
.sch_bg, .sch_bg input, .sch_bg button, .sch_bg button:after{height:62px}
.sch_bg input{float:left; width:93%; font-size:30px; font-weight:500; letter-spacing:0.6px}
.sch_bg input::-webkit-input-placeholder{color:#d4d4d4}
.sch_bg input:-ms-input-placeholder{color:#d4d4d4}
.sch_bg button{float:right; width:30px; background:url(//res.heraldm.com/heralddesign/version02/images/sch_bg_btn.png) top 13px center no-repeat; background-size:30px}
.sch_bg button:after{width:30px; position:absolute; display:block; content:''; background:url(//res.heraldm.com/heralddesign/version02/images/sch_bg_btn_on.png) top 13px center no-repeat #fff; background-size:30px; 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:113px; max-width:960px}
.list_top .sch_bg select{float:left; width:15%; height:62px; margin-right:5%; font-size:30px; font-weight:500; letter-spacing:0.6px; -webkit-appearance:none; border-radius:0; background:url(//res.heraldm.com/heralddesign/version02/images/bottom.png) center right no-repeat; background-size:20px}
.list_top .sch_bg select::-ms-expand{display:none}
.list_top .sch_bg input{background:transparent;  width:73%}
.list_top .sch_bg button:after{background:url(//res.heraldm.com/heralddesign/version02/images/sch_bg_btn_on.png) top 13px center no-repeat #f4f4f4; background-size:30px}
.list_bg_no_result{position:relative; overflow:hidden; text-align:center; padding:150px 0 250px; font-weight:100; color:#666}
.list_bg_no_result img{display:block; margin:0 auto; margin-bottom:40px}


/* ====== main ======================================================================================================= */
/* main_bg */
.main_bg{position:relative; margin:170px 0 120px}
.main_swiper{overflow:hidden}
.main_swiper .swiper-wrapper{z-index:0}
.main_swiper .swiper-slide{height:860px; 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}
.main_swiper_slide_t1{font-size:20px; font-weight:400; line-height:28px; color:#fff; letter-spacing:0.4px; max-width:400px; height:28px; text-transform:uppercase; border-bottom:2px solid #fff; display:inline-block}
.main_swiper_slide_t2{font-size:50px; font-weight:300; line-height:70px; color:#fff; letter-spacing:-1px; max-width:900px; height:70px; padding:42px 0 0; margin:0 auto}
.main_swiper_slide_t3{font-size:22px; font-weight:200; line-height:32px; color:rgba(255,255,255,0.9); letter-spacing:-0.2px; max-width:470px; max-height:64px; padding-top:23px; margin:0 auto 80px}
.main_swiper .swiper-button-prev, .main_swiper .swiper-button-next{width:50px; height:50px; margin-top:-25px; outline:none; z-index:1 !important}
.main_swiper .swiper-button-prev{left:50px}
.main_swiper .swiper-button-next{right:50px}
.main_swiper .swiper-button-prev:after, .main_swiper .swiper-button-next:after{display:none}
.main_swiper .swiper-button-prev svg, .main_swiper .swiper-button-next svg{position:absolute; top:50%; left:50%; width:30px; height:30px; fill:rgba(255,255,255,.5); transition:.2s}
.main_swiper .swiper-button-prev svg{transform:translate(-50%, -50%) rotate(-90deg)}
.main_swiper .swiper-button-next svg{transform:translate(-50%, -50%) rotate(90deg)}
.main_swiper .swiper-button-prev:hover svg, .main_swiper .swiper-button-next:hover svg{width:40px; height:40px; fill:rgba(255,255,255,1)}
.main_swiper .swiper-pagination{bottom:37px !important; z-index:1 !important}
.main_swiper .swiper-pagination-bullet{width:7px; height:7px; margin:0 8px !important; background:rgba(255,255,255,.5); 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/main_history.jpg) center no-repeat #999; background-size:cover; text-align:center; max-width:1280px; width:100%; height:422px; margin:0 auto 120px; display:table}
.main_history_tc{display:table-cell; vertical-align:middle;}
.main_history_t{font-size:40px; color:#fff; padding:54px 0 38px; letter-spacing:0.1px}
.main_btn{text-align:center; font-size:0}
.main_btn a{display:inline-block; font-size:17px; font-weight:300; line-height:44px; position:relative; letter-spacing:-0.6px; 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}
/* main_news */
.main_news{position:relative; height:824px; background:#f5f5f5; overflow:hidden}
.main_title_bg{padding:107px 0 47px; text-align:center}
.main_title{font-size:60px; font-weight:600; letter-spacing:-0.6px; color:#000; line-height:70px; margin-bottom:14px}
.main_news_slide{width:844px; height:422px; margin:0 auto; position:relative; z-index:0}
.main_news_slide .swiper-slide{transition:.2s; width:776px !important; height:294px; margin:0; align-self:center; z-index:0}
.main_news_slide .main_news_slide_box{width:437px; margin:0 auto}
.main_news_slide .main_news_slide_box_img{width:437px; height:294px; position:relative; transition:.2s}
.main_news_slide .main_news_slide_box_black{z-index:1; width:436px; height:294px; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4)}
.main_news_slide .main_news_slide_box_img img{width:100%; height:100%; position:absolute; top:0; left:0}
.main_news_slide .swiper-slide-active{width:846px !important; margin-left:-35px; z-index:1; margin-right:-35px}
.main_news_slide .swiper-slide-active .main_news_slide_box{width:auto; margin:0 auto}
.main_news_slide .swiper-slide-active .main_news_slide_box_img{width:625px; height:422px}
.main_news_slide .swiper-slide-active .main_news_slide_box_black{opacity:0}
.main_news_slide .swiper-slide-active .main_news_slide_txtbox{opacity:1}
.main_news_slide .swiper-slide-active .main_news_slide_box{position:relative; top:-64px}
.main_news_slide_button{width:1026px; position:absolute; top:198px; left:50%; margin-left:-513px}
.main_news_slide_button .swiper-button-next, .main_news_slide_button .swiper-button-prev{position:absolute; top:50%; width:70px !important; height:70px !important;
 margin-top:-22px; z-index:10; cursor:pointer; background-size:54px 24px !important; background-position:center; background-repeat:no-repeat; z-index:1}
.main_news_slide_button .swiper-button-next{background-image:url(//res.heraldm.com/heralddesign/version02/images/main_news_slide_next.png); right:0}
.main_news_slide_button .swiper-button-prev{background-image:url(//res.heraldm.com/heralddesign/version02/images/main_news_slide_prev.png); left:0}
.main_news_slide .swiper-button-prev:after,
.main_news_slide .swiper-button-next:after{display:block; content:""; position:absolute; width:67px; height:67px; background:transparent; border-radius:50%; transition:.2s}
.main_news_slide .swiper-button-prev:after{left:0}
.main_news_slide .swiper-button-next:after{right:0}
.main_news_slide .swiper-button-next:hover:after, .main_news_slide .swiper-button-prev:hover:after{background:rgba(0,0,0,.08)}
.main_news_slide .swiper-button-prev:hover:after{left:-17px}
.main_news_slide .swiper-button-next:hover:after{right:-17px}
.main_news_slide_txtbox{opacity:0; position:absolute; top:61px; left:408px; width:342px; height:260px; padding:32px 53px 0 39px; box-shadow:2.5px 4.3px 10px 0 rgba(0,0,0,0.2); border:1px solid #148bff; background:rgba(255,255,255,.9); z-index:3; transition:.2s; word-break:keep-all}
.main_news_slide_txtbox .t1{font-size:26px; font-weight:500; line-height:36px; max-height:72px; letter-spacing:-0.1px; margin-bottom:19px; color:#000; transition:.2s}
.main_news_slide_txtbox .t2{font-size:16px; font-weight:200; line-height:26px; max-height:52px; letter-spacing:-0.2px; margin-bottom:34px; color:#555; transition:.2s}
.main_news_slide_txtbox .t3{width:42px; height:42px; line-height:39px; border:1px solid #148bff; color:#148bff; font-size:44px; text-align:center; font-weight:200; transition:.2s}
.main_news_slide .main_news_slide_box:hover .main_news_slide_txtbox{background-color:#148bff}
.main_news_slide .main_news_slide_box:hover .main_news_slide_txtbox .t1,
.main_news_slide .main_news_slide_box:hover .main_news_slide_txtbox .t2,
.main_news_slide .main_news_slide_box:hover .main_news_slide_txtbox .t3{color:#fff}
.main_news_slide .main_news_slide_box:hover .main_news_slide_txtbox .t3{border-color:#fff}
/* main_li */
.main_li{padding-bottom:120px; overflow:hidden}
.main_li_slide_bg{width:1280px; margin:0 auto; position:relative; z-index:0}
.main_li_slide{width:100%; height:100%; overflow:hidden}
.main_li_slide .swiper-slide{display:block}
.main_li_slide_img{height:272px; position:relative}
.main_li_slide_img img{width:100%; height:100%}
.main_li_slide_img_black{background:rgba(0,0,0,0); position:absolute; top:0; left:0; width:100%; height:100%; transition:.2s}
.main_li_slide_t_bg{padding:27px 33px 0; border:1px solid #ccc; height:95px; transition:.2s; background:#fff}
.main_li_slide_t{font-size:24px; line-height:34px; max-height:68px; font-weight:400; color:#000; letter-spacing:-0.4px; word-break:keep-all}
.main_li_slide_img_more{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:42px; height:42px; line-height:39px; border:1px solid #148bff; color:#148bff; font-size:44px; text-align:center; font-weight:200; transition:.2s; opacity:0}
.main_li_slide_img_play{position:absolute; left:19px; bottom:19px; width:52px; height:52px; background:url(//res.heraldm.com/heralddesign/version02/images/main_li_slide_img_play.png) center no-repeat; background-size:52px}
.main_li_slide .swiper-slide:after{position:absolute; content:""; top:0; left:0; right:0; bottom:0; border:4px solid transparent; transition:.2s}
.main_li_slide .swiper-slide:hover:after{border-color:#148bff}
.main_li_slide .swiper-slide:hover .main_li_slide_t_bg{border-color:#148bff}
.main_li_slide .swiper-slide:hover .main_li_slide_img_black{background:rgba(0,0,0,.4)}
.main_li_slide .swiper-slide:hover .main_li_slide_img_more{opacity:1}
.main_li_slide_button{width:1470px; position:absolute; top:185px; left:50%; transform:translate(-50%, 0)}
.main_li_slide_button .swiper-button-next, .main_li_slide_button .swiper-button-prev{position:absolute; top:50%; width:70px !important; height:70px !important;
 margin-top:-22px; z-index:10; cursor:pointer; background-size:54px 24px !important; background-position:center; background-repeat:no-repeat; z-index:1}
.main_li_slide_button .swiper-button-next{background-image:url(//res.heraldm.com/heralddesign/version02/images/main_news_slide_next.png); right:0}
.main_li_slide_button .swiper-button-prev{background-image:url(//res.heraldm.com/heralddesign/version02/images/main_news_slide_prev.png); left:0}
.main_li_slide_button .swiper-button-prev:after,
.main_li_slide_button .swiper-button-next:after{display:block; content:""; position:absolute; width:67px; height:67px; background:transparent; border-radius:50%; transition:.2s}
.main_li_slide_button .swiper-button-prev:after{left:0}
.main_li_slide_button .swiper-button-next:after{right:0}
.main_li_slide_button .swiper-button-next:hover:after, .main_li_slide_button .swiper-button-prev:hover:after{background:rgba(0,0,0,.08)}
.main_li_slide_button .swiper-button-prev:hover:after{left:-17px}
.main_li_slide_button .swiper-button-next:hover:after{right:-17px}
.main_li.main_regular{background:#f5f5f5}

.subtop-nav{position: relative; max-width:1278px; height:39px; border:1px solid #148bff; padding:40px 0 19px; margin:0 auto; box-shadow: 5px 5px 10px rgba(0,0,0,0.1); margin-top:80px; margin-bottom:-20px}
.subtop-nav ul{font-size:0}
.subtop-nav li{width:33.33%; font-size:18px; color:#333; font-weight:400; display:inline-block; vertical-align:middle; text-align:center}
.subtop-nav li a{position:relative; display:block}
.subtop-nav li span{display:inline-block; padding:0 10px 13px; position:relative; line-height:20px}
.subtop-nav li span:after{position:absolute; display:block; content:""; left:50%; bottom:-4px; width:0; height:4px; background:transparent; transition:.2s; transform:translate(-50%, 0)}
.subtop-nav li:hover span:after, .subtop-nav span.on:after{width:100%; background:#148bff}



/* 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; margin-bottom:8px}
.btn_1 span{display:block; font-size:14px; line-height:28px; padding:15px 0; width:198px; color:#fff; font-weight:300; letter-spacing:0.1px; border:1px solid rgba(255,255,255,0.4); text-align:center}
.btn_1 span:hover{background:rgba(0,0,0,0.1)}
.btn_1:before, .btn_1:after{content:""; width:0; height:1px; position:absolute; transition:all 0.2s linear; background:#fff}
.btn_1 span:before, .btn_1 span:after{content:""; width:1px; height:0; position:absolute; transition:all 0.2s linear; background:#fff}
.btn_1:hover:before, .btn_1:hover::after{width:100%}
.btn_1:hover span:before, .btn_1:hover span:after{height:100%}
.btn_1:after{right:0; bottom:0; transition-duration:0.2s}
.btn_1 span:after{right:0; bottom:0; transition-duration:0.2s}
.btn_1:before{left:0; top:0; transition-duration:0.2s}
.btn_1 span:before{left:0; top:0; transition-duration: 0.2s}
/* btn_2 (신청) */
.btn_2{position:relative; display:block; width:320px; font-size:16px; line-height:54px; text-align:center; color:#fff; font-weight:300; letter-spacing:-0.1px; background:#333; margin:60px auto 65px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.btn_2:hover{box-shadow:0 5px 20px rgba(0,0,0,0.4); margin:58px auto 67px; background:#000}
/* btn_3 (로그인) */
.btn_3{position:relative; display:block; width:100%; font-size:24px; line-height:54px; text-align:center; color:#fff; font-weight:500; background:#333; margin:40px auto 0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.btn_3:hover{box-shadow:0 5px 20px rgba(0,0,0,0.4); margin:38px auto 2px; background:#000}


/* ====== section ======================================================================================================= */
.section, .section_li1, .section_li1 li, .sec_bg, .sec_effect{position:relative; overflow:hidden}
.section{max-width:1306px; margin:0 auto}
.section_li1, .section_li1 li, .section_li1 li a{display:block}
.section_li1{margin:107px 0}
.section_li1 li{float:left; width:33%}
.section_li1 li:first-child, .section_li1 li:last-child{width:67%}
.section_li1 li:nth-child(2n+1){clear:both}
.section_li1 li .sec_bg{margin:13px}
.section_li1 li .sec_bg:hover{margin-top:7px; margin-bottom:19px; box-shadow:0 5px 12px rgba(0,0,0,0.2)}
.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:410px}
.sec_effect img{position:relative; display:block; margin:139px auto 32px}
.sec_effect_cap{color:#fff; font-size:16px; line-height:32px; letter-spacing:2.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}
.section_li1 li:first-child .sec_bg h2, .section_li1 li:last-child .sec_bg h2{margin-top:189px}
.sec_effect p{letter-spacing:1px; font-size:80%; font-weight:100; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5)}
.sec_effect_cap:before{position:absolute; top:30px; right:30px; bottom:30px; left:30px; 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: scale(1.4);transform: scale(1.4)}
.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: scale(1); transform: scale(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/sec_effect_img1.jpg) center center no-repeat; background-size:cover}
.section_li1 li:nth-child(3) .sec_effect{background:#148bff}
.section_li1 li:last-child .sec_effect{background:url(//res.heraldm.com/heralddesign/version02/images/sec_effect_img2.jpg) center center no-repeat; background-size:cover}


/* ====== footer ======================================================================================================= */
.footer{position:relative; overflow:hidden; background:#000; clear:both; padding:57px 0 52px}
.footer_bg{position:relative; max-width:1280px; margin:0 auto}
.footer_l{position:relative; float:left; max-width:910px}
.footer_r{position:relative; float:right}
.footer_l_li1, .footer_l_li1 li, .footer_l_li1 li a{display:block}
.footer_l_li1{position:relative; clear:both}
.footer_l_li1 li{position:relative; float:left; margin-right:37px}
.footer_l_li1 li a{color:#fff; font-size:12px; font-weight:300; line-height:18px; text-decoration:none; letter-spacing:0}
.footer_l_li1 li a.on{color:#148bff}
.footer_l_li1 li a:hover{text-decoration:underline}
.footer_l_bottom{position:relative; overflow:hidden; padding-top:18px; clear:both}
.footer_l_bottom span, .footer_l_bottom a{font-size:11px; font-weight:300; line-height:24px; display:inline-block; letter-spacing:-0.2px}
.footer_l_bottom span{color:#999; margin-right:12px}
.footer_l_bottom a{color:#fff; text-decoration:underline}
.footer_r .header_sns{position:relative; right:0; top:0; clear:both; margin-top:116px}
.footer_r .header_sns li a{fill:#fff}
/* footer_sel */
.footer_sel, .footer_sel label, .footer_sel select{height:16px; line-height:16px}
.footer_sel{position:relative;width:130px; background:url(//res.heraldm.com/heralddesign/version02/images/footer_sel.png) center right 0 no-repeat; background-size:7px; float:right}
.footer_sel label{position:absolute; top:0; left:0; color:#fff; font-size:12px; font-weight:300}
.footer_sel select{width:100%; border:0; opacity:0; filter:alpha(opacity=0); -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:14px; cursor:pointer}
/* footer_l_li1_menu */
.footer_l_li1_menu{display:none}
.footer_l_li1 li:hover .footer_l_li1_menu{display:block}
.footer_l_li1_menu{border:1px solid rgba(255,255,255,0.2); padding:10px; position:absolute; top:-16px; left:-11px; width:100px; z-index:1; background:rgba(0,0,0,1)}
.footer_l_li1_menu li{float:inherit; text-transform:uppercase; margin:0; padding:5px 0}
.footer_l_li1_menu li a{line-height:17px}

/* ====== list ======================================================================================================= */
.list_top{position:relative; overflow:hidden; margin:170px auto 0; height:300px; text-align:center; font-size:30px; line-height:40px; color:#fff; font-weight:500; text-transform:uppercase; letter-spacing:2.3px}
.list_top span{margin-top:130px; display:inline-block}
.list_bottom, .list_cate_bg, .list_cate, .list_cate li, .list_cate li a, .list_bg, .list, .list li, .list li a, .list_img, .list_t1, .list_t2, .list_t3{position:relative; overflow:hidden}
.list_bottom{margin:0 auto; max-width:1312px}
.list_cate_bg{text-align:center; padding:74px 0 34px}
.list_cate{display:inline-block}
.list_cate li, .list_cate li a{display:block}
.list_cate li{float:left}
.list_cate li:after{content:'|'; display:block; float:left; font-weight:100; font-size:12px; margin-top:6px; color:#dfdfdf}
.list_cate li:last-child:after{display:none}
.list_cate li a{font-size:16px; font-weight:300; color:#afafaf; letter-spacing:-0.3px; line-height:24px; padding:0 26px; float:left}
.list_cate li a span{display:inline-block; border-bottom:2px solid #fff; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_cate li a.on span, .list_cate li a:hover span{color:#000; font-weight:500; border-bottom:2px solid #000; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list, .list li, .list li a{display:block}
.list{margin-bottom:56px}
.list li{float:left; width:25%; margin-bottom:43px}
.list li:nth-child(4n+1){clear:both}
.list li a{margin:16px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_img{height:200px; background:#000}/* 이미지 제작 width:296px */
.list li a img{width:100%; height:100%; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_img_play{position:absolute; top:67px; left:50%; margin-left:-33px; width:66px; height:66px; background:url(//res.heraldm.com/heralddesign/version02/images/play.png) center center no-repeat; background-size:cover; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_t1{font-size:14px; line-height:20px; color:#999; font-weight:300; letter-spacing:-0.2px; margin-top:18px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_t2{font-size:16px; line-height:24px; color:#333; font-weight:200; letter-spacing:-0.3px; margin:7px 0 12px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.list_t3{font-size:14px; line-height:20px; color:#afafaf; font-weight:200; letter-spacing:0}
.list li a:hover{margin-top:10px; margin-bottom:22px}
.list li a:hover img{opacity:0.7}
.list li a:hover .list_img_play{-webkit-transform: scale(1); transform: scale(1)}
.list li a:hover .list_t1{color:#555}
.list li a:hover .list_t2{color:#000; font-weight:400; text-decoration:underline}
/* list_effect */
.list_effect{position:absolute; overflow:hidden; top:0; left:0; right:0; bottom:0}
.list_effect:before{position:absolute; top:15px; right:15px; bottom:15px; left:15px; 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)}
.list_effect p{position:absolute; overflow:hidden; display:block; text-align:center; letter-spacing:1px; color:#fff; line-height:20px; font-size:12px; font-weight:100; opacity:0; top:50%; left:0; right:0; margin:-10px 0 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5)}
.list li a:hover .list_effect:before, .list li a:hover .list_effect p{opacity:1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1)}
/* 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:12px; line-height:20px; padding:0 9px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; text-transform:uppercase}
.list_tag2{background:#148bff}
.list_tag3{background:#124162}
.list_tag4{background:#ff665e}
.list_tag5{background:#ffa200}
.list_tag6{background:#8f53a1}
.list li a:hover .list_tag1, .list li a:hover .list_tag2, .list li a:hover .list_tag3, .list li a:hover .list_tag4, .list li a:hover .list_tag5, .list li a:hover .list_tag6{opacity:0.5}
.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; float:left; letter-spacing:0; margin:6px 24px 0 0}
.view_list .list_tag1, .view_list .list_tag2, .view_list .list_tag3, .view_list .list_tag4, .view_list .list_tag5, .view_list .list_tag6{position:relative; float:left; letter-spacing:0; margin:20px 11px 0 0}


/* ====== tour ======================================================================================================= */
.tour_bg, .tour, .tour li, .tour li a, .tour_img{position:relative; overflow:hidden}
.tour, .tour li, .tour li a{display:block}
.tour{margin:64px 0 104px}
.tour li{float:left; width:50%}
.tour li:nth-child(2n+1){clear:both}
.tour li a{margin:16px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.tour_img{height:360px; background:#000}/* 이미지 제작 width:624px */
.tour_end{position:absolute; width:100%; top:0; bottom:0; padding-top:160px; text-align:center; color:#fff; background:rgba(0,0,0,0.7); z-index:1; font-size:28px; line-height:40px; font-weight:200; letter-spacing:-0.2px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.tour li a img{width:100%; height:100%; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; opacity:0.6}
.tour_t1, .tour_t2{position:absolute; overflow:hidden; z-index:1; left:41px}
.tour_t1{bottom:74px; font-size:28px; line-height:38px; color:#fff; font-weight:400; letter-spacing:-0.3px; margin-top:0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; max-width:300px; word-break:keep-all; max-height:76px}
.tour_t2{bottom:36px; font-size:14px; line-height:20px; color:#fff; font-weight:200; letter-spacing:-0.1px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.tour li a:hover{margin-top:10px; margin-bottom:22px; box-shadow:0 5px 12px rgba(0,0,0,0.2)}
.tour li a:hover img{opacity:0.4}
.tour li a:hover .tour_t1, .tour li a:hover .tour_t2{opacity:0.4}
.tour li a:hover .tour_end{opacity:1; padding-top:135px; font-size:19px}
/* tour_effect */
.tour_effect{position:absolute; overflow:hidden; top:0; left:0; right:0; bottom:0; z-index:2}
.tour_effect:before{position:absolute; top:15px; right:15px; bottom:15px; left:15px; 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)}
.tour_effect p{position:absolute; overflow:hidden; display:block; text-align:center; letter-spacing:1px; color:#fff; line-height:20px; font-size:12px; font-weight:100; opacity:0; top:50%; left:0; right:0; margin:-10px 0 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5)}
.tour li a:hover .tour_effect:before, .tour li a:hover .tour_effect p{opacity:1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1)}


/* ====== loading_bg ======================================================================================================= */
.loading_bg{position:relative; overflow:hidden; text-align:center; margin-bottom:104px}
.loading{display:inline-block; position:relative; width:64px; height:64px}
.loading div{position:absolute; top:27px; width:11px; height:11px; border-radius:50%; background:#148bff; animation-timing-function:cubic-bezier(0, 1, 1, 0)}
.loading div:nth-child(1){left:6px; animation:loading1 0.6s infinite}
.loading div:nth-child(2){left:6px; animation:loading2 0.6s infinite}
.loading div:nth-child(3){left:26px; animation:loading2 0.6s infinite}
.loading div:nth-child(4){left:45px; 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{max-width:1280px; margin:0 auto}
.view_nav a{display:inline-block; font-size:14px; line-height:23px; font-weight:300; color:#999; text-transform:uppercase; padding:20px 0; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.view_nav a:after{content:'/'; padding:0 13px; transform:rotate(10deg); font-weight:100; font-size:12px}
.view_nav a:last-child:after{display:none}
.view_nav a:hover{color:#000}
.view_top_bg{border-bottom:2px solid #000; padding:74px 0 20px}
.view_top{font-size:22px; line-height:30px; font-weight:400; color:#000; letter-spacing:-0.4px; max-width:85%; word-break:keep-all}
.view_date{font-size:14px; line-height:20px; font-weight:200; color:#666; position:absolute; right:0; bottom:19px; text-align:right; max-width:15%}
.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:60px 0 23px}
.view_forum_l, .view_forum_r{float:left}
.view_forum_l{width:65%; height:500px; background:#f1f1f1; margin-right:4.7%}
.view_forum_r{width:30.3%}
/* view_dl1 */
.view_dl1, .view_dl1 dt, .view_dl1 dd, .view_forum_r_line{position:relative; overflow:hidden}
.view_dl1{padding-bottom:43px}
.view_dl1 dt{font-size:12px; font-weight:700; color:#333; line-height:16px; letter-spacing:2.3px; text-transform:uppercase; padding-bottom:14px}
.view_dl1 dd{font-size:15px; font-weight:300; color:#555; line-height:22px; letter-spacing:0; padding:2px 0}
.view_forum_r_line{height:1px; background:#dfdfdf; margin:12px 0 57px}
.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:4px 14px 0 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_dl1_sns_fb:hover{background:#4267b2; margin-top:1px; margin-bottom:3px}
.view_dl1_sns_mail:hover{background:#111; margin-top:1px; margin-bottom:3px}
.view_tag{position:relative; overflow:hidden; display:block; float:left; border-radius:16px; font-size:14px; font-weight:300; letter-spacing:-0.4px; line-height:20px; padding:6px 19px; background:#eee; margin:5px 9px 5px 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:16px}
.view_tab_bg>.view_tab_top .tit{display:block; width:160px; text-align:center; font-weight:300; color:#afafaf; line-height:44px; 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:400}
.view_tab_bg>.view_tab{float:left; width:100%; clear:both; border-top:1px solid #dfdfdf; margin-top:-1px}
.view_tab_bg>.view_tab>.view_tab_cont{padding:51px 160px; border-bottom:1px solid #dfdfdf}
.view_tab_bg>.view_tab>.view_tab_cont, .view_trend_bottom{font-size:16px; font-weight:200; color:#666; line-height:32px; letter-spacing:-0.2px; word-break:keep-all}
.view_tab_bg>.view_tab>.view_tab_cont img{display:block; max-width:100%; margin:9px auto}
.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:11px 200px 47px; font-size:14px; color:#777; line-height:20px}
/* .btn_bg .btn_1 */
.btn_bg .btn_1{margin:80px 0 120px}
.btn_bg .btn_1 span{color:#000; border:1px solid rgba(0,0,0,0.2)}
.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:120px}
.view_list li{border-bottom:1px solid #dfdfdf}
.view_list li span, .view_list li a{font-size:14px; line-height:32px; float:left; line-height:60px}
.view_list li span{width:96px; text-align:center; color:#000; font-weight:300}
.view_list li span:after{display:block; content:'|'; float:right; font-weight:200}
.view_list li a{padding-left:27px; letter-spacing:-0.2px; max-width:1150px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; color:#777; font-weight:200}
.view_list li:hover a{color:#000; font-weight:300}
/* 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:57px 0 13px; border-bottom:1px solid #dfdfdf}
.view_trend_top_bg{text-align:center}
.view_trend_top{display:inline-block; width:364px}
.view_trend_top_t1{font-size:12px; font-weight:700; color:#333; line-height:16px; letter-spacing:2.4px; word-break:keep-all; text-transform:uppercase}
.view_trend_top_t2{padding:18px 0 43px; font-size:15px; font-weight:300; color:#555; line-height:20px; letter-spacing:0; word-break:keep-all; text-transform:uppercase}
.view_trend_top_t3{padding:0; font-size:16px; font-weight:300; color:#555; line-height:20px; letter-spacing:-0.4px; word-break:keep-all}
.view_trend_bottom{padding:17px 160px 66px}
.view_trend_bottom img{display:block; max-width:100%; margin:9px auto}
.view_trend_bottom_caption{text-align:center; padding:11px 200px 47px; font-size:14px; color:#777; line-height:20px}
.view_trend .view_tab_bg>.view_tab>.view_tab_cont{border:none; padding-bottom:70px}
.view_trend .view_tab_bg>.view_tab>.view_tab_cont b{font-weight:400}
/* view_event */
.view_event{position:relative; overflow:hidden}
.view_event img{display:block; max-width:100%; margin:0 auto}


/* ====== login ======================================================================================================= */
.mt_170{margin-top:170px}
.login, .login_tit{position:relative}
.login{width:600px; margin:0 auto}
.login_tit{overflow:hidden; text-align:center; font-size:50px; font-weight:500; line-height:76px; border-bottom:3px solid #000; padding:99px 0 20px; margin-bottom:15px}
.login .btn_bg{overflow:inherit}
/* 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:360px; 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:16px; font-weight:400; color:#000; width:100%; box-sizing:border-box; height:44px}
.input_effect{border:1px solid #d4d4d4; padding:0 22px; 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:22px; width:100%; top:14px; color:#777; font-weight:200; z-index:-1; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.input_effect:focus ~ label, .input_content.input_effect ~ label{top:-17px; left:0; font-size:12px; font-weight:300; color: #148bff; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out}
.validation{position:relative; font-size:13px; color:#F33; font-weight:200; margin-top:-15px; padding-bottom:0; line-height:17px; clear:both}
/* checks */
.checks{position:relative; font-size:12px; line-height:20px; color:#000; font-weight:300}
.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/checks.png) center center no-repeat; 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/checks_on.png) center center no-repeat}
.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:40px 0}
.login_li1 li{float:left; width:33.33%}
.login_li1 li a{font-size:16px; font-weight:200; 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:110px}
.login_sns li{margin-bottom:10px}
.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:54px; height:54px; 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:16px; font-weight:200; line-height:52px; color:#777; letter-spacing:-0.1px; -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out; z-index:1}
.login_sns_txt img{vertical-align:middle; margin:-3px 35px 0 14px}
.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:40px; font-size:16px; font-weight:300; line-height:42px}
.join_sel1{border:1px solid #d4d4d4; height:44px; font-size:16px; font-weight:200; padding:0 20px; color:#777; letter-spacing:-0.4px; -webkit-appearance:none; background:url(//res.heraldm.com/heralddesign/version02/images/join_sel1.png) center right 20px no-repeat; width:166px}
.join_sel1::-ms-expand{display:none}
.join_sel1::-ms-clear{display:none}/* mac */
/* join */
.join, .join_top{position:relative; overflow:hidden}
.join{padding:40px 0 20px}
.join_top{font-size:18px; font-weight:400; line-height:26px; border-top:1px solid #d4d4d4; padding:35px 0 5px}
.join_tb{position:relative; width:100%}
.join_tb th, .join_tb td{vertical-align:top; font-size:15px; line-height:20px; font-weight:300; color:#000}
.join_tb th{width:81px; padding:22px 0; text-align:left}
.join_tb td{padding:10px 0}
.join_intype1, .join_intype2{border:1px solid #d4d4d4; height:42px; font-size:16px; font-weight:400; padding:0 20px; color:#000; letter-spacing:-0.4px; -webkit-appearance:none; width:124px}
.join_intype2{height:300px; padding:10px 20px; line-height:22px; width:476px}/* 문의 */
.join_intype1:focus{border-color:#148bff; border:2px solid #148bff; height:40px; padding:0 19px}
.join_intype2:focus{border-color:#148bff; border:2px solid #148bff; width:474px; height:298px}
.ml_10{margin-left:10px}
.mr_10{margin-right:10px}
.mb_10{margin-bottom:10px}
.join_intype1::-webkit-input-placeholder, .join_intype2::-webkit-input-placeholder{color:#777; font-weight:200}
.join_intype1:-ms-input-placeholder, .join_intype2:-ms-input-placeholder{color:#777; font-weight:200}
/* join_provision_bg */
.join_provision_bg, .join_provision_top, .join_provision{position:relative; overflow:hidden}
.join_provision_bg{padding:10px 0 30px}
.join_provision_top{font-size:24px; font-weight:400; line-height:32px; border-bottom:3px solid #000; padding:14px 0 10px; letter-spacing:-0.5px}
.join_provision{border:1px solid #d4d4d4; margin:20px 0 9px; font-size:12px; line-height:24px; color:#333; font-weight:200; padding:24px 31px; overflow-y:scroll; height:200px; letter-spacing:-0.2px}
.join_provision b{font-weight:400}
.join_provision table{position:relative; width:100%}
.join_provision table th, .join_provision table td{vertical-align:middle; font-size:11px; line-height:17px; border:1px solid #d4d4d4; word-break:keep-all;  padding:10px 5px}
.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:18px; line-height:30px; font-weight:300; color:#000; letter-spacing:-0.3px; padding:58px 0 33px}
/* join_tab */
.join_tab, .join_tab li{position:relative; overflow:hidden}
.join_tab, .join_tab li, .join_tab li a{display:block}
.join_tab{}
.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:16px; font-weight:400; color:#777; height:50px; line-height:51px; border-bottom:3px solid #000}
.join_tab li a span{display:none}
.join_tab li a.on{color:#000}
.join_tab li a.on span{display:block; position:absolute; background:#000; z-index:1}
.join_tab_bd_top{top:-1px; height:3px; width:100%}
.join_tab_bd_right{top:-1px; right:-1px; width:3px; height:calc(100% + 4px)}
.join_tab_bd_bottom{bottom:-3px; height:3px; width:calc(100% - 2px); background:#fff !important}
.join_tab_bd_left{top:-1px; left:-1px; width:3px; 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 0 0; letter-spacing:-0.3px}
.find_complete{position:relative; overflow:hidden; text-align:center; color:#000}
.find_complete_t1{font-size:18px; font-weight:300; line-height:30px; letter-spacing:-0.3px; padding:33px 0 28px}
.find_complete_t2{font-size:16px; font-weight:300; line-height:24px; color:#148bff}
.find_complete_t3{font-size:16px; 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:598px; line-height:24px; border:1px solid #000; box-shadow:0 10px 40px rgba(0,0,0,0.4); font-size:18px; color:#000; text-align:center; letter-spacing:-0.2px; font-weight:200; top:50%; left:50%; margin-left:-300px; margin-top:-50px; padding:55px 0 39px}
.find_modal_close{position:absolute; width:22px; height:22px; background:url(//res.heraldm.com/heralddesign/version02/images/find_modal_close.png) center center no-repeat; right:19px; top:19px; overflow:hidden; display:block}
.find_modal_close:hover{cursor: pointer}
/* 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:598px; line-height:24px; border:1px solid #000; box-shadow:0 10px 40px rgba(0,0,0,0.4); font-size:18px; color:#000; text-align:center; letter-spacing:-0.2px; font-weight:200; top:10%; left:50%; margin-left:-300px; margin-top:-50px; padding:55px 0 39px}
.email_modal_close{position:absolute; width:22px; height:22px; background:url(//res.heraldm.com/heralddesign/version02/images/find_modal_close.png) center center no-repeat; right:19px; top:19px; overflow:hidden; display:block}
.email_modal_close:hover{cursor: pointer}
.email_modal_link_bg{position:relative; overflow:hidden; margin:37px 39px 0; font-size:16px; line-height:42px; padding-bottom:40px; border-bottom:1px solid #000}
.email_modal_link_l{float:left; width:calc(19% - 1px); border:1px solid #e5e5e5; font-weight:300; color:#000; border-right:none}
.email_modal_link_r{float:left; width:calc(81% - 42px); border:1px solid #e5e5e5; font-weight:200; color:#148bff; padding:0 20px; background:#f8f8f8}
.email_modal_link_tit{font-size:15px; color:#000; font-weight:300; text-align:left; margin:0 39px; padding:34px 0 10px; letter-spacing:-0.4px}
.email_modal_link_intype{height:42px; border:1px solid #d4d4d4; width:calc(100% - 120px); margin:0 39px; padding:0 20px; font-size:16px; font-weight:300; color:#000}
.email_modal_link_intype::-webkit-input-placeholder{color:#777; font-weight:200}
.email_modal_link_intype:-ms-input-placeholder{color:#777; font-weight:200}
.email_modal textarea{height:128px; padding:10px 20px; line-height:22px}
.email_modal .btn_bg{margin:60px 0 20px}
.email_modal_link_btn1, .email_modal_link_btn2{width:178px; height:52px; line-height:52px; border:1px solid #000; color:#000; text-align:center; font-size:16px; display:inline-block; margin:0 10px; font-weight:300}
.email_modal_link_btn2{background:#000; color:#fff;}
/* 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:460px; box-shadow:0 10px 40px rgba(0,0,0,0.4); top:13%; left:50%; margin-left:-230px}
.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:0; right:-40px; width:22px; height:22px; background:url(//res.heraldm.com/heralddesign/version02/images/header_bnn_close.png) center center no-repeat}
.bnn_modal_close:hover{cursor: pointer}
.bnn_modal_con_bottom{position:relative; overflow:hidden; height:44px; line-height:44px; background:#000; font-size:16px; text-align:center; color:#fff; font-weight:300; display:block}



/* ====== my_request ======================================================================================================= */
.my_request{position:relative; overflow:hidden}
.my_request{width:1280px; margin:0 auto}
.my_request_top_bg{position:relative; overflow:hidden; padding:120px 0 60px}
.my_request_top{position:relative; width:100%}
.my_request_top th, .my_request_top td{vertical-align:middle; border:3px solid #000; font-size:26px; line-height:32px; font-weight:300}
.my_request_top th{background:#000; color:#fff; width:254px; padding:51px 30px; letter-spacing:-0.3px}
.my_request_top td{padding:51px 60px; letter-spacing:-0.6px}
.my_request_tb1_top{position:relative; overflow:hidden; font-size:24px; color:#000; font-weight:200; padding:15px 0 11px; line-height:30px; letter-spacing:-0.4px; border-bottom:2px solid #000}
.my_request_tb1_top_more{position:absolute; font-size:13px; color:#333; line-height:18px; bottom:11px; right:0}
.my_request_tb1_bg{position:relative; overflow:hidden; margin-bottom:60px}
.my_request_tb1{position:relative; width:100%}
.my_request_tb1 th, .my_request_tb1 td{vertical-align:middle; border-bottom:1px solid #d4d4d4; padding:18px 0}
.my_request_tb1 tr:last-child th, .my_request_tb1 tr:last-child td{border-bottom-color:#000}
.my_request_tb1 th{font-size:15px; font-weight:300; width:300px; text-align:left}
.my_request_tb1 td{font-size:16px; font-weight:300; height:44px}
.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:13px; font-weight:200; color:#333; display:inline-block; letter-spacing:-0.2px}
.my_request_tb2{position:relative; width:100%}
.my_request_tb2 th, .my_request_tb2 td{vertical-align:middle; color:#000; line-height:20px}
.my_request_tb2 th{font-size:15px; font-weight:300; padding:30px; text-align:left; background:#f8f8f8; letter-spacing:-0.2px}
.my_request_tb2 td{font-size:16px; font-weight:200; padding:18px 30px; height:44px; 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{display:inline-block}
.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; min-width:46px; height:44px; line-height:44px; padding:0 27px; font-size:13px; background:#000; color:#fff; text-align:center; border-radius:3px; margin:0 17px 0 20px; vertical-align:middle}
.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-right:90px}
.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:35px; cursor:pointer; -webkit-user-select:none; -ms-user-select:none; line-height:24px; vertical-align:middle; font-size:16px; font-weight:200; color:#000}
.my_request_check input[type="radio"] + label:after{content: ''; position:absolute; top:6px; left:6px; 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:22px; height:22px; 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:6px; left:6px; width:12px; height:12px; background:#fff; border-radius:50%}
/* my_request_check2 */
.my_request_check2{position:relative; display:inline-block; margin-right:90px}
.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:35px; cursor:pointer; -webkit-user-select:none; -ms-user-select:none; line-height:24px; vertical-align:middle; font-size:16px; font-weight:200; color:#000}
.my_request_check2 input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:24px; height:24px; background:url(//res.heraldm.com/heralddesign/version02/images/checks2.png) center center no-repeat}
.my_request_check2 input[type="checkbox"]:checked + label:before{background:url(//res.heraldm.com/heralddesign/version02/images/checks2_on.png) center center no-repeat}
/* .my_request_agree */
.my_request_agree{position:relative; overflow:hidden}
.my_request_agree{border:1px solid #000; padding:0 29px}
.my_request_agree .join_provision{margin:0 0 30px; height:130px}
/* checks2 */
.checks2{position:relative; font-size:16px; line-height:24px; color:#000; font-weight:200; padding:29px 0 27px; 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/checks2.png) center center no-repeat; width:24px; height:24px; margin:0 11px 0 0}
.checks2 input[type="checkbox"]:checked + label:before{background:url(//res.heraldm.com/heralddesign/version02/images/checks2_on.png) center center no-repeat}
.checks2 input[type="checkbox"]:checked + label{color:#148bff}
.my_request .btn_bg{font-size:0; margin:60px 0 120px}
.my_request_agree_btn1, .my_request_agree_btn2{position:relative; overflow:hidden; display:inline-block; width:178px; height:52px; border:1px solid #000; text-align:center; font-size:16px; font-weight:300; line-height:52px; margin:0 10px}
.my_request_agree_btn2{ background:#000; color:#fff}
/* out */
.my_request_tb1 td .out_top{position:relative; overflow:hidden; font-size:15px; line-height:28px; color:#000; font-weight:300; letter-spacing:-0.3px; margin:0 0 31px}
.my_request_tb1 td .out{position:relative; font-size:13px; line-height:24px; color:#333; font-weight:200; letter-spacing:-0.3px; 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:1px solid #000}
.my_request_tb_break th, .my_request_tb_break td{vertical-align:middle; color:#000; font-weight:300}
.my_request_tb_break th{font-size:15px; line-height:22px; padding:18px 0; border-bottom:2px solid #d4d4d4}
.my_request_tb_break td{font-size:16px; line-height:24px; padding:26px 0; text-align:center}
.my_request_tb_break .ticket{background:#f8f8f8; border-bottom:1px solid #d4d4d4}
.my_request_tb_break .ticket:last-child{border:none}
.my_request_tb_break .ticket td:first-child{text-align:left; padding-left:30px}
.my_request_tb_break .ticket td span{padding:5px 20px; border-radius:17px; background:#eee; display:inline-block; font-size:13px; margin:7px 5px 0 0}
.my_request_tb_break .ticket_tour td span{margin-top:0}
.my_request_tb_break .ticket td span b{font-weight:400; color:#148bff}
.my_request_tb_break_btn1{display:inline-block; height:40px; line-height:40px; letter-spacing:-0.5px; color:#fff; font-weight:400; background:#999; border-radius:20px; font-size:13px; padding:0 22px}
.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:12px 0 24px}
.my_request_tb_break_li dt{font-size:16px; font-weight:400; line-height:22px; padding:13px 0}
.my_request_tb_break_li dd{font-size:15px; font-weight:200; line-height:20px; padding:4px 0}
/* 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:14px 0 122px}
.about_img{margin:66px 0 20px; width:100%}
.about_top{clear:both; padding:51px 0 120px}
.about_top_t1{font-size:16px; color:#666; line-height:32px; font-weight:200; width:610px; float:left; text-align:justify; word-break:keep-all; letter-spacing:-0.3px}
.about_his_tit{text-align:center; font-size:46px; font-weight:200; color:#000; line-height:60px; letter-spacing:9.2px}
.about_his{clear:both; padding:46px 0 41px; border-bottom:1px solid #dfdfdf}
.about_his_day{float:left; width:308px; font-size:40px; color:#000; font-weight:200; letter-spacing:-3px; margin-top:10px}
.about_his_tb{float:left}
.about_his_tb th,.about_his_tb td{padding:5px 14px; font-size:16px; line-height:32px}
.about_his_tb th{color:#000; font-weight:300; letter-spacing:-0.2px}
.about_his_tb td{color:#666; font-weight:200; letter-spacing:-0.1px}
.about_guest_top{position:relative; overflow:hidden; font-size:16px; font-weight:500; line-height:22px; padding:36px 0 16px; color:#000; letter-spacing:-0.1px}
.about_guest{position:relative; overflow:hidden; font-size:16px; font-weight:200; line-height:32px; padding-bottom:31px; color:#666; border-bottom:1px solid #dfdfdf; letter-spacing:-0.2px}
.about_ceo_bg{position:relative; overflow:hidden; clear:both; padding:0 0 80px}
.about_ceo_img, .about_ceo_t{position:relative; overflow:hidden; width:610px}
.about_ceo_img{background:#eee; height:580px}
.about_ceo_img img{width:100%; height:100%}
.about_ceo_t{font-size:16px; color:#666; font-weight:200; line-height:32px; letter-spacing:-0.7px; word-break:keep-all; text-align:justify}
.about_ceo_t b{display:block; font-size:34px; color:#000; font-weight:200; line-height:42px; margin:0 0 35px; letter-spacing:-1.2px}
.about_ceo_sign{color:#000; font-weight:300; padding:25px 0 6px}
.about_ceo_sign b{font-size:20px; font-weight:400; display:inline-block; margin-left:6px}
.about_ceo{position:absolute; width:680px; height:550px; background:url(//res.heraldm.com/heralddesign/version02/images/7.png) center center no-repeat; bottom:0; left:-17px}


/* ====== provision ======================================================================================================= */
.provision_bg{position:relative; overflow:hidden; width:1280px; margin:100px auto 82px}
.provision{position:relative; overflow:hidden; padding:33px 0; font-size:13px; line-height:24px; font-weight:200; color:#333; letter-spacing:-0.1px}
.provision b{font-weight:500; color:#000}
.provision table{position:relative; width:100%}
.provision table th, .provision table td{vertical-align:middle; font-size:13px; line-height:19px; border:1px solid #d4d4d4; word-break:keep-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:30px 0; color:#000; font-weight:400}
.provision table td{padding:15px; 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}
.paging li, .paging li a{display:block}
.paging li{float:left}
.paging li a{margin:0 5px; text-align:center; width:38px; height:38px; font-size:14px; color:#666; line-height:38px; border:1px solid #fff; 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}
.list_bottom .btn_bg{margin-bottom:150px}

/* error page */
.error_page{padding:220px 0 100px;text-align:center}
.error_page .errer_area{width:1100px;margin:0 auto}
.error_page .ico_error{display:inline-block;width:63px;height:63px}
.error_page .ico_error svg{fill:#23a5db}
.error_page .info_box{padding-top:58px}	
.error_page .info_box .error_title{color:#000;font-size:38px;font-weight:300}
.error_page .info_box .error_text{margin-top:55px;color:#555;font-size:18px;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:70px;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}