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


/* 기후시계 */
/*
@import url(https://static1.squarespace.com/static/versioned-site-css/600f8dac4894874fe905dce4/277/5c5a519771c10ba3470d8101/600f8dac4894874fe905dcfe/1403/site.css);
*/
@import url(//static.heraldcorp.com/wbazic/etc/climate.css);



/* ====== 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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/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;  height:170px; background:#fff}

.logo{position:absolute; overflow:hidden;  display:block; width:118px; top:50%; left:50%;transform:translate(-50%, -50%)}
.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:#12989d; border-color:#12989d; color:#fff}
/* change */
.change{height:60px}
.change .header{height:60px}
.change .logo{ width:97px}
.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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d}
.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(//static.heraldcorp.com/wbazic/heraldeco/images/menu_all_sch.png) center center no-repeat; background-size:cover; top:59px; right:59px}
.menu_all_sch:after{content:''; background:url(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d; 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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d}
.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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/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_bg{position:relative; overflow:hidden; margin:170px 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:39px !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 8px !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:860px; overflow:hidden}
.main{position:relative}
.main_bg{position:absolute; top:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.1+100 */
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_bg_tb{position:relative; display:table}
.main_bg_tc{display:table-cell; vertical-align:middle; text-align:center}
.main_t1, .main_t2, .main_t3{margin:0 auto; word-break:keep-all}
.main_t1{font-size:20px; font-weight:400; line-height:28px; color:#fff; letter-spacing:0.4px; max-width:400px; max-height:28px; text-transform:uppercase; border-bottom:2px solid #fff; display:inline-block}
.main_t2{font-size:50px; font-weight:300; line-height:70px; color:#fff; letter-spacing:-1px; width:900px; max-height:70px; padding:42px 0 0}
.main_t3{font-size:22px; font-weight:200; line-height:32px; color:rgba(255,255,255,0.9); letter-spacing:-0.2px; width:470px; max-height:64px; padding-top:23px; margin-bottom:80px}
/* text_align */
.main_bg_tc_l, .main_bg_tc_r{position:relative; overflow:hidden; width:1280px; margin:0 auto}
.main_bg_tc_l{text-align:left}
.main_bg_tc_r{text-align:right}
.main_bg_tc_l .main_t2, .main_bg_tc_l .main_t3{margin-left:0}
.main_bg_tc_r .main_t2, .main_bg_tc_r .main_t3{margin-right:0}
/* 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(//static.heraldcorp.com/wbazic/heraldeco/images/sec_effect_img1.jpg) center center no-repeat; background-size:cover}
.section_li1 li:nth-child(3) .sec_effect{background:#12989d}
.section_li1 li:last-child .sec_effect{background:url(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d}
.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(//static.heraldcorp.com/wbazic/heraldeco/images/footer_sel.png) center right 0 no-repeat; background-size:7px}
.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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d}
.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_bg{position:relative; text-align:center; margin-bottom:100px}
.loading{display:inline-block; position:relative; width:64px; height:64px}
.loading div{position:absolute; top:27px; width:11px; height:11px; border-radius:50%; background:#12989d; 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:70px auto 0}
.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:#12989d; -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:#12989d; -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: #12989d; -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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/images/checks_on.png) center center no-repeat}
.checks input[type="checkbox"]:checked + label{color:#12989d}
/* 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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d; border:2px solid #12989d; height:40px; padding:0 19px}
.join_intype2:focus{border-color:#12989d; border:2px solid #12989d; 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:#12989d}
.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(//static.heraldcorp.com/wbazic/heraldeco/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:1000; 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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d; 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:1000; 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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d}
.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:#12989d; border-color:#12989d}
.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(//static.heraldcorp.com/wbazic/heraldeco/images/checks2.png) center center no-repeat}
.my_request_check2 input[type="checkbox"]:checked + label:before{background:url(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/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(//static.heraldcorp.com/wbazic/heraldeco/images/checks2_on.png) center center no-repeat}
.checks2 input[type="checkbox"]:checked + label{color:#12989d}
.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:#12989d}
.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(//static.heraldcorp.com/wbazic/heraldeco/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:#12989d; border-color:#12989d; transition:.3s; color:#fff}
.list_bottom .btn_bg{margin-bottom:150px}

/*forum*/
.ecoinfo{max-width: 1280px; margin:30px auto 170px; height:400px;}
.ecoinfoimg{width:50%; float:left;}
.ecoinfoimg img {width:100%}
.ecoinfocon {width:50%; float:left; padding-top:80px;}
.ecoinfotit{padding-left:60px; font-size:34px; padding-bottom:48px; font-weight:400; }
.ecoinfotxt{padding-left:60px; font-size:16px; font-weight:300; color:#666;  line-height:30px}

/*content*/
.list .list_tagplay{position:absolute; bottom:0; left:0; width:55px; height:55px; background:url(//static.heraldcorp.com/wbazic/heraldeco/images/plays.png) center center no-repeat;}
.list li a:hover .list_tagplay{opacity:0.5}
.view_top .list_tagplay{position:relative; float:left; letter-spacing:0; margin:6px 24px 0 0}
.view_list .list_tagplay{position:relative; float:left; letter-spacing:0; margin:20px 11px 0 0}
.list_t11{font-size:14; margin-top:18px; color: #000; font-weight: 500; border-bottom: 2px solid #000; display: inline-block; line-height: 25px;}


/*speaker*/
.speechwrap {position: relative; max-width:1280px; margin:0 auto; display: table; padding-bottom:100px}
.speechul{margin:60px 0 120px; }
.speechwrap li{float:left; width:31%; height:605px;  margin:0 1% 30px}
.speechin { width:100%;  background:#f9f9f9; border:1px solid #e5e5e5; text-align:center; height:483px; padding:60px 0; cursor: pointer;}
.speechin img{max-width:287px}
.speechin .name{font-size:28px; color:#333; margin-top:35px; font-weight:400; line-height:40px; }
.speechin .engname{font-size:20px; line-height:20px; font-weight: 300;}
.speechin .speecht1{font-size:16px; color:#999; font-weight:300; line-height:40px;}
.speechin .speecht2{font-size:14px; color:#12989d; border-bottom:2px solid #12989d; line-height:25px; display:inline-block; font-weight: 400;}
.speechin .speecht3{font-size:16px; color:#333; font-weight: 300; margin-top:15px}

/*간편로그인*/
hr .hr50 {width:15px; color:#666;}

/*view*/
.view_tagplay{position:absolute; top: 310px;
	left: 50%; width:84px; height:84px; background:url(//static.heraldcorp.com/wbazic/heraldeco/images/plays80.png) center center no-repeat;}
.view_t11{font-size:14; margin-top:18px; margin-right:10px;color: #000; font-weight: 500; border-bottom: 2px solid #000; display: inline-block; line-height: 25px;}

.imgcaption{text-align:center; padding:5px 50px 20px; font-size:13px; color:#999; line-height:20px}


/*===20200723추가===*/
/*search_form*/
.search{position:absolute; right:250px; top:73px; width:320px; transition:.2s}
.sch-bar{border-bottom:2px solid #000}
.sch-bar input[type=text]{padding:0 35px 0 5px; width:280px; font-size: 16px; font-weight:400; height:35px}
.sch-bar input::-webkit-input-placeholder{color:#e1e1e1; font-weight: 600}
.sch-bar input:-ms-input-placeholder{color:#e1e1e1; font-weight: 600}
@media screen and (max-width: 1350px){
.search{ width:220px; }
.sch-bar input[type=text]{width:190px;}
}
.sch-bar button{width:35px; height:35px; font-size:0; background:url(//static.heraldcorp.com/wbazic/heraldeco/images/btn_search.png) center no-repeat transparent; position:absolute; right:0; top:0; }
.hot-issue{width:164px; height:35px; position:absolute; right:60px; top:73px; transition:.2s}
.issue {width:100%; height:100%; position: absolute; top:0; left:0; font-size:14px; font-weight:200; color:#000; line-height:35px}
.downarrow{ width:35px; height:35px;  background:url(//static.heraldcorp.com/wbazic/heraldeco/images/btn_down.png) center  no-repeat; position: absolute; right:0px; top:0}
.issuebox{position:absolute; width:210px;  padding:15px; border:solid 1px #000; font-size:14px; font-weight:200; line-height:30px; color:#000 ; right:0; top:35px; background:#fff; }
.issuebox dt{font-weight: 500; font-size:18px; border-bottom:2px solid ; padding-bottom:14px; margin-bottom:20px}
.issuebox dt button{width:33px; height:33px; font-size: 0;background: url(//static.heraldcorp.com/wbazic/heraldeco/images/btn_x.png) transparent; position:absolute; right:6px; top:15px; }
.change .search, .change .hot-issue{top:10px}


/*about us*/
.ecoforum_info{max-width:1280px; margin:240px auto 140px;}
.change_graphic img{width:100%}
.tit_bethechange{font-size:46px; color:#000; font-weight:300; text-align:center; clear:both}
.ecoforum_info2{width:100%; }
.ecoforum_info2 .title44{font-size:44px; letter-spacing:-0.2px}
.ecoforum_info2_timg {max-width:100%; height:400px;  text-align:center; font-size:46px; line-height:40px; color:#fff; }
.ecoforum_info2_timg span{margin-top:180px; display:inline-block; font-weight:200; letter-spacing:9px}
.ecoforum_info2_txt {width:1280px; margin:-80px auto 10px; background-color:#fff}
.ecoforum_info2_txt span{padding: 80px 150px 120px; width:980px; font-size:16px; font-weight:200; letter-spacing:-0.2px; color:#666; line-height:32px;display:inline-block;}
.ecoforum_info2_txt h2{font-size:34px; letter-spacing:-0.2px; font-weight:200; text-align:center; padding:80px 0 60px}
.ecoforum_info2_txt .infotxt{padding: 60px 150px 10px; width:980px; font-size:16px; font-weight:200; letter-spacing:-0.2px; color:#666; line-height:32px;display:inline-block;}
.ecoforum_info2_txt .txtbl{color:#1997d4;}
.ecoforum_info3{max-width:980px; margin:0 auto 140px; font-size:16px; font-weight:200; letter-spacing:-0.2px; line-height:32px; word-break:keep-all; color:#666}


/*eco collabo : 20201007추가*/
.vodmore_btn{display:block; width:120px;  border:1px solid #111; margin:0 auto 20px; }
.vodmore_btn a {display:block;padding:13px 0 14px;  font-family:'Montserrat',sans-serif; font-size:12px; text-align:center;  color:#111; font-weight:300}
.ecollabo_title{font-size:20px; font-weight:500}
.ecollabo_date {font-size:14px; line-height:20px; color:#afafaf; font-weight:200; letter-spacing:0}
.ecollabo_like{border-top:1px solid #dfdfdf; margin:16px; padding-top:15px }
.liketxt {font-size:14px; color: #afafaf; font-weight: 200; position: relative; top: -6px }
.fa {font-size: 20px; color:#ed4956; cursor: pointer; user-select: none;}
.fa:hover {color:#ed4956;}
.fa-thumbs-up:before {content: '';display: inline-block; width: 20px;
    height: 20px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/like.png) no-repeat ;
    background-size: contain;}
.fa-thumbs-down:before {content: ''; display: inline-block; width: 20px; height: 20px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/like_fill.png) no-repeat ; background-size: contain;}
.ecollabo_rightbutton{float:right; width:120px; padding:12px 0 15px 0; float: right; position: relative;
    top: -55px;right:16px;  background:#000;  font-size:12px; text-align:center; vertical-align:middle; color:#fff; font-weight:300;  }
.collabocampaign_list {margin: 0 auto; max-width: 1312px; overflow: hidden}
.collabocampaign_list ul{padding: 40px 16px 50px; overflow: hidden;}
.collabocampaign_list li {float:left; width: 30%; margin-right: 33px; margin-bottom:25px; height:103px; overflow:hidden; }
.collabocampaign_list .thumb img{width:151px; height:103px; float:left; margin-right:18px}
.collabocampaign_list .text{font-size:16px; font-weight:300;letter-spacing: -0.2px;  line-height:23px; padding-top:5px; display:-webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; word-wrap: break-word; -webkit-line-clamp: 2;}
.collabocampaign_list .text a:hover{text-decoration:underline}

/*eco collabo_view*/
.pinwrap{ float:right; position: relative; top: 10px; right: 10px; height: 23px }
.ecollabo_cate_title{font-size:16px; color:#4aa4a9; padding-bottom:5px;  }
.ecollabo_viewlike{float:left }
.ecollabo_viewlike .liketxt {font-size:14px; color: #afafaf; font-weight: 200; position: relative; top: -6px }
.ecollabo_viewlike .fa {font-size: 20px; color:#ed4956; cursor: pointer; user-select: none;}
.ecollabo_viewlike .fa:hover {background: url(//static.heraldcorp.com/wbazic/heraldeco/images/like_fill.png) no-repeat ; background-size: contain;}
.ecollabo_viewlike .fa-thumbs-up:before {content: '';display: inline-block; width:18px; height:18px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/like.png) no-repeat ; background-size:contain;}
.ecollabo_viewlike .fa-thumbs-down:before {content: ''; display: inline-block; width:18px; height:18px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/like_fill.png) no-repeat ; background-size: contain;}
.ecollabo_pin {float:left; margin-right:15px}
.ecollabo_pin .liketxt {font-size:14px; color: #afafaf; font-weight: 200; position: relative; top: -6px }
.ecollabo_pin .fa {position: relative; top: -2px; font-size: 20px; color:#ed4956; cursor: pointer; user-select: none;}
.ecollabo_pin .fa:hover { background: url(//static.heraldcorp.com/wbazic/heraldeco/images/pin_fill.png) no-repeat ; background-size: contain;}
.ecollabo_pin .fa-thumbs-up:before {content: '';display: inline-block; width: 18px; height: 18px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/pin.png) no-repeat ; background-size: contain;}
.ecollabo_pin .fa-thumbs-down:before {content: ''; display: inline-block; width: 18px; height: 18px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/pin_fill.png) no-repeat ; background-size: contain;}
.ecollabo_view_top{margin:0 auto; width:364px; text-align:center}
.ecollabo_view_top_t1{font-size:12px; font-weight:700; color:#333; line-height:16px; letter-spacing:2.4px; word-break:keep-all; text-transform:uppercase}
.ecollabo_view_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}
.ecollabo_view_top_line{height:1px; background:#dfdfdf; margin:12px 0 57px}
.ecollabo_viewtop_img img{margin:0 auto; display:block; max-width:100%}
.ecollabo_viewtop_img {margin-bottom:40px; }
.btn_gohome{text-align:center}
.button5 {font-size:12px; font-weight:300; padding:9px; width:160px;letter-spacing:0.1px; background-color: white; color: black;  border: 1px solid #000; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.button5:hover {background-color: #000; color: white;}
.ecollabo_viewtab{margin-top:60px}
.viewtab_container {width:1280px; margin:0 auto; text-align:left;}
.viewtab_container .tab {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.viewtab_container .tab li {float: left; }
.viewtab_container .tab li a {display: inline-block; color:#666; font-weight:300; text-align: center; text-decoration: none; padding: 8px 40px;font-size: 16px; transition:0.3s;}
.viewtab_container .tab li a:hover{color: #000;  font-weight:400; border-bottom: 1px solid #000;}
.viewtab_container .tabcontent {display: none; font-size: 16px;  color:#666; font-weight: 200;  line-height: 32px; letter-spacing: -0.2px; word-break: keep-all; padding: 58px 150px; border-top: 1px solid #dfdfdf; margin-top: -1px;  }
.viewtab_container .tabcontent p{line-height:1.6 !important}
.viewtab_container .tabcontent i *{font-style: italic !important}
.viewtab_container .tabcontent h3{font-size:16px; font-weight:600}
.viewtab_container ul.tab li.current{border-bottom: 1px solid #000;font-weight: 400;}
.viewtab_container .current{display:block}
.viewtab_container ul.tab li.current a{color: #000;  font-weight:400}
.viewtab_container b, .viewtab_container strong{font-weight:600}

/*eco collabo_form*/
.ecollabo_form{width:1280px; margin:0 auto; position:relative; overflow:hidden}
.ecollabo_form h3{font-size:20px; margin-top:50px; text-align:center;  padding: 15px 0 ;}
.ecollabo_tb1_box{position: relative; width: 100%; margin-bottom:30px; border-top: 2px solid #000; }
.ecollabo_tb1{position:relative; width:100%}
.ecollabo_tb1 th, .ecollabo_tb1 td{vertical-align:middle; border-bottom:1px solid #d4d4d4; padding:18px 20px}
.ecollabo_tb1 th {font-size: 15px;font-weight: 300; width: 215px; text-align: left; background: #f8f8f8}
.ecollabo_tb1 td{font-size:16px; font-weight:300; height:44px}
.ecollabo_input1 {border:1px solid #d4d4d4; height:38px; font-size:16px; font-weight:200; padding:0 15px; color:#000; letter-spacing:-0.3px; -webkit-appearance:none; }
.ecollabo_notice{font-size:13px; color:#666; font-weight:200; margin-bottom:30px}
.pointtxt{color:#666; font-size:12px; margin-left:10px}
.calendarbtn{width:25px; height:24px; background: url(//static.heraldcorp.com/wbazic/heraldeco/images/ico_calendar.png) transparent; background-size:contain; position: relative; top: 5px; left: 10px; margin-right:15px}
.search_file{background:#000; text-align:Center; color:#fff; font-size:13px; min-width:40px; height:30px; border-radius: 3px; padding: 8px 25px }
.ecollabobtn1, .ecollabobtn2 {width:178px; height:53px; text-align:center; font-size:16px; font-weight:300; display: inline-block; margin: 40px 10px 120px; padding: 14px 50px; overflow: hidden;}
.ecollabobtn1{background:#000; color:#fff;}
.ecollabobtn2{border: 1px solid #000;}
.checkuse{padding:0 22px 0 3px}


/*ECOMPANION*/
.ecompanion{margin: 0 auto; max-width: 1280px;color:#333}
.ecompanion_message{height:150px; margin: 0 60px;2020-10-23 }
.ecompanion_t0{font-size:20px; font-weight:500; margin-top:80px; margin-left:5px;}
.ecompanion_t1{font-size:35px; font-weight:200; margin-top:15px}
.ecompanion_message span{color:#12989d; font-weight:200 }
.ecompanion_t2{font-size:18px; color:#999; font-weight:100; margin-top:20px; width:650px}
.ecompanion_speaker{margin:80px 0; overflow: hidden;}
.ecompanion_speaker p{font-size:30px; font-weight:400; text-align:center; letter-spacing:2px}
.speakerwrap {display: block; overflow: hidden; margin: 50px 0; clear: both;}
.speakerwrap li {display:none; float:left; width:25%; text-align:center; margin:20px 0 70px 0 }
.speakerwrap li img{width:200px; margin-bottom:15px}
.speakerwrap .name, .speakerwrap .name2{margin:0 auto; max-width:300px}
.speakerwrap .name{font-size:20px; font-weight:300}
.speakerwrap .name2{font-size:16px; font-weight:300; color:#999; line-height: 32px}
.ecompanion_support{background:#f5f5f5; height:330px; width:100%; margin-bottom:50px}
.supportwrap{margin: 0 auto; max-width: 1280px; padding:0 60px}
.supportwrap p{font-size:20px; color:#333; font-weight:300; text-align:left; padding-top:50px}
.supportwrap li{display:inline-block; width:530px; margin-right:10px }
.support_con{margin:35px 0}
.supportwrap .support_img{float:left; width:220px;}
.supportwrap .support_txt{float:left; margin-left:20px}
.supportwrap .support_txt .t1{font-size:20px; font-weight:300; margin-top:5px}
.supportwrap .support_txt .t2{font-size:17px; color:#999; font-weight:100; margin-top:10px}
.ecompanion_speaker .subt{font-size:22px; text-align:center; display:block; color:#333; font-weight:300; margin-top:15px}
.ecoyath {float:right; margin:50px 0; padding:0 60px }
.ecoyath .btn01{display:inline-block; border-radius:20px; padding:6px 36px;border:1px solid #333; background:#333; color:#fff; transition:all 0.3s; margin-left:5px; }
.ecoyath .btn01:hover {border:1px solid #333; background:#fff; color:#333; transition:all 0.3s;}
.ecoyath .btn02{display:inline-block; border-radius:20px; padding:6px 36px;border:1px solid #12989d; background:#fff; color:#12989d; transition:all 0.3s; margin-left:5px; }
.ecoyath .btn02:hover {border:1px solid #12989d;  background:#12989d; color:#fff; transition:all 0.3s;}

/*Mypage _탭추가*/
.mypage_tab {max-width: 1280px;padding:0 60px}
.mypage_tab .tab {border-bottom:1px solid #dfdfdf; width:100%; position:relative; height:67px }
.mypage_tab .tab li, .mypage_tab .tab2 li{float:left;}
.mypage_tab .tab li {width:250px}
.mypage_tab .tab2 li{width:200px; }
.mypage_tab .tab li span{cursor:pointer; display:block; font-size:24px; font-weight:100; padding:15px; color:#666; text-align: center}
.mypage_tab .tab li span:hover{color:#000; border-bottom:2px solid #333; font-weight:400; }
.mypage_tab .tab .active span{font-weight:400; border-bottom:2px solid #333; color:#333}
.mypage_tab .tab2 ul{border-bottom:1px solid #333; padding-bottom:5px}
.mypage_tab .tab2 li span{cursor:pointer; display:block; padding:10px; color:#666; position:relative; }
.mypage_tab .tab2 li span:hover{color:#12989d}
.mypage_tab .tab2 .active span{color:#333; font-weight:300}
.tabContent{clear:both; overflow:hidden; padding:30px 0}
.tabContent2{display:block}


/*H.eco forum 2021*/
.bluecenter {text-align:Center; margin:0 auto; padding-top:80px}
.tit_blueline{font-size:34px; color:#009b8e; font-family:'Montserrat',sans-serif; font-weight:500; border-bottom:4px solid #009b8e; padding-bottom:9px; display:inline-block }
.weface_box{width:100%; position:relative; height:503px; margin-bottom:60px}
.weface_movie {position:relative; width:900px; height:500px; position:relative; margin:0 auto ;z-index: 1;}
.weface_movie_thumb {position: relative; width: 100%; heigth: auto; padding-bottom: 56.25%}
.weface_movie_thumb iframe{position: absolute; top: 0;  width:100%; height:100%}

.weface_ani{position:relative; top:-300px; animation: weface 7s infinite alternate; animation-timing-function:ease-in-out;}
@keyframes weface{
	from{left:-15%;}
	to{left:90%;}
}
@-webkit-keyframes weface{
	from{left:-15%;}
	to{left:90%;}
}
@-moz-keyframes weface{
	from{left:-15%;}
	to{left:90%;}
}
@-ms-keyframes weface{
	from{left:-15%;}
	to{left:90%;}
}
@-o-keyframes weface{
	from{left:-15%;}
	to{left:90%;}
}
.tit_big {font-size:64px; letter-spacing:-2px;font-family: 'Noto Sans' ,sans-serif;text-align:center; font-weight:600;  padding-top:60px; padding-bottom:80px; line-height:80px }
.tit_big2 {font-size:74px;  font-family:'Montserrat',sans-serif; text-align:center; font-weight:400;  padding-top:60px; padding-bottom:80px }
.tit_big3 {font-size:26px;letter-spacing:-2px; color:#666;  text-align:center; font-weight:300;  padding-bottom:80px; text-align:center; line-height:46px; position:relative; width:890px; margin:0 auto }
.ecoforum_info3{width:100%; position:relative;  }
.ecoforum_info3_timg {max-width:100%; height:634px;  text-align:center; font-size:46px; line-height:40px; color:#fff; }
.info3_t1{font-size:64px; letter-spacing:-2px; text-align:center; padding-top:145px}
.info3_t2{font-size:26px; width:1400px; margin:0 auto; padding:70px 30px 0; font-weight:200}
.info3_t2_box{width:610px; margin:0 30px; float:left; text-align:justify; word-break: keep-all; letter-spacing:-1.0px}
.tit_big4{font-size:64px; font-family:'Montserrat',sans-serif;  text-align:center; font-weight:600; }
.vl{ border-left: 1px solid black; height: 145px;  position: relative;  left: 50%;  margin-left: -2px;  top: 0; margin-top:40px; margin-bottom:85px;}

.weface_program{margin:0 auto; display:block; max-width:960px; width:100%}

/* error page */
.error_page{padding:180px 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:#12989d}
.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:#12989d;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:#12989d}