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

@import url(//res.heraldm.com/climate/climate.css);


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



/* ====== common ======================================================================================================= */
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.ellipsis2, .ellipsis3, .ellipsis4, .ellipsis5{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}
.ellipsis4{-webkit-line-clamp:4}
.ellipsis5{-webkit-line-clamp:5}
.fw_100{font-weight:100}
.fw_200{font-weight:200}
.fw_300{font-weight:300}
.fw_400{font-weight:400}
.fw_500{font-weight:500}
.fw_600{font-weight:600}
input, button, select{-webkit-appearance:none; border-radius:0}
select::-ms-expand{display:none}
.site_width{position:relative; width:1195px; margin:0 auto; padding:0 15px}
@media all  and (max-width:1194px) {.site_width{width:94%}}

/*top*/
.top{position:fixed; bottom:100px; right:100px; z-index:9999999999999; width:58px; height:58px; font-size:0; background:rgba(255,255,255,0.9); border:1px solid #ddd; transition:.3s}
.top:before, .top:after{position:absolute; content:''; background:#888; transform:rotate(45deg); transition:.3s}
.top:before{width:1px; height:12px; left:25px; top:23px}
.top:after{width:12px;height:1px; left:28px; top:28px}
.top:hover{border-color:#aaa}
.top:hover:before{top:20px}
.top:hover:after{top:25px}


/* ====== header ======================================================================================================= */
.header_bg{position:fixed; top:0; left:0; width:100%; z-index:10; background:#fff; font-size:0}/* 최초 header_bg의 최종높이 216px */
.header_family{position:relative; text-align:center; background:#000; transition:.3s}
.header_family_l, .header_family_r{position:absolute; top:0; transition:.3s}
.header_family_l, .header_bnn_l{left:0}
.header_family_r, .header_bnn_r{right:0}
.header_family_l_menu{float:left; display:block; width:45px; height:45px; position:relative; background:transparent; color:transparent; cursor:pointer; z-index:3; transition:.3s}
.header_family_l_menu span{display:block; width:20px; height:2px; margin:4px auto; background:#fff; border-radius:1px;
    -webkit-transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 200ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: translate3d(0, 0, 0); -transform: translate3d(0, 0, 0);
    -webkit-backface-visibility:hidden; backface-visibility:hidden}
@media (prefers-color-scheme: "dark") {
.header_family_l_menu span {background:red}
}
.header_family_l_menu.header_family_l_menu_active{background:#fff; border:1px solid #ccc; border-bottom:none; border-top:none}
.header_family_l_menu.header_family_l_menu_active span{background:#000}
.header_family_l_menu.header_family_l_menu_active .header_family_l_menu_bar1{-webkit-transform:rotate(45deg); transform:rotate(45deg)}
.header_family_l_menu.header_family_l_menu_active .header_family_l_menu_bar2{opacity:0}
.header_family_l_menu.header_family_l_menu_active .header_family_l_menu_bar3{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-top:-12px}
#mask{background:transparent; position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; display:none}
.header_bottom_home svg{width:20px; height:20px; position:absolute; left:50%; top:50%; margin:-10px 0 0 -10px; fill:#000}
.header_family_l_sch_bg{float:left}
.header_family_l_sch{height:45px; width:45px; overflow:hidden; position:relative; transition:all 0.3s ease-in-out}
.header_family_l_sch_bg.header_family_l_sch_bg_active .header_family_l_sch{width:210px; background:rgba(255,255,255,0.2); transition:all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570)}
.header_family_l_sch_input{width:100%; height:45px; padding:0px 45px 0 15px; opacity:0; position:absolute; top:0; left:0; background:transparent; box-sizing:border-box; font-size:14px; font-weight:200; color:#fff; transform:translate(0, 45px); transition:all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay:0.3s; z-index:1}
.header_family_l_sch_bg.header_family_l_sch_bg_active .header_family_l_sch_input{opacity:1; transform:translate(0,0)}
.header_family_l_sch_input::-webkit-input-placeholder{color:#999}
.header_family_l_sch_input:-ms-input-placeholder{color:#999}
.header_family_l_sch_btn{width:45px; height:45px; background:transparent; position:relative; z-index:2; float:right; cursor:pointer; transition:all 0.3s ease-in-out}
.header_family_l_sch_btn svg{width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; fill:#fff; transition:all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); transform:rotate(90deg)}
.header_family_l_sch_bg.header_family_l_sch_bg_active .header_family_l_sch_btn svg{transform:rotate(0)}
.header_family_l_sch_close{position:absolute; z-index:1; top:13px; right:0; width:20px; height:20px; cursor:pointer; opacity:0; transform:rotate(-180deg); transition:all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110); transition-delay: 0.2s}
.header_family_l_sch_bg.header_family_l_sch_bg_active .header_family_l_sch_close{right:-30px; transform:rotate(45deg); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition-delay:0.5s; opacity:1}
.header_family_l_sch_close:before, .header_family_l_sch_close:after{position:absolute; content:''; background:#555; border-radius:2px}
.header_family_l_sch_close:before{width:2px; height:20px; left:9px; top:0}
.header_family_l_sch_close:after{width:20px;height:2px; left:0; top:9px}
.header_family_c{display:inline-block; transition:.3s}
.header_family_c li, .header_family_r li{float:left}
.header_family_r{z-index:2}
.header_family_r li{margin:13px 0 0 7px}
.header_family_c li a, .header_family_r li a{display:block; font-size:12px; line-height:20px}
.header_family_c li a{font-weight:300; color:#ccc; padding:13px 12px 12px}
.header_family_r li a{font-weight:400; color:#000; padding:0 15px; background:#ddd; border-radius:10px; transition:.3s}
.header_family_r li a:hover{background:#bbb}
.header, .header_bottom_section{position:relative}
.header_top, .header_bottom{position:relative}
.header_top{text-align:center}
.header_bnn_1{position:absolute; overflow:hidden; top:33px; display:block; width:234px; height:60px; transition:.2s}
.header_bnn_1 img{float:left; width:100%; height:100%}
.header_logo{display:inline-block; margin:37px 0; transition:.3s; margin:36px 0;/*70주년*/}
.header_logo svg{float:left; width:433px; height:52px; transition:.3s}
#header_logo_h{fill:#1ba2da}
#header_logo_t{fill:#000}
.header_logo img{float:left; width:440px; height:auto; transition:.3s}
.header_bottom, .header_bottom_section{border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:43px}
.header_bottom_home, .header_bottom_li_l{float:left}
.header_bottom_li_l li, .header_bottom_li_r li{display:inline-block; vertical-align:middle}
.header_bottom_li_r{float:right}
.header_bottom_home{width:43px; height:43px; position:relative}
.header_bottom_li_l li a, .header_bottom_li_r li a{font-size:12px; font-weight:300; line-height:43px; padding:0 13px; display:block}
.header_bottom_li_l li a{color:#000; transition:.2s}
.header_bottom_li_r li a{color:#555}
.header_bottom_li_l li a:hover, .header_bottom_li_l li a.on, .header_bottom_li_r li a.on{color:#008dd2}
.header_bottom_li_r li a.on{font-weight:500}
.header_bottom_li_r li a .svg_check{display:inline-block; vertical-align:middle;fill:#f47520; width:10px;  height:8px; margin:-2px 1px 0 0}/*topics svg 200911_추가*/
.header_bottom_li_l li a span{display:inline-block; background:#008dd2; line-height:20px; padding:0 13px; border-radius:10px; font-size:10px; color:#fff; transition:.3s}
.header_bottom_li_l li a:hover span{background:#006fa5}
.header_bottom_li_r li a .header_bottom_section_obj{width:130px; height:43px; padding:0; border:none}
.header_bottom_li_r li img{max-width:120px; max-height:22px; width:100%; vertical-align:middle}
@media (max-width: 1140px){
.header_bottom_li_l li a, .header_bottom_li_r li a{padding:0 5px}
}
@media (max-width: 950px){
.header_bottom_li_l li a, .header_bottom_li_r li a{padding:0 3px; font-size:10px;}
}

.header_bottom_section:after{content:''; position:absolute; display:block; height:20px; width:100%; background:#fff; z-index:-1}
.header_bottom_section_tit{font-size:40px; font-weight:500; line-height:46px; color:#ccc; letter-spacing:-2px; position:relative; display:inline-block; margin:1px 0 -11px; padding-right:15px; vertical-align:top; z-index:1; max-width:700px;
background:#fff; overflow:visible }
.header_bottom_section_tit img{max-height:46px; max-width:260px}
/*.header_bottom_section_tit:after{position:absolute; display:block; content:''; width:100%; height:1px; background:#fff; bottom:10px; z-index:-1}*/
.header_bottom_section_li{display:inline-block; vertical-align:top; margin:18px 0 5px}
.header_bottom_section_li li{float:left}
.header_bottom_section_li li a{font-size:15px; font-weight:400; line-height:20px; color:#000; padding-right:15px; }
.header_bottom_section_li li a:hover, .header_bottom_section_li li a.on{color:#008dd2}
.header_bottom_section_obj{display:inline-block; vertical-align:top; max-width:400px; height:33px; border-bottom:1px solid #fff; padding:8px 10px 2px 0}
.header_bottom_section_obj_col0{fill:#1D1D1B;}
.header_bottom_section_obj_col1{fill:#E01C61;}
.header_bottom_section_obj_col2{fill:#F4A623;}
.header_bottom_section_obj_col3{fill:#4ABBC2;}
.header_bottom_section_obj_col4{fill:#B82282;}
.header_bottom_section_obj_col5{fill:#E84D49;}
.header_bottom_section_obj_col6{fill:#854D98;}
.header_bottom_section_obj_col7{fill:#90BA45;}
.header_bottom_section_obj_col8{fill:#35A2D2;}
/* hwang 추가 */
.header_bottom_section_li li .header_bottom_section_li_hwang{font-size:14px}
@media (max-width: 1280px){
.header_bottom_section_li li .header_bottom_section_li_hwang{font-size:10px}
.header_bottom_li_l li a, .header_bottom_li_r li a{font-size:1vw; padding:0 0.6vw}
.header_bottom_li_l li a span{font-size:1vw}
.header_bottom_li_r li a .header_bottom_section_obj{vertical-align:middle; width:12vw; height:auto}                    
.header_bottom_li_r li img{max-width:8vw; max-height:2vw;}
}
@media (max-width: 930px){
.header_bottom_section_li li a{padding-right:10px}
}
@media (max-width: 830px){
.header_bottom_section_li li a{padding-right:6px}/* hwang */
.header_bottom_li_l li a, .header_bottom_li_r li a{padding:0 0.5vw}
}


/* cherish */ 
.cherish{position:relative; background:#505050; text-align:center}
.cherish img{width:100%; max-width:900px}
.header_bg.change .cherish{display:none}


/* header_all_bg */
.header_all_bg{display:none; position:fixed; z-index:2; background:#fff; top:45px; left:0; right:0; text-align:left;width:1225px; padding:0}
.header_all_bg:before{position:absolute; width:43px; height:1px; background:#fff; content:''; top:0; left:1px; z-index:1}
.header_all{position:relative; overflow:hidden; border:1px solid #ccc; padding:30px}
.header_all_l{float:left; width:calc(80% - 41px); border-right:1px solid #ccc; padding:0 20px}
.header_all_r{float:left; width:calc(20% - 30px); padding-left:30px}
.header_all_li_bg{position:relative; overflow:hidden}
.header_all_li dt a .svg_check{display:inline-block; vertical-align:middle;fill:#f47520; width:10px;  height:8px; margin:-2px 1px 0 0}/*topics svg 200911_추가*/
.header_all_li, .header_all_sns{padding:10px 0 30px; width:20%; float:left}
.header_all_li a, .header_all_sns li a{display:block; padding:4px 15px; transition:background .2s}
.header_all_li a{font-size:15px; line-height:18px}
.header_all_li a:hover, .header_all_sns li a:hover{background:#f4f4f4}
.header_all_li dt a{font-weight:600; color:#000}
.header_all_li dd a{font-weight:200; color:#898989}
.header_all_li dd a:hover{font-weight:400; color:#333}
.header_all_sns{}
.header_all_sns li a{font-size:13px; line-height:20px; font-weight:400; color:#000}
.header_all_sns li a b{font-weight:600}
.header_all_sns .header_all_sns_icon{vertical-align:middle; display:inline-block; margin:-4px 10px 0 0; width:20px; height:20px}
.header_all_sns .header_all_sns_icon svg{width:100%; height:100%; top:inherit; left:inherit; margin:0; position:relative}
.header_all_r .header_all_sns{float:inherit; width:100%}
.header_all_r .header_all_sns:first-child{padding-bottom:272px}
.header_all_r .header_all_sns{padding-bottom:0}

.header_all_sns_svg{position:relative; display:inline-block; width:26px; height:26px; border-radius:50%; border:1px solid #222; vertical-align:middle; margin:0 10px 0 0; transition:.2s}
.header_all_sns li a svg{width:16px; height:16px; top:50%; left:50%; margin:-8px 0 0 -8px; fill:#000; position:absolute; transition:.2s}
.header_all_sns li a:hover .header_all_sns_tw{background:#1da1f2; border-color:#1da1f2}
.header_all_sns li a:hover .header_all_sns_fb{background:#1778f2; border-color:#1778f2}
.header_all_sns li a:hover .header_all_sns_yt{background:#ff0000; border-color:#ff0000}
.header_all_sns li a:hover .header_all_sns_in{background:#be00a4; border-color:#be00a4}
.header_all_sns li a:hover .header_all_sns_mail{background:#457d2a; border-color:#457d2a}
.header_all_sns li a:hover .header_all_sns_a_big, .header_all_sns li a:hover .header_all_sns_a_small{background:#777; border-color:#777}
.header_all_sns li a:hover .header_all_sns_svg svg{fill:#fff}
.header_all_sns li a .header_all_sns_a_big svg{width:16px; height:16px; margin:-8px 0 0 -7px}
.header_all_sns li a .header_all_sns_a_small svg{width:16px; height:16px;}

/* header_bg.change */
.header_bg.change .header_family{margin-top:-45px; background:#fff}
.header_bg.change .header_family_l, .header_bg.change .header_family_r{top:45px}
.header_bg.change .header_family_l_menu span{background:#000}
.header_bg.change .header_family_l_sch_bg.header_family_l_sch_bg_active .header_family_l_sch{background:rgba(0,0,0,0.05)}
.header_bg.change .header_family_l_sch_input{color:#000}
.header_bg.change .header_family_l_sch_input::-webkit-input-placeholder{color:#999}
.header_bg.change .header_family_l_sch_input:-ms-input-placeholder{color:#999}
.header_bg.change .header_family_l_sch_btn svg{fill:#000}
.header_bg.change .header_family_l_sch_close:before, .header_bg.change .header_family_l_sch_close:after{background:#ccc}
.header_bg.change .header_family_c{opacity:0}
.header_bg.change .header_bnn_1{height:0; opacity:0}
.header_bg.change .header_logo{margin:10px 0}
.header_bg.change .header_logo svg, .header_bg.change .header_logo img{width:208px; height:25px}


/* ====== main ======================================================================================================= */


.main_tmp { height: 243px }
.main_tmp_report { height: 171px }

.main, .main_l, .main_c, .main_l_img, .main_c_li, .main_r, .main_sec{position:relative; overflow:hidden}
.main{clear:both; transition:.3s}
.main_l, .main_c, .main_r, .main_sec{float:left}
.main_l, .main_r{width:25%}
.main_c{margin:0 33px; width:calc(50% - 66px)}
.main_sec{margin:0 33px 0 0; width:calc(75% - 33px)}
.main_l li{border-bottom:1px solid #bdbdbd; margin-bottom:40px; transition:.3s}
.main_l li:last-child{margin:0}
.main_l li a{display:block}
.main_l_img{padding-bottom:75%; margin-bottom:12px}
.main_l_img img{position:absolute; width:100%; height:100%; transition:.3s; object-fit:cover;}
.main_l_t1{font-size:20px; font-weight:600; line-height:24px; color:#000; letter-spacing:-0.5px; margin-bottom:10px}
.main_l_t2{font-size:15px; font-weight:400; line-height:20px; color:#008dd2; margin:10px 0}
.main_l_t2 span{font-size:13px; color:#666; font-weight:300}
.main_l_t2 span:before{display:inline-block; content:'|'; vertical-align: middle; color:#ccc; font-size:10px; margin:-6px 10px 0}
.main_l_t2_nocate span:before{display:none}
.main_l_t3{font-size:15px; font-weight:200; line-height:20px; color:#666; margin-bottom:16px; max-height:80px}
.main_l li:hover .main_l_img img, .main_c_art_main:hover .main_l_img img{transform:scale(1.1,1.1)}
.main_l li:hover .main_l_t3, .main_c_art_main:hover .main_l_t3{text-decoration:underline}
.main_c_art_main{display:block}
.main_c_art_main .main_l_img{padding-bottom:67%}
.main_c_art_main .main_l_t1{font-size:35px; line-height:40px; letter-spacing:-1.7px}
.main_c_art_main .main_l_t3{color:#888; max-height:60px}
.main_c_li{font-size:0}
.main_c_li li{margin-bottom:12px; transition:.3s}
.main_c_li li a{display:table; width:100%}
.main_c_li_l, .main_c_li_r{display:inline-block; vertical-align:top}
.main_c_li_l{width:124px; height:93px; margin:4px 17px 0 0; background:#f1f1f1; overflow:hidden}
.main_c_li_l img{width:100%; height:100%; transition:.3s}
.main_c_li_r{width:calc(100% - 141px)}
.main_c_li_r .main_l_t1{min-height:70px}
.main_c_li li:hover .main_c_li_l img{transform:scale(1.1,1.1)}
.main_c_relate{position:relative; border-bottom:1px solid #bcbcbc; margin-bottom:34px; padding-top:9px}
.main_c_relate_btn_bg{position:relative; text-align:center; font-size:0}
.main_c_relate_btn_bg:after {position: absolute; content: ""; left: 0px; right: 0px; top: 34px; height: 0px; background: #bcbcbc; border-bottom: 1px solid #bcbcbc;}
.main_c_relate_btn{position:relative; border:1px solid #bcbcbc; display:inline-block; font-size:15px; font-weight:200; line-height:33px; color:#bcbcbc; width:228px; transition:.3s}
.main_c_relate_btn:after{position:absolute; content:''; left:0; right:0; bottom:-1px; height:1px; background:#fff; z-index:1; transition:.3s}
.main_c_relate_btn span{display:inline-block; vertical-align:top; font-size:10px; color:#888; line-height:14px; margin:10px 7px 0 0; transition:.3s}
.main_c_relate_btn:hover, .main_c_relate_btn.active{color:#444}
.main_c_relate_btn.active span{transform:rotate(180deg)}
.main_c_relate_btn.active, .main_c_relate_btn.active:after, .main_c_relate_li.active{background:#f8f8f8}
.main_c_relate_li{padding:13px 0; transition:.3s}
.main_c_relate_li li, .main_c_relate_li li:nth-child(n+2).active{display:table; padding:4px 10px 4px 0; overflow:hidden; transition:.3s}
.main_c_relate_li li:nth-child(n+2){padding:0}
.main_c_relate_li li span, .main_c_relate_li li a, .main_c_relate_li li:nth-child(n+2).active span, .main_c_relate_li li:nth-child(n+2).active a{display:table-cell; vertical-align:middle; font-size:17px; line-height:24px; color:#666; transition:.2s}
.main_c_relate_li li:nth-child(n+2) span, .main_c_relate_li li:nth-child(n+2) a{color:transparent; line-height:0}
.main_c_relate_li li span{width:40px; text-align:center; padding-left:13px; font-weight:600}
.main_c_relate_li li a{font-weight:200}
.main_c_relate_li li:hover a{text-decoration:underline}
.main_r_tit{position:relative; display:inline-block; margin:14px 0 6px; font-size:20px; font-weight:500; line-height:24px; color:#000; letter-spacing:-1px;}
.more{position:relative; display:inline-block; margin:-7px 0 0 10px; width:21px; height:21px; text-align:center; border:1px solid #ddd; vertical-align:middle; transition:.3s}
.main_r_tit:hover .more{background:#008dd2; border-color:#008dd2; border-radius:50%}
.more:before, .more:after{position:absolute; content:''; background:#555; transition:.3s}
.more:before{width:1px; height:9px; left:10px; top:6px}
.more:after{width:9px;height:1px; left:6px; top:10px}
.main_r_tit:hover .more:before, .main_r_tit:hover .more:after{transform:rotate(45deg); background:#fff}
.main_r_tit:hover .more:before{height:7px; left:11px; top:9px}
.main_r_tit:hover .more:after{width:7px; left:8px; top:8px}
.main_r_tit .header_bottom_section_obj{padding:0; border:none; height:28px; vertical-align:middle; margin-top:-11px}

.main_r_li1{position:relative; overflow:hidden; font-size:0}
.main_r_li1 li{border-bottom:1px solid #c2c2c2; transition:.3s}
.main_r_li1 li a{display:table; width:100%; padding:15px 0}
.main_r_li1_img, .main_r_li1_t1{display:inline-block; vertical-align:middle}
.main_r_li1_img{position:relative; overflow:hidden; width:92px; height:64px; background:#f1f1f1; margin-right:18px}
.main_r_li1_img img{position:absolute; width:100%; height:100%; transition:.3s}
.main_r_li1_t1{font-size:15px; font-weight:200; line-height:22px; color:#666; width:calc(100% - 110px)}
.main_r_li1_noimg .main_r_li1_t1{width:100%}
.main_r_li1 li:hover{background:#f8f8f8}
.main_r_li1 li:hover .main_r_li1_img img{transform:scale(1.1,1.1)}
/* main_sec */
.main_sec .main_c_art_main{overflow:hidden; margin:18px 0 30px}
.main_sec .main_c_art_main .main_l_img{width:calc(68% - 20px); float:left; padding-bottom:46%; margin-right:20px}
.main_sec .main_c_art_main .main_l_t_bg{float:left; width:32%;}
.main_sec .main_l{width:100%; float:none; margin-bottom:42px}
.main_sec .main_l li{border-bottom:none; margin-bottom:35px}
.main_sec .main_l a{position:relative; overflow:hidden}
.main_sec .main_l_img{float:left; width:calc(38% - 20px); padding-bottom:25%; margin:0 20px 0 0}
.main_sec .main_l .main_l_t_bg{float:left; width:62%}
.main_sec .main_l a:after{position:absolute; content:''; width:62%; height:1px; background:#bcbcbc; bottom:0; right:0}
.main_sec_li{padding-top:18px}
.main_sec_li li{margin-bottom:40px}
.main_sec_li li a{display:block; overflow:hidden}
.main_sec_li .main_l_img{width:32%; margin:0; padding-bottom:20%}
.main_sec_li .main_l_t1_bg{float:left; width:calc(36% - 50px); margin:0 25px}
.main_sec_li .main_l_t1{min-height:141px}
.main_sec_li .main_l_t2{margin-bottom:0}
.main_sec_li .main_l_t3{float:left; width:32%; max-height:100px}
.main_sec_li li:hover .main_l_img img{transform:scale(1.1,1.1)}
.main_sec_li li:hover .main_l_t3{text-decoration:underline}

.main_sec_li_only .main_l_t2{font-size:15px; font-weight:400; line-height:20px; color:#008dd2; margin:10px 0}
.main_sec_li_only .main_l_t2 span{font-size:13px; color:#666; font-weight:300}
.main_sec_li_only .main_l_t2 span:before{display:inline-block; content:'|'; vertical-align: middle; color:#ccc; font-size:10px; margin:-6px 10px 0}
.main_sec_li_only .main_l_t2_nocate span:before{display:none}

.main_sec_li_noimg .main_l_img{display:none}
.main_sec_li_noimg .main_l_t1_bg{width:calc(66% - 25px); margin:0 25px 0 0}
.main_sec_li_noimg .main_l_t1{min-height:100px}
.main_sec_li_noimg .main_sec_li .main_l_t3{width:34%}

.main_sec_most{border:1px solid #d7d7d7; margin:30px 0 0}
.main_sec_most li{transition:.3s}
.main_sec_most li a{display:table; width:100%; border-bottom:1px solid #d7d7d7; padding:12px 0}
.main_sec_most_num{display:table-cell; vertical-align:middle; width:20%; text-align:center; font-size:30px; font-weight:200; line-height:40px; color:#000}
.main_sec_most_t{display:table-cell; vertical-align:middle; font-size:15px; font-weight:200; line-height:22px; color:#666; padding-right:12px;}
.main_sec_most li:nth-child(2n) .main_sec_most_t{padding-left:15px; padding-right: 0px; }
.main_sec_most li:hover{background:#f8f8f8}
.main_sec_most li:last-child a{border-bottom:none}
/* paging */
.paging_bg{position:relative; overflow:hidden; margin:50px 0 0; font-size:0; text-align:center}
.paging{display:inline-block}
.paging li{float:left; margin:0 3px}
.paging li a{display:block; position:relative; font-size:14px; font-weight:300; color:#ccc; text-align:center; width:32px; line-height:32px; height:32px; border:1px solid #ccc; transition:.3s}
.paging li a svg{width:12px; height:12px; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; fill:#ccc; transition:.3s}
.paging li:first-child a svg, .paging li:nth-child(2) a svg{transform:rotate(180deg)}
.paging li:first-child a, .paging li:nth-child(2) a, .paging li:last-child a, .paging li:nth-last-child(2) a{border-color:#fff}
.paging li a.on, .paging li a:hover{background:#ccc; color:#fff}
.paging li:first-child a:hover, .paging li:nth-child(2) a:hover, .paging li:last-child a:hover, .paging li:nth-last-child(2) a:hover{background:#fff}
.paging li:first-child a:hover svg, .paging li:nth-child(2) a:hover svg, .paging li:last-child a:hover svg, .paging li:nth-last-child(2) a:hover svg{fill:#666}
/* khadv_bg */
.khadv_bg{overflow:hidden; clear:both; text-align:center; font-size:0}
.khadv_bg img{width:100%; height:100%; float:left}
.main_r .khadv{margin-top:20px}
.khadv{margin:0 auto}
.khadv1{width:300px; height:250px}
.khadv2{width:300px; height:90px}
.khadv3{width:800px; height:130px}
.khadv4{width:650px; height:90px}
.khadv5{width:300px; height:600px}
.khadv6{width:614px; height:100px}
.khadv7{width:250px; height:250px}
.khadv8{width:250px; height:90px}
.khadv9{width:300px; height:300px}

.khadv_view_l, .khadv_view_r{position:absolute; width:120px; height:600px; background:#eee; overflow:hidden}
.khadv_view_l{left:-150px}
.khadv_view_r{right:-150px}
.khadv_li{display:inline-block; position:relative}
.khadv_li li{display:inline-block; margin:40px 32px}
.khadv_li li:first-child{margin-left:0}
.khadv_li li:last-child{margin-right:0}

/* maker_bg 20210913 수정  */
.maker_bg{overflow:hidden; clear:both}
.maker{position:relative; float:left; width:calc(48%); margin:0px}
.maker .main_r_tit{font-size:30px; line-height:30px; margin-bottom:47px}
.graphic_news {border-top: solid 1px; color: #ccc;}
.graphic_news .swiper-slide{object-fit:contain}
.popular{position:relative; float:left; width:48%; padding-left: 4%;}
.popular .ptxt {font-size: 29px; letter-spacing: -1.5px; padding-bottom: 38px;}
.popular .main_r_tit{text-align:center; margin-bottom:15px}
.popular_li{position:relative; padding:10px; border:1px solid #c3c3c3; margin-bottom:30px}
.popular_li li{position:relative; clear:both; padding:13px 10px; transition:.3s}
.popular_li li:hover{background:#f8f8f8}
.popular_li li a{display:block; overflow:hidden; font-size:0}
.popular_li_l{position:relative; overflow:hidden; float:left; width:27%; padding-bottom:17%}
.popular_li_l img{position:absolute; width:100%; height:100%; transition:.3s}
.popular_li_l_tag{position:absolute; text-align:center; font-size:15px; font-weight:400; line-height:23px; color:#fff; background:rgba(0,0,0,1); z-index:1; border-radius:50%; width:26px; margin:5px 0 0 5px; padding-top:3px}
.popular_li_l_tag:before{position:absolute; content:''; width:10px; height:1px; background:rgba(255,255,255,0.7); left:50%; margin:3px 0 0 -5px}
.popular_li_r{position:relative; float:left; width:calc(73% - 26px); margin-left:26px; font-size:15px; font-weight:200; line-height:22px; color:#666}
.popular_li_noimg .popular_li_l_tag{display:inline-block; position:relative; vertical-align:middle; margin:0 19px 0 5px}
.popular_li_noimg .popular_li_r{width:calc(100% - 50px); margin-left:0; display:inline-block; vertical-align:middle; float:none}
.popular_li li:hover .popular_li_l img{transform:scale(1.1,1.1)}
/* spot */
.spot{position:relative; overflow:hidden; clear:both; margin-bottom:15px}
.spot .main_r_tit{font-size:30px; line-height:30px; margin-bottom:47px}
.spot_li_bg{position:relative; overflow:hidden; background:#000}
.spot_li{position:relative; overflow:hidden; padding:25px 20px 0}
.spot_li li{float:left; width:25%; text-align:center}
.spot_li li:nth-child(4n+1){clear:both}
.spot_li li a{display:block; position:relative; margin:0 5px 25px}
.spot_li_tit{font-size:20px; font-weight:400; line-height:30px; color:#000; background:#fff; letter-spacing:-0.5px}
.spot_li_img{position:relative; overflow:hidden;padding-bottom:66%}
.spot_li_img img{position:absolute; width:100%; height:100%; left:0; transition:.3s}
.spot_li_t{font-size:20px; font-weight:500; line-height:24px; color:#fff; margin-top:6px; letter-spacing:-1px}
.spot_li li:hover .spot_li_img img{transform:scale(1.1,1.1)}
.spot_star_bg{position:absolute; overflow:hidden; width:100%; height:100%}
.spot_star1{width:1px; height:1px; background:transparent; box-shadow: 1487px 822px #FFF , 702px 619px #FFF , 579px 76px #FFF , 881px 14px #FFF , 1903px 741px #FFF , 1401px 1791px #FFF , 1316px 857px #FFF , 1628px 1376px #FFF , 1641px 781px #FFF , 1421px 25px #FFF , 525px 254px #FFF , 683px 1197px #FFF , 1636px 1573px #FFF , 1855px 1220px #FFF , 108px 1424px #FFF , 906px 1967px #FFF , 205px 1681px #FFF , 1930px 731px #FFF , 1957px 104px #FFF , 1558px 24px #FFF , 211px 468px #FFF , 2px 1001px #FFF , 664px 1095px #FFF , 1023px 1573px #FFF , 272px 122px #FFF , 659px 1641px #FFF , 1518px 1633px #FFF , 1736px 1016px #FFF , 1085px 1911px #FFF , 737px 1784px #FFF , 564px 968px #FFF , 150px 1277px #FFF , 1848px 505px #FFF , 1067px 1414px #FFF , 1619px 1498px #FFF , 266px 757px #FFF , 450px 1052px #FFF , 604px 1178px #FFF , 1069px 1215px #FFF , 1045px 1816px #FFF , 1682px 1111px #FFF , 578px 1875px #FFF , 1197px 20px #FFF , 736px 1923px #FFF , 1698px 592px #FFF , 491px 1835px #FFF , 106px 1113px #FFF , 1944px 1749px #FFF , 677px 525px #FFF , 798px 1663px #FFF , 463px 19px #FFF , 1982px 1091px #FFF , 736px 1597px #FFF , 244px 1625px #FFF , 1699px 1257px #FFF , 624px 114px #FFF , 1290px 48px #FFF , 1007px 1111px #FFF , 1411px 31px #FFF , 1661px 1065px #FFF , 1583px 1593px #FFF , 1165px 1985px #FFF , 351px 222px #FFF , 158px 709px #FFF , 1304px 194px #FFF , 1192px 1923px #FFF , 358px 1642px #FFF , 889px 1701px #FFF , 424px 1427px #FFF , 1928px 573px #FFF , 1263px 1473px #FFF , 498px 33px #FFF , 1043px 286px #FFF , 843px 1917px #FFF , 909px 813px #FFF , 1033px 291px #FFF , 41px 749px #FFF , 1807px 1719px #FFF , 1984px 284px #FFF , 1983px 1696px #FFF , 1409px 179px #FFF , 1350px 929px #FFF , 332px 1747px #FFF , 212px 1977px #FFF , 1668px 1254px #FFF , 1585px 1736px #FFF , 783px 85px #FFF , 1961px 847px #FFF , 1692px 996px #FFF , 1829px 694px #FFF , 965px 891px #FFF , 1793px 102px #FFF , 1347px 235px #FFF , 1566px 1954px #FFF , 1406px 1765px #FFF , 1346px 1832px #FFF , 452px 1205px #FFF , 1667px 1688px #FFF , 1337px 1664px #FFF , 1728px 832px #FFF , 1568px 1213px #FFF , 1980px 357px #FFF , 1096px 624px #FFF , 210px 636px #FFF , 1247px 1830px #FFF , 1789px 1970px #FFF , 582px 978px #FFF , 1473px 1002px #FFF , 1042px 440px #FFF , 1189px 879px #FFF , 24px 931px #FFF , 1656px 1848px #FFF , 401px 1676px #FFF , 192px 1632px #FFF , 970px 1936px #FFF , 231px 1849px #FFF , 1860px 127px #FFF , 469px 1487px #FFF , 436px 1899px #FFF , 680px 1290px #FFF , 809px 128px #FFF , 163px 683px #FFF , 1221px 1732px #FFF , 982px 801px #FFF , 149px 455px #FFF , 39px 1305px #FFF , 248px 1059px #FFF , 1985px 1040px #FFF , 823px 1174px #FFF , 1823px 12px #FFF , 1558px 1446px #FFF , 164px 348px #FFF , 504px 311px #FFF , 95px 1735px #FFF , 1817px 560px #FFF , 1527px 1792px #FFF , 296px 377px #FFF , 1480px 353px #FFF , 1419px 1148px #FFF , 734px 610px #FFF , 1233px 1076px #FFF , 1495px 198px #FFF , 1722px 1821px #FFF , 57px 914px #FFF , 81px 1967px #FFF , 157px 1383px #FFF , 478px 1545px #FFF , 96px 1485px #FFF , 1248px 1516px #FFF , 1989px 1475px #FFF , 730px 61px #FFF , 646px 342px #FFF , 656px 376px #FFF , 809px 1394px #FFF , 483px 1916px #FFF , 695px 1985px #FFF , 954px 279px #FFF , 1704px 234px #FFF , 204px 1621px #FFF , 490px 414px #FFF , 929px 1852px #FFF , 383px 1017px #FFF , 1319px 14px #FFF , 103px 1147px #FFF , 1780px 62px #FFF , 764px 318px #FFF , 950px 1468px #FFF , 767px 8px #FFF , 1038px 763px #FFF , 62px 680px #FFF , 1619px 817px #FFF , 1462px 1819px #FFF , 1340px 1956px #FFF , 1802px 902px #FFF , 1739px 1865px #FFF , 886px 854px #FFF , 1760px 1693px #FFF , 1571px 1175px #FFF , 1149px 1748px #FFF , 1521px 1213px #FFF , 575px 162px #FFF , 1904px 456px #FFF , 1399px 416px #FFF , 1325px 1118px #FFF , 1848px 478px #FFF , 1447px 841px #FFF , 457px 1619px #FFF , 1202px 1049px #FFF , 397px 682px #FFF , 465px 1042px #FFF , 1264px 1033px #FFF , 1304px 1004px #FFF , 649px 1586px #FFF , 97px 1308px #FFF , 21px 619px #FFF , 469px 1742px #FFF , 81px 1745px #FFF , 1735px 1208px #FFF , 805px 1206px #FFF , 717px 492px #FFF , 187px 1317px #FFF , 860px 1290px #FFF , 1964px 1712px #FFF , 1036px 142px #FFF , 1238px 442px #FFF , 1766px 423px #FFF , 925px 353px #FFF , 569px 5px #FFF , 1338px 383px #FFF , 1321px 90px #FFF , 1613px 749px #FFF , 409px 1835px #FFF , 642px 715px #FFF , 1402px 444px #FFF , 1669px 197px #FFF , 291px 1022px #FFF , 632px 1847px #FFF , 678px 810px #FFF , 570px 798px #FFF , 1521px 681px #FFF , 309px 176px #FFF , 1913px 882px #FFF , 1129px 1601px #FFF , 1310px 1490px #FFF , 883px 1925px #FFF , 1354px 140px #FFF , 1474px 628px #FFF , 1997px 230px #FFF , 351px 1212px #FFF , 576px 706px #FFF , 1210px 1325px #FFF , 1927px 315px #FFF , 1505px 1249px #FFF , 699px 1811px #FFF , 1428px 913px #FFF , 691px 1811px #FFF , 977px 1645px #FFF , 330px 260px #FFF , 1632px 1148px #FFF , 878px 1070px #FFF , 390px 1127px #FFF , 1915px 1956px #FFF , 805px 314px #FFF , 260px 623px #FFF , 1471px 1629px #FFF , 1333px 1800px #FFF , 1158px 1712px #FFF , 813px 641px #FFF , 608px 761px #FFF , 529px 1163px #FFF , 1916px 1476px #FFF , 308px 1823px #FFF , 910px 894px #FFF , 839px 431px #FFF , 1638px 1599px #FFF , 128px 1590px #FFF , 1157px 1788px #FFF , 1035px 773px #FFF , 389px 277px #FFF , 553px 1014px #FFF , 1978px 668px #FFF , 615px 1056px #FFF , 944px 1726px #FFF , 974px 324px #FFF , 1448px 349px #FFF , 848px 405px #FFF , 1757px 1457px #FFF , 468px 1754px #FFF , 714px 414px #FFF , 697px 592px #FFF , 1434px 1246px #FFF , 258px 1687px #FFF , 953px 1354px #FFF , 922px 179px #FFF , 1899px 662px #FFF , 1103px 448px #FFF , 1205px 799px #FFF , 1256px 1247px #FFF , 1772px 194px #FFF , 1809px 1285px #FFF , 518px 698px #FFF , 1906px 332px #FFF , 1182px 536px #FFF , 1758px 354px #FFF , 131px 1042px #FFF , 923px 1832px #FFF , 1117px 1198px #FFF , 143px 1532px #FFF , 1401px 395px #FFF , 1359px 1550px #FFF , 615px 206px #FFF , 694px 475px #FFF , 530px 1675px #FFF , 1413px 1544px #FFF , 1330px 1429px #FFF , 1433px 1453px #FFF , 1271px 846px #FFF , 1369px 1790px #FFF , 517px 1392px #FFF , 897px 1434px #FFF , 1906px 1012px #FFF , 1523px 1474px #FFF , 666px 7px #FFF , 598px 1273px #FFF , 1544px 541px #FFF , 248px 268px #FFF , 1992px 848px #FFF , 571px 870px #FFF , 1228px 679px #FFF , 1096px 187px #FFF , 1553px 15px #FFF , 523px 779px #FFF , 140px 231px #FFF , 659px 577px #FFF , 463px 727px #FFF , 986px 623px #FFF , 1822px 1062px #FFF , 596px 1460px #FFF , 462px 115px #FFF , 1318px 516px #FFF , 409px 729px #FFF , 710px 976px #FFF , 1163px 1539px #FFF , 1542px 1362px #FFF , 394px 1840px #FFF , 904px 1541px #FFF , 1549px 538px #FFF , 1594px 1384px #FFF , 1030px 1465px #FFF , 599px 544px #FFF , 1933px 241px #FFF , 1281px 287px #FFF , 729px 1282px #FFF , 819px 364px #FFF , 797px 1590px #FFF , 1023px 1973px #FFF , 1708px 961px #FFF , 293px 1953px #FFF , 1685px 1879px #FFF , 1285px 1995px #FFF , 1380px 219px #FFF , 1715px 1980px #FFF , 218px 108px #FFF , 700px 711px #FFF , 471px 1764px #FFF , 10px 1084px #FFF , 1841px 1778px #FFF , 1765px 1548px #FFF , 712px 1703px #FFF , 1866px 1805px #FFF , 1896px 760px #FFF , 1391px 40px #FFF , 761px 1516px #FFF , 1329px 584px #FFF , 385px 1141px #FFF , 1238px 21px #FFF , 1070px 486px #FFF , 1096px 312px #FFF , 1254px 1674px #FFF , 549px 1349px #FFF , 1618px 986px #FFF , 707px 1741px #FFF , 1718px 1514px #FFF , 481px 597px #FFF , 1690px 1472px #FFF , 1728px 919px #FFF , 173px 1196px #FFF , 1778px 1257px #FFF , 1207px 649px #FFF , 447px 634px #FFF , 1306px 1444px #FFF , 936px 1818px #FFF , 855px 1015px #FFF , 1421px 332px #FFF , 1138px 1889px #FFF , 1974px 694px #FFF , 715px 308px #FFF , 757px 155px #FFF , 18px 107px #FFF , 561px 378px #FFF , 144px 798px #FFF , 1184px 967px #FFF , 1263px 1130px #FFF , 1382px 895px #FFF , 149px 175px #FFF , 1297px 839px #FFF , 943px 454px #FFF , 178px 1165px #FFF , 477px 407px #FFF , 416px 219px #FFF , 1056px 1491px #FFF , 625px 816px #FFF , 100px 1537px #FFF , 1074px 520px #FFF , 1031px 1453px #FFF , 1377px 614px #FFF , 572px 1314px #FFF , 1513px 1235px #FFF , 1920px 1211px #FFF , 330px 107px #FFF , 1260px 772px #FFF , 1198px 84px #FFF , 1409px 139px #FFF , 758px 98px #FFF , 698px 1771px #FFF , 273px 275px #FFF , 163px 200px #FFF , 1665px 732px #FFF , 95px 600px #FFF , 522px 122px #FFF , 76px 804px #FFF , 1669px 1526px #FFF , 1881px 465px #FFF , 1043px 1919px #FFF , 1521px 827px #FFF , 1197px 1997px #FFF , 489px 593px #FFF , 1899px 722px #FFF , 1575px 332px #FFF , 327px 718px #FFF , 1959px 1378px #FFF , 455px 1333px #FFF , 729px 822px #FFF , 748px 126px #FFF , 444px 445px #FFF , 1856px 262px #FFF , 1140px 921px #FFF , 1680px 1227px #FFF , 1144px 1742px #FFF , 1922px 384px #FFF , 1015px 496px #FFF , 1213px 831px #FFF , 1793px 898px #FFF , 35px 159px #FFF , 571px 1505px #FFF , 726px 42px #FFF , 1216px 1214px #FFF , 938px 50px #FFF , 322px 1017px #FFF , 1222px 523px #FFF , 660px 1174px #FFF , 355px 859px #FFF , 1381px 1648px #FFF , 8px 1546px #FFF , 1768px 17px #FFF , 301px 1159px #FFF , 1550px 185px #FFF , 1289px 656px #FFF , 1187px 106px #FFF , 669px 1498px #FFF , 555px 323px #FFF , 454px 288px #FFF , 72px 271px #FFF , 445px 1713px #FFF , 136px 10px #FFF , 1810px 1149px #FFF , 1445px 794px #FFF , 406px 1822px #FFF , 1994px 741px #FFF , 1837px 1564px #FFF , 1264px 80px #FFF , 273px 845px #FFF , 322px 1693px #FFF , 103px 463px #FFF , 689px 1161px #FFF , 353px 717px #FFF , 1275px 1895px #FFF , 1331px 130px #FFF , 1251px 1424px #FFF , 1003px 1183px #FFF , 721px 904px #FFF , 1261px 416px #FFF , 600px 577px #FFF , 384px 910px #FFF , 1248px 1547px #FFF , 955px 734px #FFF , 686px 891px #FFF , 196px 1523px #FFF , 831px 327px #FFF , 845px 1486px #FFF , 1553px 1438px #FFF , 1133px 1152px #FFF , 356px 1087px #FFF , 1503px 807px #FFF , 1098px 1396px #FFF , 94px 1934px #FFF , 1195px 58px #FFF , 748px 771px #FFF , 940px 570px #FFF , 574px 651px #FFF , 835px 533px #FFF , 42px 1210px #FFF , 496px 1791px #FFF , 1610px 296px #FFF , 1446px 1574px #FFF , 261px 1765px #FFF , 818px 368px #FFF , 573px 743px #FFF , 545px 333px #FFF , 1500px 1567px #FFF , 1789px 448px #FFF , 1139px 1559px #FFF , 1607px 1127px #FFF , 1980px 874px #FFF , 731px 1559px #FFF , 898px 158px #FFF , 1641px 1053px #FFF , 53px 377px #FFF , 1879px 1370px #FFF , 1377px 899px #FFF , 1416px 829px #FFF , 863px 1545px #FFF , 1219px 1935px #FFF , 1638px 320px #FFF , 239px 1807px #FFF , 851px 464px #FFF , 1868px 1843px #FFF , 679px 203px #FFF , 1762px 842px #FFF , 59px 1986px #FFF , 1142px 1911px #FFF , 838px 1030px #FFF , 1370px 1269px #FFF , 781px 274px #FFF , 1193px 551px #FFF , 638px 478px #FFF , 456px 1854px #FFF , 424px 690px #FFF , 13px 600px #FFF , 306px 1867px #FFF , 384px 1298px #FFF , 762px 342px #FFF , 1780px 1196px #FFF , 108px 1138px #FFF , 1671px 866px #FFF , 831px 1515px #FFF , 218px 1455px #FFF , 1315px 1494px #FFF , 1365px 1181px #FFF , 168px 986px #FFF , 349px 506px #FFF , 974px 1437px #FFF , 1605px 908px #FFF , 1036px 1208px #FFF , 1082px 1407px #FFF , 916px 827px #FFF , 1526px 566px #FFF , 1159px 1877px #FFF , 210px 1180px #FFF , 979px 1815px #FFF , 130px 1358px #FFF , 1961px 1963px #FFF , 771px 591px #FFF , 1905px 487px #FFF , 1816px 1565px #FFF , 333px 1600px #FFF , 1842px 1774px #FFF , 1573px 135px #FFF , 1385px 1889px #FFF , 1611px 1033px #FFF , 367px 1236px #FFF , 779px 1022px #FFF , 1851px 62px #FFF , 478px 257px #FFF , 1907px 1960px #FFF , 1435px 532px #FFF , 662px 8px #FFF , 1027px 1924px #FFF , 489px 101px #FFF , 76px 1875px #FFF , 657px 1682px #FFF , 1993px 1955px #FFF , 1432px 1845px #FFF , 1530px 1729px #FFF , 1211px 896px #FFF , 1525px 133px #FFF , 1445px 803px #FFF , 530px 62px #FFF , 242px 1513px #FFF , 256px 933px #FFF , 1701px 936px #FFF , 756px 1893px #FFF , 1251px 1298px #FFF , 380px 1399px #FFF , 1455px 302px #FFF , 1729px 1171px #FFF , 585px 49px #FFF , 1961px 1124px #FFF , 1241px 552px #FFF , 1205px 40px #FFF , 1938px 1247px #FFF , 1469px 89px #FFF , 239px 1939px #FFF , 698px 448px #FFF , 1795px 346px #FFF , 151px 487px #FFF , 102px 126px #FFF , 1184px 418px #FFF , 1625px 1418px #FFF , 29px 554px #FFF , 1288px 1274px #FFF , 791px 1308px #FFF , 151px 934px #FFF , 1574px 386px #FFF , 1214px 1703px #FFF , 1569px 1424px #FFF , 951px 1830px #FFF , 1728px 805px #FFF , 312px 1987px #FFF , 1468px 529px #FFF , 1153px 1146px #FFF , 1262px 1021px #FFF , 1648px 1766px #FFF , 306px 70px #FFF , 754px 1165px #FFF , 1930px 482px #FFF , 1814px 1593px #FFF , 1066px 822px #FFF , 1250px 877px #FFF , 465px 1885px #FFF , 1649px 1281px #FFF , 1682px 1601px #FFF , 1367px 1233px #FFF , 91px 1327px #FFF , 1485px 1355px #FFF , 501px 1673px #FFF , 1649px 1259px #FFF , 1986px 948px #FFF , 1266px 1829px #FFF , 135px 1503px #FFF , 647px 296px #FFF , 155px 341px #FFF , 649px 1896px #FFF , 1617px 334px #FFF , 223px 1507px #FFF , 584px 146px #FFF , 200px 316px #FFF , 575px 1831px #FFF , 1374px 1809px #FFF , 1445px 386px #FFF , 475px 1249px #FFF , 1954px 89px #FFF , 1756px 1192px #FFF , 8px 671px #FFF , 1366px 1694px #FFF , 1831px 306px #FFF , 925px 113px #FFF , 160px 1174px #FFF , 534px 1908px #FFF , 553px 273px #FFF , 423px 45px #FFF , 1305px 1098px #FFF , 187px 90px #FFF , 1993px 1396px #FFF , 842px 1270px #FFF , 1137px 554px #FFF , 351px 558px #FFF , 1576px 1070px #FFF , 437px 312px #FFF , 286px 1019px #FFF , 257px 272px #FFF , 1242px 1957px #FFF , 1963px 1693px #FFF , 772px 447px #FFF , 1641px 508px #FFF , 712px 100px #FFF , 1307px 1015px #FFF , 742px 327px #FFF , 281px 1814px #FFF , 1398px 1051px #FFF , 167px 9px #FFF , 328px 1489px #FFF , 1814px 1804px #FFF , 946px 25px #FFF , 549px 1705px #FFF , 217px 1477px #FFF , 1937px 280px #FFF , 182px 241px #FFF , 711px 1365px #FFF , 1898px 1043px #FFF , 1807px 346px #FFF , 1787px 1253px #FFF , 247px 66px #FFF , 1171px 1592px #FFF , 846px 895px #FFF , 1507px 720px #FFF , 787px 574px #FFF , 1593px 1267px #FFF , 843px 1902px #FFF , 15px 1454px #FFF , 539px 1420px #FFF , 1856px 974px #FFF , 340px 663px #FFF , 1579px 1091px #FFF , 809px 111px #FFF , 32px 1128px #FFF , 69px 1852px #FFF , 878px 300px #FFF , 730px 726px #FFF , 1137px 68px #FFF;
  animation: animStar 50s linear infinite}
.spot_star1:after{ content:" "; position:absolute; top:2000px; width:1px; height:1px; background:transparent; box-shadow: 1487px 822px #FFF , 702px 619px #FFF , 579px 76px #FFF , 881px 14px #FFF , 1903px 741px #FFF , 1401px 1791px #FFF , 1316px 857px #FFF , 1628px 1376px #FFF , 1641px 781px #FFF , 1421px 25px #FFF , 525px 254px #FFF , 683px 1197px #FFF , 1636px 1573px #FFF , 1855px 1220px #FFF , 108px 1424px #FFF , 906px 1967px #FFF , 205px 1681px #FFF , 1930px 731px #FFF , 1957px 104px #FFF , 1558px 24px #FFF , 211px 468px #FFF , 2px 1001px #FFF , 664px 1095px #FFF , 1023px 1573px #FFF , 272px 122px #FFF , 659px 1641px #FFF , 1518px 1633px #FFF , 1736px 1016px #FFF , 1085px 1911px #FFF , 737px 1784px #FFF , 564px 968px #FFF , 150px 1277px #FFF , 1848px 505px #FFF , 1067px 1414px #FFF , 1619px 1498px #FFF , 266px 757px #FFF , 450px 1052px #FFF , 604px 1178px #FFF , 1069px 1215px #FFF , 1045px 1816px #FFF , 1682px 1111px #FFF , 578px 1875px #FFF , 1197px 20px #FFF , 736px 1923px #FFF , 1698px 592px #FFF , 491px 1835px #FFF , 106px 1113px #FFF , 1944px 1749px #FFF , 677px 525px #FFF , 798px 1663px #FFF , 463px 19px #FFF , 1982px 1091px #FFF , 736px 1597px #FFF , 244px 1625px #FFF , 1699px 1257px #FFF , 624px 114px #FFF , 1290px 48px #FFF , 1007px 1111px #FFF , 1411px 31px #FFF , 1661px 1065px #FFF , 1583px 1593px #FFF , 1165px 1985px #FFF , 351px 222px #FFF , 158px 709px #FFF , 1304px 194px #FFF , 1192px 1923px #FFF , 358px 1642px #FFF , 889px 1701px #FFF , 424px 1427px #FFF , 1928px 573px #FFF , 1263px 1473px #FFF , 498px 33px #FFF , 1043px 286px #FFF , 843px 1917px #FFF , 909px 813px #FFF , 1033px 291px #FFF , 41px 749px #FFF , 1807px 1719px #FFF , 1984px 284px #FFF , 1983px 1696px #FFF , 1409px 179px #FFF , 1350px 929px #FFF , 332px 1747px #FFF , 212px 1977px #FFF , 1668px 1254px #FFF , 1585px 1736px #FFF , 783px 85px #FFF , 1961px 847px #FFF , 1692px 996px #FFF , 1829px 694px #FFF , 965px 891px #FFF , 1793px 102px #FFF , 1347px 235px #FFF , 1566px 1954px #FFF , 1406px 1765px #FFF , 1346px 1832px #FFF , 452px 1205px #FFF , 1667px 1688px #FFF , 1337px 1664px #FFF , 1728px 832px #FFF , 1568px 1213px #FFF , 1980px 357px #FFF , 1096px 624px #FFF , 210px 636px #FFF , 1247px 1830px #FFF , 1789px 1970px #FFF , 582px 978px #FFF , 1473px 1002px #FFF , 1042px 440px #FFF , 1189px 879px #FFF , 24px 931px #FFF , 1656px 1848px #FFF , 401px 1676px #FFF , 192px 1632px #FFF , 970px 1936px #FFF , 231px 1849px #FFF , 1860px 127px #FFF , 469px 1487px #FFF , 436px 1899px #FFF , 680px 1290px #FFF , 809px 128px #FFF , 163px 683px #FFF , 1221px 1732px #FFF , 982px 801px #FFF , 149px 455px #FFF , 39px 1305px #FFF , 248px 1059px #FFF , 1985px 1040px #FFF , 823px 1174px #FFF , 1823px 12px #FFF , 1558px 1446px #FFF , 164px 348px #FFF , 504px 311px #FFF , 95px 1735px #FFF , 1817px 560px #FFF , 1527px 1792px #FFF , 296px 377px #FFF , 1480px 353px #FFF , 1419px 1148px #FFF , 734px 610px #FFF , 1233px 1076px #FFF , 1495px 198px #FFF , 1722px 1821px #FFF , 57px 914px #FFF , 81px 1967px #FFF , 157px 1383px #FFF , 478px 1545px #FFF , 96px 1485px #FFF , 1248px 1516px #FFF , 1989px 1475px #FFF , 730px 61px #FFF , 646px 342px #FFF , 656px 376px #FFF , 809px 1394px #FFF , 483px 1916px #FFF , 695px 1985px #FFF , 954px 279px #FFF , 1704px 234px #FFF , 204px 1621px #FFF , 490px 414px #FFF , 929px 1852px #FFF , 383px 1017px #FFF , 1319px 14px #FFF , 103px 1147px #FFF , 1780px 62px #FFF , 764px 318px #FFF , 950px 1468px #FFF , 767px 8px #FFF , 1038px 763px #FFF , 62px 680px #FFF , 1619px 817px #FFF , 1462px 1819px #FFF , 1340px 1956px #FFF , 1802px 902px #FFF , 1739px 1865px #FFF , 886px 854px #FFF , 1760px 1693px #FFF , 1571px 1175px #FFF , 1149px 1748px #FFF , 1521px 1213px #FFF , 575px 162px #FFF , 1904px 456px #FFF , 1399px 416px #FFF , 1325px 1118px #FFF , 1848px 478px #FFF , 1447px 841px #FFF , 457px 1619px #FFF , 1202px 1049px #FFF , 397px 682px #FFF , 465px 1042px #FFF , 1264px 1033px #FFF , 1304px 1004px #FFF , 649px 1586px #FFF , 97px 1308px #FFF , 21px 619px #FFF , 469px 1742px #FFF , 81px 1745px #FFF , 1735px 1208px #FFF , 805px 1206px #FFF , 717px 492px #FFF , 187px 1317px #FFF , 860px 1290px #FFF , 1964px 1712px #FFF , 1036px 142px #FFF , 1238px 442px #FFF , 1766px 423px #FFF , 925px 353px #FFF , 569px 5px #FFF , 1338px 383px #FFF , 1321px 90px #FFF , 1613px 749px #FFF , 409px 1835px #FFF , 642px 715px #FFF , 1402px 444px #FFF , 1669px 197px #FFF , 291px 1022px #FFF , 632px 1847px #FFF , 678px 810px #FFF , 570px 798px #FFF , 1521px 681px #FFF , 309px 176px #FFF , 1913px 882px #FFF , 1129px 1601px #FFF , 1310px 1490px #FFF , 883px 1925px #FFF , 1354px 140px #FFF , 1474px 628px #FFF , 1997px 230px #FFF , 351px 1212px #FFF , 576px 706px #FFF , 1210px 1325px #FFF , 1927px 315px #FFF , 1505px 1249px #FFF , 699px 1811px #FFF , 1428px 913px #FFF , 691px 1811px #FFF , 977px 1645px #FFF , 330px 260px #FFF , 1632px 1148px #FFF , 878px 1070px #FFF , 390px 1127px #FFF , 1915px 1956px #FFF , 805px 314px #FFF , 260px 623px #FFF , 1471px 1629px #FFF , 1333px 1800px #FFF , 1158px 1712px #FFF , 813px 641px #FFF , 608px 761px #FFF , 529px 1163px #FFF , 1916px 1476px #FFF , 308px 1823px #FFF , 910px 894px #FFF , 839px 431px #FFF , 1638px 1599px #FFF , 128px 1590px #FFF , 1157px 1788px #FFF , 1035px 773px #FFF , 389px 277px #FFF , 553px 1014px #FFF , 1978px 668px #FFF , 615px 1056px #FFF , 944px 1726px #FFF , 974px 324px #FFF , 1448px 349px #FFF , 848px 405px #FFF , 1757px 1457px #FFF , 468px 1754px #FFF , 714px 414px #FFF , 697px 592px #FFF , 1434px 1246px #FFF , 258px 1687px #FFF , 953px 1354px #FFF , 922px 179px #FFF , 1899px 662px #FFF , 1103px 448px #FFF , 1205px 799px #FFF , 1256px 1247px #FFF , 1772px 194px #FFF , 1809px 1285px #FFF , 518px 698px #FFF , 1906px 332px #FFF , 1182px 536px #FFF , 1758px 354px #FFF , 131px 1042px #FFF , 923px 1832px #FFF , 1117px 1198px #FFF , 143px 1532px #FFF , 1401px 395px #FFF , 1359px 1550px #FFF , 615px 206px #FFF , 694px 475px #FFF , 530px 1675px #FFF , 1413px 1544px #FFF , 1330px 1429px #FFF , 1433px 1453px #FFF , 1271px 846px #FFF , 1369px 1790px #FFF , 517px 1392px #FFF , 897px 1434px #FFF , 1906px 1012px #FFF , 1523px 1474px #FFF , 666px 7px #FFF , 598px 1273px #FFF , 1544px 541px #FFF , 248px 268px #FFF , 1992px 848px #FFF , 571px 870px #FFF , 1228px 679px #FFF , 1096px 187px #FFF , 1553px 15px #FFF , 523px 779px #FFF , 140px 231px #FFF , 659px 577px #FFF , 463px 727px #FFF , 986px 623px #FFF , 1822px 1062px #FFF , 596px 1460px #FFF , 462px 115px #FFF , 1318px 516px #FFF , 409px 729px #FFF , 710px 976px #FFF , 1163px 1539px #FFF , 1542px 1362px #FFF , 394px 1840px #FFF , 904px 1541px #FFF , 1549px 538px #FFF , 1594px 1384px #FFF , 1030px 1465px #FFF , 599px 544px #FFF , 1933px 241px #FFF , 1281px 287px #FFF , 729px 1282px #FFF , 819px 364px #FFF , 797px 1590px #FFF , 1023px 1973px #FFF , 1708px 961px #FFF , 293px 1953px #FFF , 1685px 1879px #FFF , 1285px 1995px #FFF , 1380px 219px #FFF , 1715px 1980px #FFF , 218px 108px #FFF , 700px 711px #FFF , 471px 1764px #FFF , 10px 1084px #FFF , 1841px 1778px #FFF , 1765px 1548px #FFF , 712px 1703px #FFF , 1866px 1805px #FFF , 1896px 760px #FFF , 1391px 40px #FFF , 761px 1516px #FFF , 1329px 584px #FFF , 385px 1141px #FFF , 1238px 21px #FFF , 1070px 486px #FFF , 1096px 312px #FFF , 1254px 1674px #FFF , 549px 1349px #FFF , 1618px 986px #FFF , 707px 1741px #FFF , 1718px 1514px #FFF , 481px 597px #FFF , 1690px 1472px #FFF , 1728px 919px #FFF , 173px 1196px #FFF , 1778px 1257px #FFF , 1207px 649px #FFF , 447px 634px #FFF , 1306px 1444px #FFF , 936px 1818px #FFF , 855px 1015px #FFF , 1421px 332px #FFF , 1138px 1889px #FFF , 1974px 694px #FFF , 715px 308px #FFF , 757px 155px #FFF , 18px 107px #FFF , 561px 378px #FFF , 144px 798px #FFF , 1184px 967px #FFF , 1263px 1130px #FFF , 1382px 895px #FFF , 149px 175px #FFF , 1297px 839px #FFF , 943px 454px #FFF , 178px 1165px #FFF , 477px 407px #FFF , 416px 219px #FFF , 1056px 1491px #FFF , 625px 816px #FFF , 100px 1537px #FFF , 1074px 520px #FFF , 1031px 1453px #FFF , 1377px 614px #FFF , 572px 1314px #FFF , 1513px 1235px #FFF , 1920px 1211px #FFF , 330px 107px #FFF , 1260px 772px #FFF , 1198px 84px #FFF , 1409px 139px #FFF , 758px 98px #FFF , 698px 1771px #FFF , 273px 275px #FFF , 163px 200px #FFF , 1665px 732px #FFF , 95px 600px #FFF , 522px 122px #FFF , 76px 804px #FFF , 1669px 1526px #FFF , 1881px 465px #FFF , 1043px 1919px #FFF , 1521px 827px #FFF , 1197px 1997px #FFF , 489px 593px #FFF , 1899px 722px #FFF , 1575px 332px #FFF , 327px 718px #FFF , 1959px 1378px #FFF , 455px 1333px #FFF , 729px 822px #FFF , 748px 126px #FFF , 444px 445px #FFF , 1856px 262px #FFF , 1140px 921px #FFF , 1680px 1227px #FFF , 1144px 1742px #FFF , 1922px 384px #FFF , 1015px 496px #FFF , 1213px 831px #FFF , 1793px 898px #FFF , 35px 159px #FFF , 571px 1505px #FFF , 726px 42px #FFF , 1216px 1214px #FFF , 938px 50px #FFF , 322px 1017px #FFF , 1222px 523px #FFF , 660px 1174px #FFF , 355px 859px #FFF , 1381px 1648px #FFF , 8px 1546px #FFF , 1768px 17px #FFF , 301px 1159px #FFF , 1550px 185px #FFF , 1289px 656px #FFF , 1187px 106px #FFF , 669px 1498px #FFF , 555px 323px #FFF , 454px 288px #FFF , 72px 271px #FFF , 445px 1713px #FFF , 136px 10px #FFF , 1810px 1149px #FFF , 1445px 794px #FFF , 406px 1822px #FFF , 1994px 741px #FFF , 1837px 1564px #FFF , 1264px 80px #FFF , 273px 845px #FFF , 322px 1693px #FFF , 103px 463px #FFF , 689px 1161px #FFF , 353px 717px #FFF , 1275px 1895px #FFF , 1331px 130px #FFF , 1251px 1424px #FFF , 1003px 1183px #FFF , 721px 904px #FFF , 1261px 416px #FFF , 600px 577px #FFF , 384px 910px #FFF , 1248px 1547px #FFF , 955px 734px #FFF , 686px 891px #FFF , 196px 1523px #FFF , 831px 327px #FFF , 845px 1486px #FFF , 1553px 1438px #FFF , 1133px 1152px #FFF , 356px 1087px #FFF , 1503px 807px #FFF , 1098px 1396px #FFF , 94px 1934px #FFF , 1195px 58px #FFF , 748px 771px #FFF , 940px 570px #FFF , 574px 651px #FFF , 835px 533px #FFF , 42px 1210px #FFF , 496px 1791px #FFF , 1610px 296px #FFF , 1446px 1574px #FFF , 261px 1765px #FFF , 818px 368px #FFF , 573px 743px #FFF , 545px 333px #FFF , 1500px 1567px #FFF , 1789px 448px #FFF , 1139px 1559px #FFF , 1607px 1127px #FFF , 1980px 874px #FFF , 731px 1559px #FFF , 898px 158px #FFF , 1641px 1053px #FFF , 53px 377px #FFF , 1879px 1370px #FFF , 1377px 899px #FFF , 1416px 829px #FFF , 863px 1545px #FFF , 1219px 1935px #FFF , 1638px 320px #FFF , 239px 1807px #FFF , 851px 464px #FFF , 1868px 1843px #FFF , 679px 203px #FFF , 1762px 842px #FFF , 59px 1986px #FFF , 1142px 1911px #FFF , 838px 1030px #FFF , 1370px 1269px #FFF , 781px 274px #FFF , 1193px 551px #FFF , 638px 478px #FFF , 456px 1854px #FFF , 424px 690px #FFF , 13px 600px #FFF , 306px 1867px #FFF , 384px 1298px #FFF , 762px 342px #FFF , 1780px 1196px #FFF , 108px 1138px #FFF , 1671px 866px #FFF , 831px 1515px #FFF , 218px 1455px #FFF , 1315px 1494px #FFF , 1365px 1181px #FFF , 168px 986px #FFF , 349px 506px #FFF , 974px 1437px #FFF , 1605px 908px #FFF , 1036px 1208px #FFF , 1082px 1407px #FFF , 916px 827px #FFF , 1526px 566px #FFF , 1159px 1877px #FFF , 210px 1180px #FFF , 979px 1815px #FFF , 130px 1358px #FFF , 1961px 1963px #FFF , 771px 591px #FFF , 1905px 487px #FFF , 1816px 1565px #FFF , 333px 1600px #FFF , 1842px 1774px #FFF , 1573px 135px #FFF , 1385px 1889px #FFF , 1611px 1033px #FFF , 367px 1236px #FFF , 779px 1022px #FFF , 1851px 62px #FFF , 478px 257px #FFF , 1907px 1960px #FFF , 1435px 532px #FFF , 662px 8px #FFF , 1027px 1924px #FFF , 489px 101px #FFF , 76px 1875px #FFF , 657px 1682px #FFF , 1993px 1955px #FFF , 1432px 1845px #FFF , 1530px 1729px #FFF , 1211px 896px #FFF , 1525px 133px #FFF , 1445px 803px #FFF , 530px 62px #FFF , 242px 1513px #FFF , 256px 933px #FFF , 1701px 936px #FFF , 756px 1893px #FFF , 1251px 1298px #FFF , 380px 1399px #FFF , 1455px 302px #FFF , 1729px 1171px #FFF , 585px 49px #FFF , 1961px 1124px #FFF , 1241px 552px #FFF , 1205px 40px #FFF , 1938px 1247px #FFF , 1469px 89px #FFF , 239px 1939px #FFF , 698px 448px #FFF , 1795px 346px #FFF , 151px 487px #FFF , 102px 126px #FFF , 1184px 418px #FFF , 1625px 1418px #FFF , 29px 554px #FFF , 1288px 1274px #FFF , 791px 1308px #FFF , 151px 934px #FFF , 1574px 386px #FFF , 1214px 1703px #FFF , 1569px 1424px #FFF , 951px 1830px #FFF , 1728px 805px #FFF , 312px 1987px #FFF , 1468px 529px #FFF , 1153px 1146px #FFF , 1262px 1021px #FFF , 1648px 1766px #FFF , 306px 70px #FFF , 754px 1165px #FFF , 1930px 482px #FFF , 1814px 1593px #FFF , 1066px 822px #FFF , 1250px 877px #FFF , 465px 1885px #FFF , 1649px 1281px #FFF , 1682px 1601px #FFF , 1367px 1233px #FFF , 91px 1327px #FFF , 1485px 1355px #FFF , 501px 1673px #FFF , 1649px 1259px #FFF , 1986px 948px #FFF , 1266px 1829px #FFF , 135px 1503px #FFF , 647px 296px #FFF , 155px 341px #FFF , 649px 1896px #FFF , 1617px 334px #FFF , 223px 1507px #FFF , 584px 146px #FFF , 200px 316px #FFF , 575px 1831px #FFF , 1374px 1809px #FFF , 1445px 386px #FFF , 475px 1249px #FFF , 1954px 89px #FFF , 1756px 1192px #FFF , 8px 671px #FFF , 1366px 1694px #FFF , 1831px 306px #FFF , 925px 113px #FFF , 160px 1174px #FFF , 534px 1908px #FFF , 553px 273px #FFF , 423px 45px #FFF , 1305px 1098px #FFF , 187px 90px #FFF , 1993px 1396px #FFF , 842px 1270px #FFF , 1137px 554px #FFF , 351px 558px #FFF , 1576px 1070px #FFF , 437px 312px #FFF , 286px 1019px #FFF , 257px 272px #FFF , 1242px 1957px #FFF , 1963px 1693px #FFF , 772px 447px #FFF , 1641px 508px #FFF , 712px 100px #FFF , 1307px 1015px #FFF , 742px 327px #FFF , 281px 1814px #FFF , 1398px 1051px #FFF , 167px 9px #FFF , 328px 1489px #FFF , 1814px 1804px #FFF , 946px 25px #FFF , 549px 1705px #FFF , 217px 1477px #FFF , 1937px 280px #FFF , 182px 241px #FFF , 711px 1365px #FFF , 1898px 1043px #FFF , 1807px 346px #FFF , 1787px 1253px #FFF , 247px 66px #FFF , 1171px 1592px #FFF , 846px 895px #FFF , 1507px 720px #FFF , 787px 574px #FFF , 1593px 1267px #FFF , 843px 1902px #FFF , 15px 1454px #FFF , 539px 1420px #FFF , 1856px 974px #FFF , 340px 663px #FFF , 1579px 1091px #FFF , 809px 111px #FFF , 32px 1128px #FFF , 69px 1852px #FFF , 878px 300px #FFF , 730px 726px #FFF , 1137px 68px #FFF}
.spot_star2{width:2px; height:2px; background:transparent; box-shadow:592px 134px #FFF , 346px 741px #FFF , 1000px 1781px #FFF , 996px 728px #FFF , 1085px 1462px #FFF , 526px 1128px #FFF , 1951px 557px #FFF , 673px 92px #FFF , 415px 776px #FFF , 1570px 643px #FFF , 121px 697px #FFF , 782px 1847px #FFF , 1853px 256px #FFF , 910px 195px #FFF , 362px 1201px #FFF , 52px 1627px #FFF , 387px 899px #FFF , 547px 1995px #FFF , 1298px 440px #FFF , 1474px 1713px #FFF , 1109px 1322px #FFF , 1720px 1237px #FFF , 473px 1196px #FFF , 1682px 580px #FFF , 1476px 655px #FFF , 1254px 731px #FFF , 1069px 1840px #FFF , 291px 1789px #FFF , 825px 1237px #FFF , 1067px 543px #FFF , 962px 990px #FFF , 1606px 1387px #FFF , 884px 1555px #FFF , 1209px 1830px #FFF , 439px 535px #FFF , 360px 1451px #FFF , 1018px 1837px #FFF , 1964px 677px #FFF , 1095px 159px #FFF , 390px 245px #FFF , 1869px 597px #FFF , 1857px 544px #FFF , 745px 1186px #FFF , 336px 1867px #FFF , 250px 1377px #FFF , 1872px 168px #FFF , 878px 1299px #FFF , 1257px 177px #FFF , 984px 303px #FFF , 544px 303px #FFF , 1250px 1052px #FFF , 152px 1322px #FFF , 1466px 289px #FFF , 1104px 1116px #FFF , 1796px 482px #FFF , 1086px 525px #FFF , 1540px 1822px #FFF , 196px 1999px #FFF , 1893px 771px #FFF , 1171px 1728px #FFF , 1996px 710px #FFF , 436px 370px #FFF , 1270px 1570px #FFF , 55px 900px #FFF , 1875px 1291px #FFF , 337px 1251px #FFF , 25px 5px #FFF , 1619px 835px #FFF , 410px 676px #FFF , 956px 531px #FFF , 90px 489px #FFF , 561px 576px #FFF , 907px 45px #FFF , 1657px 810px #FFF , 1029px 1705px #FFF , 1281px 828px #FFF , 466px 961px #FFF , 674px 1105px #FFF , 456px 918px #FFF , 331px 148px #FFF , 1105px 1681px #FFF , 922px 319px #FFF , 1600px 1403px #FFF , 420px 977px #FFF , 166px 1637px #FFF , 1033px 1668px #FFF , 1884px 208px #FFF , 552px 720px #FFF , 1543px 119px #FFF , 587px 103px #FFF , 348px 1766px #FFF , 664px 761px #FFF , 565px 1253px #FFF , 1472px 1332px #FFF , 471px 1569px #FFF , 747px 76px #FFF , 1429px 308px #FFF , 1850px 597px #FFF , 1148px 1085px #FFF , 307px 208px #FFF , 253px 736px #FFF , 148px 122px #FFF , 366px 1163px #FFF , 1589px 1436px #FFF , 1359px 1027px #FFF , 1805px 95px #FFF , 910px 837px #FFF , 1578px 976px #FFF , 954px 710px #FFF , 743px 1552px #FFF , 271px 686px #FFF , 1960px 1336px #FFF , 740px 1431px #FFF , 972px 1184px #FFF , 1690px 1942px #FFF , 1222px 839px #FFF , 1151px 164px #FFF , 1248px 871px #FFF , 893px 1975px #FFF , 1979px 859px #FFF , 139px 642px #FFF , 856px 523px #FFF , 879px 1186px #FFF , 1440px 1036px #FFF , 1624px 1411px #FFF , 1320px 1239px #FFF , 1747px 1662px #FFF , 1155px 765px #FFF , 885px 43px #FFF , 552px 1690px #FFF , 731px 293px #FFF , 1655px 1809px #FFF , 187px 1766px #FFF , 811px 1318px #FFF , 716px 241px #FFF , 633px 668px #FFF , 916px 1359px #FFF , 1054px 620px #FFF , 1038px 1345px #FFF , 1334px 1118px #FFF , 393px 52px #FFF , 1722px 590px #FFF , 1329px 244px #FFF , 1388px 1983px #FFF , 66px 1845px #FFF , 172px 995px #FFF , 1258px 1766px #FFF , 310px 110px #FFF , 1019px 1705px #FFF , 394px 1471px #FFF , 489px 1962px #FFF , 183px 1155px #FFF , 90px 1153px #FFF , 845px 60px #FFF , 403px 1930px #FFF , 820px 256px #FFF , 394px 1716px #FFF , 1744px 690px #FFF , 831px 1562px #FFF , 110px 1000px #FFF , 1604px 585px #FFF , 1954px 1442px #FFF , 397px 1085px #FFF , 242px 1785px #FFF , 1216px 1885px #FFF , 1873px 1700px #FFF , 1181px 8px #FFF , 1978px 701px #FFF , 1968px 391px #FFF , 1621px 947px #FFF , 1142px 1244px #FFF , 558px 584px #FFF , 881px 767px #FFF , 96px 960px #FFF , 1143px 262px #FFF , 690px 1357px #FFF , 218px 1363px #FFF , 1507px 16px #FFF , 1947px 1785px #FFF , 755px 1928px #FFF , 1620px 1126px #FFF , 1194px 1932px #FFF , 728px 1068px #FFF , 542px 1765px #FFF , 1159px 1334px #FFF , 1284px 444px #FFF , 1623px 1161px #FFF , 190px 1011px #FFF , 855px 1379px #FFF , 1244px 30px #FFF , 1144px 1873px #FFF , 1276px 958px #FFF , 1675px 1097px #FFF , 354px 1735px #FFF , 1534px 235px #FFF , 560px 1850px #FFF , 493px 1737px #FFF , 782px 598px #FFF , 1709px 1377px #FFF , 717px 1040px #FFF;
  animation: animStar 100s linear infinite}
.spot_star2:after{content:" "; position:absolute; top:2000px; width:2px; height:2px; background:transparent; box-shadow:592px 134px #FFF , 346px 741px #FFF , 1000px 1781px #FFF , 996px 728px #FFF , 1085px 1462px #FFF , 526px 1128px #FFF , 1951px 557px #FFF , 673px 92px #FFF , 415px 776px #FFF , 1570px 643px #FFF , 121px 697px #FFF , 782px 1847px #FFF , 1853px 256px #FFF , 910px 195px #FFF , 362px 1201px #FFF , 52px 1627px #FFF , 387px 899px #FFF , 547px 1995px #FFF , 1298px 440px #FFF , 1474px 1713px #FFF , 1109px 1322px #FFF , 1720px 1237px #FFF , 473px 1196px #FFF , 1682px 580px #FFF , 1476px 655px #FFF , 1254px 731px #FFF , 1069px 1840px #FFF , 291px 1789px #FFF , 825px 1237px #FFF , 1067px 543px #FFF , 962px 990px #FFF , 1606px 1387px #FFF , 884px 1555px #FFF , 1209px 1830px #FFF , 439px 535px #FFF , 360px 1451px #FFF , 1018px 1837px #FFF , 1964px 677px #FFF , 1095px 159px #FFF , 390px 245px #FFF , 1869px 597px #FFF , 1857px 544px #FFF , 745px 1186px #FFF , 336px 1867px #FFF , 250px 1377px #FFF , 1872px 168px #FFF , 878px 1299px #FFF , 1257px 177px #FFF , 984px 303px #FFF , 544px 303px #FFF , 1250px 1052px #FFF , 152px 1322px #FFF , 1466px 289px #FFF , 1104px 1116px #FFF , 1796px 482px #FFF , 1086px 525px #FFF , 1540px 1822px #FFF , 196px 1999px #FFF , 1893px 771px #FFF , 1171px 1728px #FFF , 1996px 710px #FFF , 436px 370px #FFF , 1270px 1570px #FFF , 55px 900px #FFF , 1875px 1291px #FFF , 337px 1251px #FFF , 25px 5px #FFF , 1619px 835px #FFF , 410px 676px #FFF , 956px 531px #FFF , 90px 489px #FFF , 561px 576px #FFF , 907px 45px #FFF , 1657px 810px #FFF , 1029px 1705px #FFF , 1281px 828px #FFF , 466px 961px #FFF , 674px 1105px #FFF , 456px 918px #FFF , 331px 148px #FFF , 1105px 1681px #FFF , 922px 319px #FFF , 1600px 1403px #FFF , 420px 977px #FFF , 166px 1637px #FFF , 1033px 1668px #FFF , 1884px 208px #FFF , 552px 720px #FFF , 1543px 119px #FFF , 587px 103px #FFF , 348px 1766px #FFF , 664px 761px #FFF , 565px 1253px #FFF , 1472px 1332px #FFF , 471px 1569px #FFF , 747px 76px #FFF , 1429px 308px #FFF , 1850px 597px #FFF , 1148px 1085px #FFF , 307px 208px #FFF , 253px 736px #FFF , 148px 122px #FFF , 366px 1163px #FFF , 1589px 1436px #FFF , 1359px 1027px #FFF , 1805px 95px #FFF , 910px 837px #FFF , 1578px 976px #FFF , 954px 710px #FFF , 743px 1552px #FFF , 271px 686px #FFF , 1960px 1336px #FFF , 740px 1431px #FFF , 972px 1184px #FFF , 1690px 1942px #FFF , 1222px 839px #FFF , 1151px 164px #FFF , 1248px 871px #FFF , 893px 1975px #FFF , 1979px 859px #FFF , 139px 642px #FFF , 856px 523px #FFF , 879px 1186px #FFF , 1440px 1036px #FFF , 1624px 1411px #FFF , 1320px 1239px #FFF , 1747px 1662px #FFF , 1155px 765px #FFF , 885px 43px #FFF , 552px 1690px #FFF , 731px 293px #FFF , 1655px 1809px #FFF , 187px 1766px #FFF , 811px 1318px #FFF , 716px 241px #FFF , 633px 668px #FFF , 916px 1359px #FFF , 1054px 620px #FFF , 1038px 1345px #FFF , 1334px 1118px #FFF , 393px 52px #FFF , 1722px 590px #FFF , 1329px 244px #FFF , 1388px 1983px #FFF , 66px 1845px #FFF , 172px 995px #FFF , 1258px 1766px #FFF , 310px 110px #FFF , 1019px 1705px #FFF , 394px 1471px #FFF , 489px 1962px #FFF , 183px 1155px #FFF , 90px 1153px #FFF , 845px 60px #FFF , 403px 1930px #FFF , 820px 256px #FFF , 394px 1716px #FFF , 1744px 690px #FFF , 831px 1562px #FFF , 110px 1000px #FFF , 1604px 585px #FFF , 1954px 1442px #FFF , 397px 1085px #FFF , 242px 1785px #FFF , 1216px 1885px #FFF , 1873px 1700px #FFF , 1181px 8px #FFF , 1978px 701px #FFF , 1968px 391px #FFF , 1621px 947px #FFF , 1142px 1244px #FFF , 558px 584px #FFF , 881px 767px #FFF , 96px 960px #FFF , 1143px 262px #FFF , 690px 1357px #FFF , 218px 1363px #FFF , 1507px 16px #FFF , 1947px 1785px #FFF , 755px 1928px #FFF , 1620px 1126px #FFF , 1194px 1932px #FFF , 728px 1068px #FFF , 542px 1765px #FFF , 1159px 1334px #FFF , 1284px 444px #FFF , 1623px 1161px #FFF , 190px 1011px #FFF , 855px 1379px #FFF , 1244px 30px #FFF , 1144px 1873px #FFF , 1276px 958px #FFF , 1675px 1097px #FFF , 354px 1735px #FFF , 1534px 235px #FFF , 560px 1850px #FFF , 493px 1737px #FFF , 782px 598px #FFF , 1709px 1377px #FFF , 717px 1040px #FFF}
.spot_star3{width:3px; height:3px; background:transparent; box-shadow:222px 946px #FFF , 408px 926px #FFF , 1608px 1741px #FFF , 1977px 1436px #FFF , 713px 1152px #FFF , 139px 39px #FFF , 497px 1590px #FFF , 1808px 1652px #FFF , 598px 667px #FFF , 1962px 75px #FFF , 331px 1245px #FFF , 1600px 1822px #FFF , 1463px 883px #FFF , 299px 335px #FFF , 1229px 909px #FFF , 448px 581px #FFF , 1346px 571px #FFF , 1247px 458px #FFF , 799px 186px #FFF , 643px 404px #FFF , 1330px 790px #FFF , 299px 699px #FFF , 1593px 1891px #FFF , 934px 1230px #FFF , 1162px 1835px #FFF , 903px 1024px #FFF , 596px 900px #FFF , 1223px 1078px #FFF , 682px 1024px #FFF , 151px 373px #FFF , 54px 1586px #FFF , 657px 1902px #FFF , 812px 273px #FFF , 705px 1142px #FFF , 1902px 1353px #FFF , 1222px 1980px #FFF , 767px 158px #FFF , 22px 663px #FFF , 1055px 727px #FFF , 1728px 750px #FFF , 223px 287px #FFF , 438px 127px #FFF , 224px 1146px #FFF , 1594px 1466px #FFF , 1505px 436px #FFF , 389px 1049px #FFF , 596px 435px #FFF , 1997px 1798px #FFF , 29px 51px #FFF , 40px 514px #FFF , 1779px 769px #FFF , 652px 1211px #FFF , 1599px 347px #FFF , 1854px 1941px #FFF , 485px 1633px #FFF , 697px 1894px #FFF , 1772px 877px #FFF , 555px 1030px #FFF , 976px 1338px #FFF , 541px 1112px #FFF , 817px 899px #FFF , 961px 923px #FFF , 115px 1321px #FFF , 875px 434px #FFF , 1577px 1980px #FFF , 1160px 131px #FFF , 15px 160px #FFF , 979px 56px #FFF , 959px 1756px #FFF , 1358px 435px #FFF , 563px 591px #FFF , 1284px 475px #FFF , 341px 601px #FFF , 74px 471px #FFF , 416px 584px #FFF , 692px 536px #FFF , 1041px 377px #FFF , 1601px 1923px #FFF , 1014px 241px #FFF , 122px 1594px #FFF , 1510px 280px #FFF , 195px 1720px #FFF , 152px 104px #FFF , 1686px 811px #FFF , 1329px 750px #FFF , 1655px 441px #FFF , 1288px 1040px #FFF , 1802px 1368px #FFF , 767px 615px #FFF , 302px 195px #FFF , 1973px 1902px #FFF , 1088px 1583px #FFF , 1840px 1126px #FFF , 500px 111px #FFF , 1263px 667px #FFF , 1748px 121px #FFF , 1608px 364px #FFF , 1064px 1610px #FFF , 1682px 1826px #FFF , 1747px 1800px #FFF;
  animation: animStar 150s linear infinite}
.spot_star3:after{content:""; position:absolute; top:2000px; width:3px; height:3px; background:transparent; box-shadow:222px 946px #FFF , 408px 926px #FFF , 1608px 1741px #FFF , 1977px 1436px #FFF , 713px 1152px #FFF , 139px 39px #FFF , 497px 1590px #FFF , 1808px 1652px #FFF , 598px 667px #FFF , 1962px 75px #FFF , 331px 1245px #FFF , 1600px 1822px #FFF , 1463px 883px #FFF , 299px 335px #FFF , 1229px 909px #FFF , 448px 581px #FFF , 1346px 571px #FFF , 1247px 458px #FFF , 799px 186px #FFF , 643px 404px #FFF , 1330px 790px #FFF , 299px 699px #FFF , 1593px 1891px #FFF , 934px 1230px #FFF , 1162px 1835px #FFF , 903px 1024px #FFF , 596px 900px #FFF , 1223px 1078px #FFF , 682px 1024px #FFF , 151px 373px #FFF , 54px 1586px #FFF , 657px 1902px #FFF , 812px 273px #FFF , 705px 1142px #FFF , 1902px 1353px #FFF , 1222px 1980px #FFF , 767px 158px #FFF , 22px 663px #FFF , 1055px 727px #FFF , 1728px 750px #FFF , 223px 287px #FFF , 438px 127px #FFF , 224px 1146px #FFF , 1594px 1466px #FFF , 1505px 436px #FFF , 389px 1049px #FFF , 596px 435px #FFF , 1997px 1798px #FFF , 29px 51px #FFF , 40px 514px #FFF , 1779px 769px #FFF , 652px 1211px #FFF , 1599px 347px #FFF , 1854px 1941px #FFF , 485px 1633px #FFF , 697px 1894px #FFF , 1772px 877px #FFF , 555px 1030px #FFF , 976px 1338px #FFF , 541px 1112px #FFF , 817px 899px #FFF , 961px 923px #FFF , 115px 1321px #FFF , 875px 434px #FFF , 1577px 1980px #FFF , 1160px 131px #FFF , 15px 160px #FFF , 979px 56px #FFF , 959px 1756px #FFF , 1358px 435px #FFF , 563px 591px #FFF , 1284px 475px #FFF , 341px 601px #FFF , 74px 471px #FFF , 416px 584px #FFF , 692px 536px #FFF , 1041px 377px #FFF , 1601px 1923px #FFF , 1014px 241px #FFF , 122px 1594px #FFF , 1510px 280px #FFF , 195px 1720px #FFF , 152px 104px #FFF , 1686px 811px #FFF , 1329px 750px #FFF , 1655px 441px #FFF , 1288px 1040px #FFF , 1802px 1368px #FFF , 767px 615px #FFF , 302px 195px #FFF , 1973px 1902px #FFF , 1088px 1583px #FFF , 1840px 1126px #FFF , 500px 111px #FFF , 1263px 667px #FFF , 1748px 121px #FFF , 1608px 364px #FFF , 1064px 1610px #FFF , 1682px 1826px #FFF , 1747px 1800px #FFF}
@keyframes animStar{
  from{transform:translateY(0px)}
  to{transform:translateY(-2000px)}
}
/* opinion ~ weekender */
.opinion, .graphic, .graphic_news, .investor, .kpop, .video, .photo, .weekender{position:relative; overflow:hidden; clear:both}
.opinion, .investor, .kpop, .video, .photo, .weekender{margin-bottom:50px}
.opinion .main_r_tit, .graphic .main_r_tit, .investor .main_r_tit, .kpop .main_r_tit, .video .main_r_tit, .photo .main_r_tit, .weekender .main_r_tit{font-size:30px; line-height:30px; margin-bottom:47px}
.opinion .main_l, .investor .main_l{width:calc(100% + 20px); margin:0 -10px; float:none}
.opinion .main_l:after{position:absolute; content:''; left:10px; right:10px; bottom:0; height:1px; background:#bdbdbd; display:block}
.opinion .main_l li, .investor .main_l li{width:calc(25% - 20px); margin:0 10px; float:left}
.opinion .main_l li{border-bottom:none}
.opinion .main_l_img{padding-bottom:52%}
.opinion .main_l_img img{height:105%}
.opinion .main_l_t2{margin-bottom:20px}
.opinion .main_l_t3{max-height:100px}
.graphic_li{position:relative; width:calc(100% + 34px); margin:0 -17px}
.graphic_li li{float:left; width:calc(33.3333% - 34px); margin:0 17px}
.graphic_li li a{display:block; position:relative; padding-bottom:96%}
.graphic_li li a img{position:absolute; width:100%; height:100%; transition:.3s; box-shadow:0px 20px 20px rgba(0,0,0,0.08)}
.graphic_li li:hover a img{transform:translate(0, -20px); box-shadow:0px 40px 40px rgba(0,0,0,0.16)}
.investor .main_l_t1{height:74px}
.investor .main_l_t3{max-height:61px; height:61px}
.kpop_li{width:calc(100% + 6px); margin:0 -3px}
.kpop_li li{position:relative; float:left; width:calc(25% - 6px); margin:0 3px 6px; padding-bottom:17%}
.kpop_li li:first-child{width:calc(50% - 6px); padding-bottom:calc(34% + 6px)}
.kpop_li li a{position:absolute; overflow:hidden; width:100%; height:100%}
.kpop_li_con{display:table; width:100%; height:100%; overflow:hidden}
.kpop_li_img, .video_li_img{position:absolute; width:100%; height:100%; transition:.3s; z-index:-1}
.kpop_li_black, .video_li_img_black{position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; transition:.3s; background:rgba(0,0,0,0.5)}
.kpop_li_t{display:table-cell; vertical-align:middle; font-size:20px; font-weight:500; line-height:24px; color:#fff; padding:0 18%}
.kpop_li li:first-child .kpop_li_t{font-size:25px; line-height:30px}
.kpop_li li:hover .kpop_li_img{transform:scale(1.1,1.1)}
.kpop_li li:hover .kpop_li_black{background:rgba(0,0,0,0.2)}
.video_li_bg{position:relative; overflow:hidden; padding:25px 17px; background:#121212; z-index:0}
.video_li_bg:after{position:absolute; display:block; content:''; top:0; left:0; width:100%; height:100%; background:url(//res.heraldm.com/koreaherald/version02/www/images/video_li_bg.jpg) center center no-repeat; background-size:cover; opacity:0.2; z-index:-1}
.video_li, .video_center{margin:13px; float:left}
.video_li{width:calc(25% - 26px)}
.video_li li{min-height:214px}
.video_li li:first-child{margin-bottom:15px}
.video_li li a{display:block}
.video_li_img_bg{position:relative; overflow:hidden; padding-bottom:56%; z-index:0}
.video_li_img_black{background:rgba(0,0,0,0.3)}
.video_li_img_icon{position:absolute; top:50%; left:50%; transform:translateY(-50%) translateX(-50%); width:50px; height:50px; overflow:visible}
.video_li_img_icon_dot{opacity:0; stroke-dasharray:4,5; stroke-width:6px; transform-origin:50% 50%; animation:video_li_img_icon_spin 4s infinite linear; transition:opacity 1s ease, stroke-width 1s ease}
.video_li_img_icon_solid{stroke-dashoffset:0; stroke-dashArray:300; stroke-width:6px; transition:stroke-dashoffset 1s ease, opacity 1s ease; opacity:0.5}
.video_li_img_icon_arrow{transform-origin:50% 50%; transition:transform 200ms ease-out}
@keyframes video_li_img_icon_spin{
	to{transform:rotate(360deg)}
}
.video_li_t{font-size:18px; font-weight:400; line-height:22px; color:#fff; margin-top:5px}
.video_center{position:relative; overflow:hidden; display:block; width:calc(50% - 26px); z-index:0}
.video_center_in{position:relative; overflow:hidden; width:100%; padding-bottom:56%}
.video_center .video_li_img_black{background:rgba(0,0,0,0.5)}
.video_center .video_li_img_icon{width:66px; height:66px}
.video_center .video_li_t{position:relative; margin:20px 0 0; font-size:25px; line-height:29px; font-weight:500}
.video_li li:hover .video_li_img, .video_center:hover .video_li_img{transform:scale(1.1,1.1)}
.video_li li:hover .video_li_img_icon_dot, .video_center:hover .video_li_img_icon_dot{stroke-width:4px; opacity:0.5}
.video_li li:hover .video_li_img_icon_solid, .video_center:hover .video_li_img_icon_solid{opacity:0; stroke-dashoffset:300}
.video_li li:hover .video_li_img_icon_arrow, .video_center:hover .video_li_img_icon_arrow{transform:scale(1.2,1.2)}
.photo .kpop_li{width:100%; margin:0}
.photo .kpop_li li{width:25%; margin:0; padding-bottom:25%}
.photo .kpop_li li:first-child{width:50%; padding-bottom:50%}
/*.photo .kpop_li li:not(:first-child) .kpop_li_t{position:absolute; bottom:0; padding:0 25px 30px}*/
.photo .kpop_li li .kpop_li_t{position:absolute; bottom:0; padding:0 25px 30px}
.photo .kpop_li li:first-child  .kpop_li_t{padding:0 200px 30px 25px}
.weekender .kpop_li{width:100%; margin:0}
.weekender .kpop_li li:first-child .kpop_li_t{font-size:20px; line-height:24px}
.weekender .kpop_li li{width:33.3333%; margin:0; padding-bottom:17%}
.weekender .kpop_li li:nth-child(odd){padding-bottom:34%}
.weekender .kpop_li li:nth-child(5){margin-top:-17%}
.weekender .kpop_li li:hover .kpop_li_black{margin:50px; background:rgba(0,0,0,0.5)}
/* global */
.global .main_r_tit{font-size:30px; line-height:30px; margin-bottom:47px}
.global{position:relative; overflow:hidden; margin-bottom:50px}
.global_li{background:#000; padding:30px 10px 0; font-size:0}
.global_li li{width:calc(25% - 20px); display:inline-block; vertical-align:top; margin:0 10px 30px}
.global_li li a{display:block}
.global_li_img_bg{padding-bottom:60%; position:relative; overflow:hidden; height:0}
.global_li_img{position:absolute; top:0; left:0; width:100%; height:100%; transition:.3s}
.global_li_t{color:#fff; font-size:18px; font-weight:400; line-height:22px; height:44px; margin:15px 0 10px}
.global_li_t2{color:#008dd2; font-size:15px; font-weight:400; line-height:20px}
.global_li li:hover .video_li_img_icon_dot{stroke-width:4px; opacity:0.5}
.global_li li:hover .video_li_img_icon_solid{opacity:0; stroke-dashoffset:300}
.global_li li:hover .video_li_img_icon_arrow{transform:scale(1.2,1.2)}
.global_li li:hover .global_li_img{transform:scale(1.1,1.1)}
.global_sec_tab{font-size:0; padding:20px 0 5px}
.global_sec_tab li{display:inline-block; vertical-align:middle;}
.global_sec_tab li:after{content:'|'; display:block; float:right; font-weight:100; font-size:12px; margin-top:3px; color:#ccc}
.global_sec_tab li:last-child:after{display:none;}
.global_sec_tab li a{color:#a4a4a4; font-weight:400; font-size:16px; transition:.2s; padding:0 25px}
.global_sec_tab li:first-child a{padding-left:5px}
.global_sec_tab li.on a, .global_sec_tab li:hover a{color:#33b8ff}
.global_sec_li{padding:30px 0; font-size:0; margin:0 -10px}
.global_sec_li li{width:calc(25% - 20px); display:inline-block; vertical-align:top; margin:0 10px 30px}
.global_sec_li li a{display:block}
.global_sec_li_img_bg{padding-bottom:60%; position:relative; overflow:hidden; height:0}
.global_sec_li_img{position:absolute; top:0; left:0; width:100%; height:100%; transition:.3s}
.global_sec_li_t{color:#111; font-size:16px; font-weight:400; line-height:20px; height:40px; margin:10px 0 10px}
.global_sec_li_t2{color:#999; font-size:13px; font-weight:200; line-height:20px}
.global_sec_li li:hover .video_li_img_icon_dot{stroke-width:4px; opacity:0.5}
.global_sec_li li:hover .video_li_img_icon_solid{opacity:0; stroke-dashoffset:300}
.global_sec_li li:hover .video_li_img_icon_arrow{transform:scale(1.2,1.2)}
.global_sec_li li:hover .global_sec_li_img{transform:scale(1.1,1.1)}
.global_sec_li_btn a{display:block; width:300px; border:1px solid #dbdbdb; margin:0 auto; text-align:center; line-height:42px; color:#111; font-weight:300; font-size:12px}

/* loading class 추가 */
.loading_area{display:none; text-align: center; overflow: hidden; padding-top: 10px; padding-bottom: 10px;}


/* ====== footer ======================================================================================================= */
.footer_bg{padding-top:100px}
.aside{background:#000; overflow:hidden; padding:30px 0}
.aside ul li{float:left}
.aside ul li a{font-size:15px; font-weight:300; line-height:20px; color:#fff}
.aside ul li:after{display:block; content:'|'; float:right; font-size:10px; font-weight:300; line-height:20px; color:rgba(255,255,255,0.3); padding:0 14px}
.aside ul li:last-child:after{display:none}
.aside_l{float:left}
.aside_r{float:right}
.footer{background:#121212; overflow:hidden; padding-bottom:50px}
.footer .header_all_l{position:relative; padding:0; width:75%; border:none}
.footer .header_all_li{padding:30px 0 0}
.footer .header_all_li dt a{color:#fff; font-size:13px; font-weight:400}
.footer .header_all_li dd a{color:rgba(255,255,255,0.5); font-size:12px; padding:2px 15px}
.footer .header_all_li dd a:before{content:'-'; color:rgba(255,255,255,0.5); margin-right:4px}
.footer .header_all_li a:hover{background:#090909}
.footer .header_all_sns{padding:30px 0 10px}
.footer .header_all_sns li a{color:#fff}
.footer .header_all_sns li a:hover{background:transparent}
.footer .header_all_sns_icon svg{fill:#fff}
.footer_r{float:left; width:25%}
.footer_r_top{margin-top:28px; overflow:hidden}
.footer_r_top_l{float:left; width:103px; height:134px}
.footer_r_top_l svg{width:100%; height:100%; fill:#898989}
.footer_r_top_r{float:left; width:calc(100% - 103px)}
.footer_r_top_r_link{font-size:12px; font-weight:300; line-height:16px; color:rgba(255,255,255,0.5); display:block; margin:0 0 9px 40px; letter-spacing:-.2px}
.footer_r_top_r_link.on{color:rgba(0,147,209,0.8)}
.footer_r_top_r_sns .header_all_sns{ position:relative; padding:6px 0 0 40px; width:inherit}
.footer_r_top_r_sns .header_all_sns li a{display:inline-block; padding:0}
.footer_r_top_r_sns .header_all_sns li{float:left}
.footer_r_top_r_sns .header_all_sns_svg{background:#fff; border-color:#fff}
.footer_r_sel{position:relative; margin:30px 0; color:#fff; font-size:11px; line-height:20px; font-weight:200}
.footer_r_sel_main{background:#333; padding:3px 30px 3px 15px; cursor:pointer}
.footer_r_sel_main:after{position:absolute; content:'▼'; top:0; right:0; width:25px; line-height:26px; font-size:7px}
.footer_r_sel_li{display:none; position:absolute; background:rgba(51,51,51,0.9); width:100%; z-index:3; margin-top:-26px}
.footer_r_sel_li li a{display:block; padding:3px 15px; transition:.3s}
.footer_r_sel_li li:first-child a{padding-top:10px}
.footer_r_sel_li li:last-child a{padding-bottom:10px}
.footer_r_sel_li li a:hover{background:#232323}
.footer_r_bottom{font-size:10px; font-weight:200; line-height:18px; color:rgba(255,255,255,0.5)}
.footer_r_bottom b{font-weight:400; font-size:12px}


/* ====== view ======================================================================================================= */
.view_bg{position:relative; overflow:hidden; float:left; width:calc(75% - 33px); margin-right:33px}
.view{clear:both; position:relative; border-bottom:1px solid #ccc; margin-bottom:70px}
.view_tit{font-size:38px; font-weight:500; line-height:48px; color:#000; letter-spacing:-1px; margin:25px 110px 15px 0}
.view_tit_sub{font-size:20px; font-weight:300; line-height:24px; color:rgba(0,0,0,0.6); margin:0 0 20px}
.view_tit_byline{position:relative; overflow:hidden; clear:both; padding:12px 0; font-size:14px; font-weight:400; line-height:19px; color:rgba(0,0,0,0.7); border-bottom:1px solid #ccc}
.view_tit_byline_l{float:left}
.view_tit_byline_r{float:right; color:rgba(0,0,0,0.3)}
.view_tit_icon{position:relative; overflow:hidden; clear:both; padding:12px 0}
.view_tit_icon .header_all_sns{position:relative; bottom:inherit; width:auto; padding:0}
.view_tit_icon .header_all_sns li{float:left}
.view_tit_icon .header_all_sns li a{padding:0}
.view_tit_icon .header_all_sns li:hover a{background:transparent}
.view_tit_icon_r{float:right; margin-top:2px}
.view_tit_icon_r li{float:left}
.view_tit_icon_r li a{font-size:11px; font-weight:200; line-height:22px; color:#333; display:block; border:1px solid #d6d6d6; margin-left:5px; padding:0 10px; border-radius:2px; transition:.2s}
.view_tit_icon_r li a span{font-size:6px; display:inline-block; vertical-align:middle; margin:-3px 2px 0 0}
.view_tit_icon_r li a:hover{background:#f2f2f2; border-color:#bbb}
.view_con{font-size:17px; font-weight:200; line-height:1.6; color:#666; clear:both; padding:25px 0 40px}
.view_con_t{padding:0 130px}

#articleText P{min-height:27px;}


/* content a link */
.view_con_t a:active, .view_con_t a:hover, .view_con_t a { text-decoration: underline; color: #148bff;  }


.view_con_tb{width:100%; position:relative}
.view_con img, .view_con_tb td img{display:block; max-width:860px}
.view_con img{margin:30px auto}
.view_con_tb td img{margin:30px auto 10px}
.view_con_caption{font-size:13px; font-weight:300; line-height:17px; color:rgba(0,0,0,0.8); text-align:center; margin:-15px 130px 30px }
.view_con_t_mail{color:#008dd2}
.view_con iframe{margin:0; display:block}
.youtube-container { position: relative; padding-bottom: 56.25%;   height: 0; overflow: hidden; margin:30px auto}
.youtube-container iframe, .youtube-container object, .youtube-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.view_con .view_con_opi{float:right; width:150px; margin:0 0 0 15px}
.view_main_c_li{position:relative; background:#f0f0f0; padding:31px 38px 9px; margin-bottom:50px}
.view_main_c_li_tit{position:absolute; top:0; font-size:30px; font-weight:500; line-height:30px; color:#888; text-align:center; width:210px; left:50%; margin:-19px 0 0 -105px; letter-spacing:-1.5px; background:#fff}
.view_main_c_li .main_c_li li{margin-bottom:20px}
.view_main_c_li .main_c_li_l{width:163px; height:122px; margin-top:0}
.view_main_c_li .main_c_li_r{width:calc(100% - 180px)}
.view_main_c_li .main_c_li_r .main_l_t1{margin:5px 0 10px; min-height:80px}
.view_main_c_li .main_c_li_r .main_l_t2{margin:0}
.view_bg .main_r_tit{font-size:30px; line-height:30px; margin-bottom:30px; color:rgba(0,0,0,0.5)}
.view_bg .spot_li{padding:0}
.view_bg .spot_li_t{color:#000; text-align:left; font-size:18px; line-height:24px}
.view_scroll{position:absolute; width:0; height:3px; background:#008dd2; top:45px; z-index:1; transition:.3s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#008dd2+0,00bcd4+100 */
background: rgb(0,141,210); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,141,210,1) 0%, rgba(0,188,212,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,141,210,1) 0%,rgba(0,188,212,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,141,210,1) 0%,rgba(0,188,212,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008dd2', endColorstr='#00bcd4',GradientType=1 ); /* IE6-9 */
}


/* ====== etc ======================================================================================================= */
/*.etc.change{margin-top:110px}*/
.etc{position:relative; overflow:hidden;  clear:both; transition:.3s}
.etc_tit{position:relative; overflow:hidden; height:130px}
.etc_tit img{width:100%; height:100%; float:left}
.etc_adv, .etc_contact{position:relative; overflow:hidden}
.etc_adv{padding-top: 15px}
.etc_adv li{float:left; width:25%; margin:30px 0; transition:.3s}
/*.etc_adv li:nth-child(4n+1){clear:both}*/
.etc_adv li img{max-width:80%; margin:0 auto; display:block}
.etc_adv li:hover{transform:scale(1.1,1.1)}
.etc_contact{padding:50px 30px}
.etc_contact_tb{position:relative; width:100%; margin-bottom:38px}
.etc_contact_tb th, .etc_contact_tb td{vertical-align:middle; padding:5px 0}
.etc_contact_tb tr:nth-child(2) td{padding-top:17px}
.etc_contact_tb th{text-align:left; border-bottom:1px solid #636363; font-size:20px; font-weight:500; line-height:28px; color:#000; letter-spacing:-0.5px}
.etc_contact_tb th span{font-size:15px; font-weight:200; color:#888; margin-left:35px; letter-spacing:0}
.etc_contact_tb td{font-size:18px; font-weight:200; line-height:20px; color:#888; width:50%}
.etc_contact_tb td span{margin-right:30px}
.etc_privacy{font-size:14px; font-weight:200; line-height:22px; color:#666; padding:50px 0;}
.etc_privacy b{font-size:15px; font-weight:400; color:#000}
.etc_privacy_copy{border:1px solid #ddd; padding:50px}
.etc_privacy_copy_tb{position:relative; width:100%; margin-top:30px}
.etc_privacy_copy_tb td{vertical-align:middle; padding:20px 40px; font-size:16px; font-weight:300; line-height:20px; color:#000; width:50%; background:#d1d1d1}
.etc_privacy_copy_tb td span{margin-right:30px}
/* etc_leaders */
.etc_leaders_l, .etc_leaders_r{position:relative; float:left; text-align:center}
.etc_leaders_l{width:64%}
.etc_leaders_r{width:36%}
.etc_leaders_l:after{position:absolute; content:''; width:1px; height:calc(100% - 110px); background:#eee; top:110px; right:0}
.etc_leaders_li_bg{display:inline-block; position:relative; overflow:hidden}
.etc_leaders_li_tit{font-size:20px; line-height:30px; color:#000; font-weight:500; padding:40px 6px; letter-spacing:-0.8px; text-align:left}
.etc_leaders_li li{float:left; margin:0 6px 10px; width:155px}
.etc_leaders_li li a{display:block}
.etc_leaders_l .etc_leaders_li li:nth-child(4n+1){clear:both}
.etc_leaders_r .etc_leaders_li li:nth-child(2n+1){clear:both}
.etc_leaders_li_img{border:1px solid #ddd; overflow:hidden; height:72px; line-height:72px; font-size:0; text-align:center}
.etc_leaders_li_img img{display:inline-block; margin:0 auto; vertical-align:middle; max-width:100%; max-height:100%; transition:.3s}
.etc_leaders_li_t{font-size:11px; font-weight:300; line-height:17px; padding:7px 0 0; color:#555; word-break:keep-all; transition:.3s}
.etc_leaders_li li:hover .etc_leaders_li_img img{transform:scale(1.1,1.1)}
.etc_leaders_li li:hover .etc_leaders_li_t{text-decoration:underline}
/* etc_leaders_view */
.etc_leaders_view{padding:30px 100px}
.etc_leaders_view_top{position:relative; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:40px}
.etc_leaders_view_top_l{float:left; width:calc(43% - 50px); margin-right:50px}
.etc_leaders_view_top_r{float:left; width:57%}
.etc_leaders_view_top_l_t1{font-size:24px; font-weight:500; line-height:32px; letter-spacing:-0.7px; color:#000; margin-top:17px}
.etc_leaders_view_top_l_t2{font-size:18px; font-weight:200; line-height:26px; color:#444; margin:4px 0 40px}
.etc_leaders_view_top_l_t2 .data{display:block; word-break:break-all}
.etc_leaders_graph{position:relative; overflow:hidden}
.etc_leaders_graph_tab_tit{overflow:hidden; margin-bottom:18px}
.etc_leaders_graph_tab_tit li{float:left; width:33.3333%}
.etc_leaders_graph_tab_tit li a{display:block; text-align:center; border-bottom:3px solid #e1e1e1; font-size:20px; font-weight:500; line-height:40px; color:#888}
.etc_leaders_graph_tab_tit li.on a{border-bottom-color:#000; color:#000}
.etc_leaders_graph_tab_cont > div{display:none}
.etc_leaders_graph_tab_cont > div:first-child{display:block}
#etc_leaders_chart{width:calc(100% - 2px); height:230px; border:1px solid #ddd; overflow:hidden; background:#fcfcfc}
.etc_leaders_view_top_r_t1{font-size:18px; font-weight:400; line-height:27px; letter-spacing:-0.5px; color:#000; margin-top:16px}
.etc_leaders_view_top_l_t1_icon1, .etc_leaders_view_top_l_t1_icon2{color:#f60045; font-size:15px; font-weight:500; line-height:26px; border:2px solid #f60045; padding:0 15px; border-radius:15px; display:inline-block; vertical-align:middle; margin:-7px 0 0 10px}
.etc_leaders_view_top_l_t1_icon2{color:#0093d1; border-color:#0093d1}
.etc_leaders_view_top_r_t2{font-size:15px; font-weight:200; line-height:22px; color:#666; margin-bottom:20px}
.etc_leaders_view_top_r_tb1{position:relative; width:100%}
.etc_leaders_view_top_r_tb1 th, .etc_leaders_view_top_r_tb1 td{vertical-align:middle; padding:3px 0}
.etc_leaders_view_top_r_tb1 th{font-size:30px; font-weight:500; line-height:44px; letter-spacing:-1px; text-align:left; width:27%}
.etc_leaders_view_top_r_tb1 td{font-size:26px; font-weight:400; line-height:30px; letter-spacing:-1px}
.etc_leaders_view_top_r_tb1_arrow{font-size:16px; display:inline-block; vertical-align:middle; margin:-3px 0 0}
.etc_leaders_view_top_r_tb1 td span{ font-size:22px; margin-left:15px}
.etc_leaders_view_top_r_tb1_black{color:#000}
.etc_leaders_view_top_r_tb1_gray{color:#888}
.etc_leaders_view_top_r_tb1_up{color:#f60045}
.etc_leaders_view_top_r_tb1_down{color:#0093d1}
.etc_leaders_view_top_tb1{position:relative; width:100%; clear:both; margin-bottom:60px}
.etc_leaders_view_top_tb1 th, .etc_leaders_view_top_tb1 td{vertical-align:middle}
.etc_leaders_view_top_tb1 th{font-size:16px; font-weight:200; line-height:20px; color:#bbb; text-align:left; padding:24px 0 0}
.etc_leaders_view_top_tb1 td{font-size:20px; font-weight:400; line-height:26px; letter-spacing:-1px; color:#111; padding:13px 0}
.etc_leaders_view_top_tb1 td:nth-child(2n+1){width:22%; border-bottom:1px solid #ddd}
.etc_leaders_view_btn{display:block; margin:0 auto 80px; border:1px solid #ccc; text-align:center; line-height:44px; width:180px; font-size:16px; font-weight:400;}
.etc_leaders_view_li{margin:45px 0}
.etc_leaders_view_li li{margin-bottom:48px}
.etc_leaders_view_li li a{display:block}
.etc_leaders_view_li_t1{font-size:20px; font-weight:600; line-height:26px; color:#000; margin-bottom:8px; letter-spacing:-0.5px}
.etc_leaders_view_li_t2{font-size:15px; font-weight:200; line-height:20px; color:#666; max-height:40px}
.etc_leaders_view_li li:hover .etc_leaders_view_li_t2{text-decoration:underline}
.etc_leaders_view_li_more{display:block; text-align:center; padding:10px 0; border:1px solid #ddd; font-size:15px; line-height:20px; color:#999; font-weight:200; transition:.3s}
.etc_leaders_view_li_more_icon{position:relative; width:17px; height:17px; border:1px solid #ddd; display:inline-block; vertical-align:middle; margin:-4px 0 0 10px; font-size:8px; transition:.3s}
.etc_leaders_view_li_more_icon:after{position:absolute; content:''; border-top:6px solid #888; border-right:4px solid transparent; border-left:4px solid transparent; border-bottom:none; top:6px; left:4px; transition:.3s}
.etc_leaders_view_li_more:hover{background:#f3f3f3; color:#555; border-color:#bbb}
.etc_leaders_view_li_more:hover .etc_leaders_view_li_more_icon{border-color:#888; background:#888;}
.etc_leaders_view_li_more:hover .etc_leaders_view_li_more_icon:after{border-top-color:#fff}
.etc_ombuds{position:relative; overflow:hidden; padding:100px 100px 0}
.etc_ombuds_tb1{position:relative; width:100%}
.etc_ombuds_tb1 th, .etc_ombuds_tb1 td{vertical-align:top}
.etc_ombuds_tb1 th{font-size:20px; line-height:26px; color:#000; font-weight:500; letter-spacing:-0.7px; padding:10px 0; text-align:left; border-bottom:1px solid #ddd}
.etc_ombuds_tb1 td{font-size:16px; line-height:30px; color:#888; font-weight:200; padding:25px 100px}
.etc_ombuds_tb1 tr:nth-child(2) td:first-child{text-align:center; padding:25px 50px}
.etc_ombuds_tb1 tr:nth-child(2) td:first-child img{width:200px; margin-bottom:10px}
.etc_ombuds_tb1 tr:last-child td{padding:25px 0}
.etc_ombuds_tb1_li1_bg{text-align:center}
.etc_ombuds_tb1_li1{display:inline-block}
.etc_ombuds_tb1_li1 li{float:left; font-size:13px; line-height:20px; color:#888; text-align:center; margin-right:40px; position:relative}
.etc_ombuds_tb1_li1 li:after{position:absolute; content:'＞'; width:40px; height:70px; line-height:70px; top:0; right:-40px; color:#ddd}
.etc_ombuds_tb1_li1 li:last-child:after{display:none}
.etc_ombuds_tb1_li1_box{width:138px; height:68px; border:1px solid #1e1e1e; display:table-cell; vertical-align:middle}
.etc_ombuds_tb1_li1_t{padding:10px 0}
.etc_ombuds_tb1_li1_btn{display:inline-block; border:1px solid #ccc; border-radius:3px; font-size:10px; padding:0 10px; vertical-align:middle; margin-top:-3px; color:#555; line-height:22px; font-weight:400; transition:.3s}
.etc_ombuds_tb1_li1_btn:before{position:relative; content:''; display:inline-block; border-top:4px solid transparent; border-left:none; border-right:5px solid #666; border-bottom:4px solid transparent; margin-right:5px; transition:.3s}
.etc_ombuds_tb1_li1_btn:hover{background:#999; border-color:#999; color:#fff}
.etc_ombuds_tb1_li1_btn:hover:before{border-right-color:#fff}
.etc_ombuds_privacy{position:relative; overflow-y:scroll; padding:20px 30px; border:1px solid #ddd; height:200px; font-size:15px}
.etc_ombuds_privacy b{font-weight:300; color:#000; font-size:20px; letter-spacing:-1px}
.etc_ombuds_privacy_li{position:relative; overflow:hidden; padding:12px 0 0}
.etc_ombuds_privacy_li li{float:left; width:50%; font-size:15px}
.etc_ombuds_privacy_li li .etc_ombuds_tb1_li1_btn{margin-left:15px}
.etc_announc{position:relative; overflow:hidden; padding:75px 100px 0}
.etc_announc table{position:relative; width:100%}
.etc_announc th, .etc_announc td{vertical-align:middle; border:1px solid #d1d1d1; font-size:17px; line-height:23px}
.etc_announc th{background:#f8f8f8; font-weight:400; color:#000}
.etc_announc td{font-weight:200; color:#888}
.etc_announc th:first-child, .etc_announc_tb1 td:first-child{border-left:none}
.etc_announc td:last-child, .etc_announc_tb1 th:last-child{border-right:none}
.etc_announc_tb1 th{padding:10px 0; border-top:1px solid #636363}
.etc_announc_tb1 td{text-align:center; padding:14px 20px}
.etc_announc_tb1 td:nth-child(2){text-align:left}
.etc_announc_tb1 td a{display:block}
.etc_announc_tb1 td a:hover{text-decoration:underline}
.etc_announc_tb1 th:first-child, .etc_announc_tb1 th:last-child{width:172px}
.etc_announc_tb_view th, .etc_announc_tb_view td{padding:10px 20px}
.etc_announc_tb_view th{text-align:left; width:172px}
.etc_announc_tb_view tr:first-child th, .etc_announc_tb_view tr:first-child td{border-top:1px solid #636363}
.etc_announc_tb_view_id{width:40%}
.etc_announc_tb_view .etc_announc_tb_view_con{padding:20px 20px; line-height:28px}
.etc_announc_btn{display:block; text-align:center; border:1px solid #ddd; width:150px; line-height:40px; margin:50px auto 0; font-size:17px; font-weight:400; transition:.3s}
.etc_announc_btn:hover{border-color:#333}
.etc_announc_btn_icon{width:14px; height:14px; fill:#000; display:inline-block; vertical-align:middle; margin:-4px 5px 0 0}


/* ====== sch ======================================================================================================= */

.sch{position:relative; overflow:hidden;  clear:both; transition:.3s}
.sch_top{position:relative; padding:50px 125px 0}
.sch_top_input{position:relative; overflow:hidden}
.sch_top_input input{width:calc(100% - 57px); padding:0 40px 0 15px; height:39px; border:1px solid #d1d1d1; font-size:18px; font-weight:300; color:#000}
.sch_top_input input::-webkit-input-placeholder{color:#999; font-weight:200}
.sch_top_input input:-ms-input-placeholder{color:#999; font-weight:200}
.sch_top_input button{position:absolute; width:40px; height:39px; top:1px; right:1px; background:transparent}
.sch_top_input button svg{position:absolute; top:50%; left:50%; width:20px; height:20px; margin:-10px 0 0 -10px; fill:#000}
.sch_top_input input:focus{border-color:#008dd2}
.sch_top_t{font-size:18px; line-height:24px; padding:27px 0 10px; color:#888; font-weight:200; border-bottom:1px solid #636363}
.sch_top_t b{font-weight:300; color:#000}
.sch_top_li_bg{position:relative; overflow:hidden; padding:20px 0}
.sch_top_li_bg li{float:left}
.sch_top_li_bg li:after{position:relative; content:'|'; font-size:10px; vertical-align:middle; margin:-6px 10px 0; display:inline-block; color:#ddd; font-weight:100}
.sch_top_li_bg li:last-child:after{display:none}
.sch_top_li_bg li a{font-size:18px; color:#888; font-weight:200; line-height:21px}
.sch_top_li_bg li a.on{color:#008dd2; font-weight:400}
.sch_top_li_l{float:left}
.sch_top_li_r{float:right}
.sch_top_li_r:before{content:'Sort :'; float:left; font-size:18px; color:#888; font-weight:200; line-height:21px; margin-right:10px}
.sch_result{position:relative; overflow:hidden; padding:0 125px}
.sch_result_tit{font-size:20px; line-height:30px; color:#000; font-weight:500; padding:10px 0 30px; letter-spacing:-0.8px}
.sch_result_tit span{font-size:15px; color:#888; font-weight:200; margin-left:7px; letter-spacing:0}
.sch_result .main_sec_li{padding:0}
.sch_result .main_l_img{float:left; width:30%; padding-bottom:18%}
.sch_result .main_sec_li .main_l_t3{width:34%}
.sch_result_photo{position:relative; overflow:hidden; margin:0 -10px}
.sch_result_photo li{float:left; width:calc(25% - 20px); margin:0 10px 20px}
.sch_result_photo li:nth-child(4n+1){clear:both}
.sch_result_photo li a{position:relative; overflow:hidden; padding-bottom:65%; display:block}
.sch_result_photo li a img{position:absolute;width:100%; height:100%; transition:.3s}
.sch_result_photo li a:hover img{transform:scale(1.1,1.1)}
.sch_result_no{position:relative; overflow:hidden; text-align:center; padding:150px 0; font-size:18px; font-weight:200; color:#000; line-height:25px}
.sch_result_no b{color:#008dd5; font-weight:400}


/* ====== seconds ======================================================================================================= */
/*.seconds.change{margin-top:180px}*/
.seconds{position:relative; transition:.3s}
.seconds_top{position:relative}
.seconds_top_img{display:block; margin:0 auto}
.seconds_top_tab{text-align:center; font-size:0}
.seconds_top_tab ul{display:inline-block; padding:10px 0}
.seconds_top_tab li{float:left}
.seconds_top_tab li:first-child:after{position:relative; display:block; content:'|'; font-size:12px; font-weight:300; color:#ccc; float:right; line-height:35px}
.seconds_top_tab li a{color:#888; font-size:20px; font-weight:400; line-height:35px; letter-spacing:-0.5px; padding:0 27px}
.seconds_top_tab li a.on{color:#008ece}
.seconds_sec_bg{position:relative; background:#f6f6f8; border-top:1px solid #e2e2e2; padding:20px 0 35px; margin-bottom:7px}
.seconds_sec{position:relative; width:854px; margin:0 auto}
.seconds_sec_main{height:480px; background:#ddd}
.seconds_sec_main iframe{display:block; width:100%; height:100%}
.seconds_sec_t1{font-size:30px; font-weight:500; line-height:35px; color:#000; letter-spacing:-0.8px; padding:32px 0 12px}
.seconds_sec_t2{font-size:20px; font-weight:200; line-height:28px; color:#333; letter-spacing:-0.3px; display:block}


/*기사면 lasted news 추가 */
.main_sec_latest {border:0px solid #d7d7d7; margin:20px 0 0}
.main_sec_latest li{transition:.3s}
.main_sec_latest li a{display:table; width:100%; border-bottom:1px solid #e6e6e6; padding:12px 0}
.main_sec_latest_num{display:table-cell; vertical-align:middle; width:15%; text-align:center; font-size:15px; font-weight:200; line-height:40px; color:#000}
.main_sec_latest_t{display:table-cell; vertical-align:middle; font-size:15px; font-weight:200; line-height:22px; color:#666; padding-right:12px;}
.main_sec_latest li:.main_sec_most_t{padding-left:0px; padding-right: 0px; }
.main_sec_latest li:hover{background:#f8f8f8}
.main_sec_latest li:a{border-bottom:none}

.khadv_li_long{transform:scale(1)}

@media all and (max-width:1230px) {
.main_c{width:calc(75% - 366px)}
}


@media all and (max-width:1280px) {
.site_width{width:calc(100% - 30px)}
.header_family_l_sch_bg.header_family_l_sch_bg_active .header_family_l_sch{width:104px}
.header_family_c li a, .header_family_r li a{font-size:11px}
.header_family_r{right:15px}
.header_logo{margin:39px 0;}
.header_logo svg{width:400px; height:48px}
.header_logo img{width:400px; height:50px}
.header_all_bg{width:100%; padding:0}
.header_all{padding:30px 10px}
.header_all_l{width:calc(80% - 21px); padding:0 10px}
.header_all_r{width:calc(20% - 10px); padding-left:10px}
.header_all_li a{font-size:14px}
.main{margin-top:0px}
.main.change{margin-top:109px}
/*
.main_r{width:25%}
*/
.main_r{width:24%}
.main_c_art_main .main_l_t1{font-size:31px; line-height:36px}
/*
.maker{width:calc(63% - 100px); margin:0 50px}
*/
.spot_li_t{font-size:18px; line-height:22px}
.footer_bg{padding-top:30px}
.aside ul li a{font-size:13px}
.footer .header_all_li dd a{font-size:11px}
.footer_r_top_l{width:60px; height:78px}
.footer_r_top_r{width:calc(100% - 60px)}
.footer_r_top_r_link{margin:0 0 12px 20px}
.footer_r_top_r_sns .header_all_sns{padding:12px 0 0 20px}
.footer_r_top_r_sns .header_all_sns_svg{margin:0 7px 0 0}
.footer_r_top_r_sns .header_all_sns li:last-child .header_all_sns_in{margin-right:0}
.view_bg{width:calc(100% - 333px)}
.khadv_li{transform:scale(0.9); width:140%; margin-left:-20%}
.khadv_li li{margin:20px 10px}
.video_li_bg{padding:10px 15px}
.top{right:50px; bottom:50px}
.view_con_t{padding:0 70px}
.view_con img{max-width:100%}
.view_con_tb td img{max-width:600px;}
.header_bottom_section_tit{font-size:25px}
.header_bottom_section_li li a{font-size:10px}
/* hwang 으로 인해 잠시 주석처리
.header_bottom_section_li li a:hover, .header_bottom_section_li li a.on{font-size:13px}
*/
.etc_tit{height:auto}
.etc_contact_tb td{font-size:15px}
.etc_privacy{font-size:12px}
.etc_privacy b{font-size:13px}
.etc_privacy_copy_tb td{font-size:14px; padding:10px 30px}
.etc_leaders_li_bg{display:block}
.etc_leaders_li li{width:calc(25% - 12px)}
.etc_leaders_r .etc_leaders_li li{width:calc(50% - 12px)}
.etc_leaders_view{padding:30px}
.etc_ombuds{padding:50px 0 0}
.etc_ombuds_tb1 td{font-size:14px; padding:25px 0}
.etc_ombuds_privacy{font-size:12px}
.etc_ombuds_privacy b{font-size:14px}
.etc_announc{padding:50px 0 0}
.etc_announc th, .etc_announc td{font-size:14px; line-height:18px}
.etc_announc_tb_view th{width:100px}
.sch_top{padding:50px 25px 0}
.sch_result{padding:0 25px}
.seconds_sec_bg{padding:20px 15px 35px}
.seconds_sec{position:relative; width:100%; }
.seconds_sec_main{padding-bottom:60%; position:relative; overflow:hidden; height:0}
.seconds_sec_main iframe{position:absolute}
}

@media all and (max-width:1000px) {
.view_bg .khadv_li{transform:scale(0.7)}
.header_bottom_section_obj{width:100px}
}
@media all and (max-width:920px) {
.header_logo{margin:49px 0/*70주년*/}
.header_logo svg{width:300px}
.header_logo img{width:300px; height:auto;}
.header_family_c li a, .header_family_r li a{font-size:10px}
.header_family_r li a{padding:0 7px}
.header_family_c li a{padding:13px 5px 12px}
.khadv_li{width:160%; margin-left:-30%}
}
@media all and (max-width:850px) {
.header_logo svg{width:230px}
.header_logo img{width:230px; height:auto;}
.header_family_c{padding-left:10px}
.khadv_li{transform:scale(0.8)}
.view_bg .khadv_li{transform:scale(0.6)}
}
@media all and (max-width:780px) {
body{width:780px; margin:0 auto}
.site_width{width:750px}
.header_bg{width:780px}
.header_all_bg{padding:0; width:780px}
}



/* ====== president_20th ======================================================================================================= */
.header_bottom_li_r li.election_2022 a{color:#2734a4; font-weight:500; letter-spacing:-0.1px}
.header_bottom_li_r li.election_2022 a img{width:15px; vertical-align:middle; margin:-2px 5px 0 0}
/* president_20th */
.president_20th{position:relative; color:#222}
.president_20th .site_width:after, .president_20th_main:after{content:""; display:table; table-layout:fixed; clear:both}
.president_20th_top{position:relative; background:#bfd2fd; text-align:center; margin-bottom:30px}
.president_20th_top .site_width{background:url(../images/president/president_20th_top.png) center no-repeat; background-size:cover; height:98px}
.president_20th_top_title, .president_20th_top_dday_bg{position:absolute;}
.president_20th_top_title{width:400px; left:50%; margin-left:-200px; top:12px}
.president_20th_top_title b{font-size:31px; line-height:40px; font-weight:400; letter-spacing:-0.4px; margin-bottom:11px; display:block}
.president_20th_top_title ul{display:block}
.president_20th_top_title ul li{display: inline-block; vertical-align:middle}
.president_20th_top_title ul li a{font-size:17px; line-height:21px; font-weight:300; padding:0 46px; color:rgba(0,0,0,.5)}
.president_20th_top_title ul li.on a{color:#2734a4}
.president_20th_top_dday_bg{top:15px; right:10px; color:#2734a4; width:90px}
.president_20th_top_dday{font-size:38px; line-height:40px; margin-bottom:6px; letter-spacing:-0.5px; font-weight:300}
.president_20th_top_dday_date{font-size:14px; line-height:18px; letter-spacing:0.2px}
.president_20th.president_20th_view{margin-top:-8px}
.president_20th.president_20th_view .president_20th_top{background:none}
.president_20th.president_20th_view .president_20th_top .site_width{width:1165px}
/* president_20th_main */
.president_20th_main{margin:-10px 0 30px}
.president_20th_main_l{float:left; width:calc(75% - 33px); padding:10px 0 0 0; margin-right:33px; font-size:0}
.president_20th_main_r{float:right; width:25%}
.president_20th_main_l_img, .president_20th_main_l_t_bg{display:inline-block; vertical-align:top}
.president_20th_main_l_img{width:379px; height:254px; position:relative; margin-right:30px; overflow:hidden}
.president_20th_main_l_img img, .president_20th_main_r_img img{width:100%; height:100%; transition:.2s}
.president_20th_main_l_img:after, .president_20th_main_r_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08)}
.president_20th_main_l_t_bg{position:relative; width:calc(100% - 409px); height:254px;}
.president_20th_main_l_t1{font-size:28px; line-height:36px; max-height:108px; letter-spacing:-1px; font-weight:400; margin:10px 0}
.president_20th_main_l_t2{font-size:16px; line-height:22px; max-height:66px; font-weight:200; color:#999; margin-bottom:30px}
.president_20th_main_day{position:absolute; left:0; bottom:10px; font-size:12px; line-height:18px; letter-spacing:0; color:#bbb; font-weight:400}
.president_20th_main_r li{border-bottom:1px solid #ddd}
.president_20th_main_r li a{display:block; font-size:0; padding:10px 0}
.president_20th_main_r_img{width:100px; height:67px; position:relative; margin-right:15px; overflow:hidden}
.president_20th_main_r_img, .president_20th_main_r_t_bg{display:inline-block; vertical-align:middle}
.president_20th_main_r_t_bg{width:calc(100% - 115px)}
.president_20th_main_r_t1{font-size:14px; line-height:20px; max-height:40px; font-weight:300; margin:0 10px 5px 0}
.president_20th_main_r .president_20th_main_day{position:relative; bottom:inherit; left:inherit}
.president_20th_main_l:hover .president_20th_main_l_img img,
.president_20th_main_r li a:hover .president_20th_main_r_img img{transform:scale(1.05)}
/* president_20th_candi */
.president_20th_candi{background:#f3f3f3; text-align:center; padding-bottom:40px; margin-bottom:30px}
.president_20th_candi_title{font-size:28px; line-height:40px; font-weight:400; padding:30px 0; letter-spacing:-1px}
.president_20th_candi_li_bg{font-size:0}
.president_20th_candi_li{text-align:center}
.president_20th_candi_li, .president_20th_candi_li li{display:inline-block; vertical-align:top}
.president_20th_candi_li li{margin:0 40px}
.president_20th_candi_li li a{display:block}
.president_20th_candi_li_img{width:170px; height:170px; position:relative; border-radius:50%; overflow:hidden}
.president_20th_candi_li_img img{width:100%; height:100%; transition:.2s}
.president_20th_candi_li_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08); border-radius:50%}
.president_20th_candi_li_t1{font-size:14px; line-height:16px; font-weight:300; margin:20px 0 0; color:#777}
.president_20th_candi_li_t1.resignation{background:rgba(0,0,0,.9); display:inline-block; font-size:16px; line-height:30px; color:#ffc600; margin-top:-21px; padding:0 14px 2px; letter-spacing:0; position:relative; border-radius:4px; margin-bottom:25px; font-weight:400}
.president_20th_candi_li_t2{font-size:19px; line-height:26px; font-weight:500; letter-spacing:-0.5px; margin-bottom:5px}
.president_20th_candi_li_t3{font-size:13px; line-height:16px; font-weight:300; color:#666}
.president_20th_candi_li_t3 span{color:#2734a4; font-weight:400}
.president_20th_candi_li li a:hover .president_20th_candi_li_img img{transform:scale(1.05)}
/* president_20th_poll */
.president_20th_poll_title{font-size:28px; line-height:40px; font-weight:600; letter-spacing:-0.7px; margin-bottom:20px}
.president_20th_poll_main{font-size:0; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:30px}
.president_20th_poll_main_img, .president_20th_poll_li_bg{display:inline-block; vertical-align:top}
.president_20th_poll_main_img{width:422px; height:283px; position:relative; overflow:hidden; margin-right:30px}
.president_20th_poll_main_img img{width:100%; height:100%; transition:.2s}
.president_20th_poll_main_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08)}
.president_20th_poll_li_bg{width:calc(100% - 452px)}
.president_20th_poll_li{padding-bottom:5px}
.president_20th_poll_li li{margin-bottom:26px}
.president_20th_poll_li li a{display:block; font-size:15px; font-weight:300; line-height:21px; color:#555}
.president_20th_poll_li_icon{margin-bottom:5px}
.president_20th_poll_li_icon span{display:inline-block; background:#cdcdcd; font-size:10px; font-weight:300; line-height:20px; padding:0 12px; border-radius:10px; color:#fff; letter-spacing:0.2px}
.president_20th_poll_li li:first-child{}
.president_20th_poll_li li:first-child a{font-weight:400; letter-spacing:-0.3px; color:#222}
.president_20th_poll_li li:first-child span{background:#2734a4}
.president_20th_poll_li_btn{font-size:11px; line-height:24px; font-weight:300; color:#555; border:2px solid #ccc; padding:0 15px; border-radius:15px; display:inline-block}
.president_20th_poll_li_video{font-size:0; padding-bottom:30px; border-bottom:1px solid #ddd; margin-bottom:30px}
.president_20th_poll_li_video li{width:calc(50% - 15px); display:inline-block; vertical-align:top; margin-right:30px}
.president_20th_poll_li_video li + li{margin-right:0}
.president_20th_poll_li_video li a{display:block}
.president_20th_poll_li_video_img{position:relative; overflow:hidden; padding-bottom:62%; margin-bottom:15px}
.president_20th_poll_li_video_img img{position:absolute; top:0; left:0; width:100%; height:100%; transition:.2s}
.president_20th_poll_li_video_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08)}
.president_20th_poll_li_video_t{font-size:20px; line-height:24px; font-weight:600; letter-spacing:-0.5px}
.president_20th_poll .main_l_t2 span:before{display:none}
.president_20th_poll .main_l a:after{background:#ddd}
.president_20th_poll_btn_bg{text-align:center; font-size:16px; line-height:23px; font-weight:400}
.president_20th_poll_btn{display:inline-block; vertical-align:top; font-size:15px; line-height:40px; border-radius:22px; border:2px solid #ccc; width:200px; color:#555; font-weight:300}
.president_20th_poll_main_img:hover img, .president_20th_poll_li_video li a:hover .president_20th_poll_li_video_img img{transform:scale(1.05)}
.president_20th_poll_li_video li:hover .president_20th_poll_li_video_img .video_li_img_icon_dot{stroke-width:4px; opacity:0.5}
.president_20th_poll_li_video li:hover .president_20th_poll_li_video_img .video_li_img_icon_solid{opacity:0; stroke-dashoffset:300}
.president_20th_poll_li_video li:hover .president_20th_poll_li_video_img .video_li_img_icon_arrow{transform:scale(1.2,1.2)}
/* president_20th_poll_most_li */
.president_20th_poll_most_li{}
.president_20th_poll_most_li li{border-bottom:1px solid #ddd}
.president_20th_poll_most_li li a{display:block; font-size:0; padding:10px 0}
.president_20th_poll_most_li li a > div{display:inline-block; vertical-align:middle}
.president_20th_poll_most_li_t{width:calc(100% - 110px); font-size:12px; line-height:18px; max-height:54px; font-weight:300; margin-right:10px}
.president_20th_poll_most_li_t > div{max-height:54px}
.president_20th_poll_most_li_img{width:100px; height:62px; position:relative; overflow:hidden}
.president_20th_poll_most_li_img img{width:100%; height:100%; transition:.2s}
.president_20th_poll_most_li_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08)}
.president_20th_poll_most_li .popular_li_l_tag{top:0}
.president_20th_poll_most_li li a:hover .president_20th_poll_most_li_img img{transform:scale(1.05);}
@media all and (max-width:1200px) {
.president_20th_top_dday_bg{right:18%}
}
@media all and (max-width:1040px) {
.president_20th_top_dday_bg{right:14%}
.president_20th_main_l{width:calc(68% - 33px)}
.president_20th_main_r{width:32%}
.president_20th_main_l_img{width:300px; height:201px}
.president_20th_main_l_t_bg{width:calc(100% - 330px)}
.president_20th_candi_li li{margin:0 20px}
.president_20th .main_sec{width:calc(68% - 33px)}
.president_20th .main_r{width:32%}
.president_20th_poll_main_img{width:300px; height:201px}
.president_20th_poll_li_bg{width:calc(100% - 330px)}
}
/* president_20th_cate */
.president_20th_cate{font-size:0; margin-bottom:30px}
.president_20th_cate li{display:inline-block; vertical-align:middle; margin-right:10px}
.president_20th_cate li a{font-size:15px; line-height:36px; padding:0 15px; border-radius:20px; border:1px solid #ccc; display:block; transition:.2s}
.president_20th_cate li:hover a, .president_20th_cate li.on a{color:#fff; border-color:transparent; background:#2734a4}
.president_20th_cate li:hover #presidentlee, .president_20th_cate li.on #presidentlee{border-left-color:#8ac452;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ac452+0,0092bf+31,014ea2+100 */
  background: rgb(138,196,82); /* Old browsers */
  background: -moz-linear-gradient(left,  rgba(138,196,82,1) 0%, rgba(0,146,191,1) 31%, rgba(1,78,162,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(138,196,82,1) 0%,rgba(0,146,191,1) 31%,rgba(1,78,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(138,196,82,1) 0%,rgba(0,146,191,1) 31%,rgba(1,78,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac452', endColorstr='#014ea2',GradientType=1 ); /* IE6-9 */
}
.president_20th_cate li:hover #presidentyoon, .president_20th_cate li.on #presidentyoon{background:#e61e2b}
.president_20th_cate li:hover #presidentahn, .president_20th_cate li.on #presidentahn{background:#ea5504}
.president_20th_cate li:hover #presidentsim, .president_20th_cate li.on #presidentsim{background:#ffed00; color:#000}
.president_20th .main_sec_li .main_l_t2 span:before{display:none}
/* .president_20th_top_dday_bg.turnout */
.president_20th_top_dday_bg.turnout{top:21px}
.president_20th_top_dday_bg.turnout .president_20th_top_dday{font-size:31px; font-weight:500}
.president_20th_top_dday_bg.turnout .president_20th_top_dday span{}
/* president_20th_election */
.president_20th_election{position:relative; margin-bottom:30px; font-size:0; background:#f3f3f3; text-align:center; padding-bottom:37px}
.president_20th_election .president_20th_candi_title{letter-spacing:0}
.president_20th_election_l, .president_20th_election_r, .president_20th_election_l_img, .president_20th_election_l_t_bg{display:inline-block; vertical-align:top}
.president_20th_election_l, .president_20th_election_r{text-align:left; margin:0 12px; background:#fff; border-radius:10px; box-shadow:0 0 2px rgba(0,0,0,0.18)}
.president_20th_election_l{width:calc(56% - 74px); padding:25px}
.president_20th_election_r{width:calc(40% - 70px); padding:14px 23px}
.president_20th_election_l_img{position:relative; overflow:hidden; width:246px; height:246px; margin-right:27px}
.president_20th_election_l_img img{width:100%; height:100%}
.president_20th_election_l_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08)}
.president_20th_election_l_img_tag{position:absolute; width:68px; height:87px; top:0; left:10px; background:url(https://res.heraldm.com/koreaherald/version02/www/images/president/president_20th_election_l_img_tag.png) center no-repeat; background-size:cover}
.president_20th_election_l_t_bg{width:calc(100% - 273px)}
.president_20th_election_l_t1{font-size:22px; line-height:34px; font-weight:400; letter-spacing:-0.4px}
.president_20th_election_l_t1 b{font-size:30px; font-weight:500; margin-left:8px}
.president_20th_election_l_t2{font-size:34px; line-height:56px; font-weight:500; letter-spacing:-0.5px; margin:11px 0 0}
.president_20th_election_l_t2 span{font-size:18px; display:inline-block; vertical-align:middle; width:56px; line-height:28px; border-radius:16px; border:2px solid #000; text-align:center; margin-left:10px; margin-top:-7px}
.president_20th_election_l_t3{font-size:18px; line-height:20px; font-weight:300; letter-spacing:0; color:#999}
.president_20th_election_l_t4{font-size:18px; line-height:40px; font-weight:500; letter-spacing:0; margin:9px 0 45px}
.president_20th_election_l_t4 b{font-size:30px; line-height:40px; font-weight:500; letter-spacing:-0.2px}
.president_20th_election_l_t5{font-size:18px; line-height:24px; font-weight:300; letter-spacing:-0.4px; color:#555}
.president_20th_election_l_t5 span{margin-left:5px; letter-spacing:-0.4px}
.president_20th_election_l.party1 .president_20th_election_l_img{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ac452+0,0092bf+31,014ea2+100 */
background: rgb(138,196,82); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(138,196,82,1) 0%, rgba(0,146,191,1) 31%, rgba(1,78,162,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(138,196,82,1) 0%,rgba(0,146,191,1) 31%,rgba(1,78,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(138,196,82,1) 0%,rgba(0,146,191,1) 31%,rgba(1,78,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac452', endColorstr='#014ea2',GradientType=1 ); /* IE6-9 */
}/*이재명*/
.president_20th_election_l.party1 .president_20th_election_l_t2 span, .president_20th_election_l.party1 .president_20th_election_l_t4{color:#004ea1}
.president_20th_election_l.party1 .president_20th_election_l_t2 span{border-color:#004ea1}
.president_20th_election_l.party2 .president_20th_election_l_img{background:#e61e2b}/*윤석렬*/
.president_20th_election_l.party2 .president_20th_election_l_t2 span, .president_20th_election_l.party2 .president_20th_election_l_t4{color:#e61e2b}
.president_20th_election_l.party2 .president_20th_election_l_t2 span{border-color:#e61e2b}
.president_20th_election_l.party3 .president_20th_election_l_img{background:#ea5504}/*안철수*/
.president_20th_election_l.party3 .president_20th_election_l_t2 span, .president_20th_election_l.party3 .president_20th_election_l_t4{color:#ea5504}
.president_20th_election_l.party3 .president_20th_election_l_t2 span{border-color:#ea5504}
.president_20th_election_l.party4 .president_20th_election_l_img{background:#f5e306}/*심상정*/
.president_20th_election_l.party4 .president_20th_election_l_t2 span, .president_20th_election_l.party4 .president_20th_election_l_t4{color:#ebcd00}
.president_20th_election_l.party4 .president_20th_election_l_t2 span{border-color:#f5e306}
.president_20th_election_r_li li{padding:11px 0 12px; border-bottom:1px solid #e5e5e5}
.president_20th_election_r_li li:last-child{border:none}
.president_20th_election_r_li_img, .president_20th_election_r_li_t_bg{display:inline-block; vertical-align:middle}
.president_20th_election_r_li_img{position:relative; overflow:hidden; width:66px; height:66px; margin-right:20px}
.president_20th_election_r_li_img img{width:100%; height:100%}
.president_20th_election_r_li_img:after{content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08)}
.president_20th_election_r_li_t_bg{width:calc(100% - 86px)}
.president_20th_election_r_li_t1{font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.2px}
.president_20th_election_r_li_t1 span{font-size:12px; line-height:16px; font-weight:300; display:inline-block; vertical-align:middle; color:#999; margin-left:5px; margin-top:-3px}
.president_20th_election_r_li_t2{font-size:18px; line-height:23px; font-weight:500; letter-spacing:-0.2px; margin-left:16px}
.president_20th_election_r_li_t2 span{font-size:14px}
.president_20th_election_r_li_t3{font-size:13px; line-height:16px; font-weight:300; color:#555; margin-left:16px;}
.president_20th_election_r_li_t3 span{margin-left:5px}
.president_20th_election_r_li li.party1 .president_20th_election_r_li_img{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ac452+0,0092bf+31,014ea2+100 */
background: rgb(138,196,82); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(138,196,82,1) 0%, rgba(0,146,191,1) 31%, rgba(1,78,162,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(138,196,82,1) 0%,rgba(0,146,191,1) 31%,rgba(1,78,162,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(138,196,82,1) 0%,rgba(0,146,191,1) 31%,rgba(1,78,162,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ac452', endColorstr='#014ea2',GradientType=1 ); /* IE6-9 */
}
.president_20th_election_r_li li.party1 .president_20th_election_r_li_t2{color:#004ea1}
.president_20th_election_r_li li.party2 .president_20th_election_r_li_img{background:#e61e2b}
.president_20th_election_r_li li.party2 .president_20th_election_r_li_t2{color:#e61e2b}
.president_20th_election_r_li li.party3 .president_20th_election_r_li_img{background:#ea5504}
.president_20th_election_r_li li.party3 .president_20th_election_r_li_t2{color:#ea5504}
.president_20th_election_r_li li.party4 .president_20th_election_r_li_img{background:#f5e306}
.president_20th_election_r_li li.party4 .president_20th_election_r_li_t2{color:#ebcd00}
/* president_20th_rolling */
.president_20th_rolling{position:absolute; overflow:hidden; top:97px; right:15px; width:340px;/*470*/ background:#eee; z-index:1; line-height:26px; height:26px; font-size:0; border-radius:4px}
.president_20th_rolling_svg, .president_20th_rolling_t, .president_20th_rolling_btn{display:inline-block; vertical-align:top}
.president_20th_rolling_svg{width:16px; height:16px; fill:#2734a4; margin:5px 0 0 10px}
.president_20th_rolling_t{width:calc(100% - 82px); font-size:12px; font-weight:300; line-height:26px; padding:0 10px; letter-spacing:-0.2px}
.president_20th_rolling_t_con{display:flex; height:100%; justify-content:center; align-items:center}
.president_20th_rollingbanner{position:relative; width:100%; height:26px}
.president_20th_rollingbanner > .wrap{position:relative; width:auto; height:100%; overflow:hidden}
.president_20th_rollingbanner li{position:absolute; top:-26px; left:0; right:0}
.president_20th_rollingbanner li.prev{top:-26px; transition:top 0.5s ease}
.president_20th_rollingbanner li.current{top:0; transition: top 0.5s ease}
.president_20th_rollingbanner li.next{top:26px}
.president_20th_rollingbanner a{display:block}
.president_20th_rolling_btn{position:relative; width:16px; height:16px; border:1px solid #ccc; border-radius:2px; background:#fff; margin:4px 0 0 4px; font-size:8px; text-align:center; line-height:16px; font-weight:200}
.header_bg.change .president_20th_rolling{display:none}

/* main_swiper2 */
.main_swiper2 *, .main_swiper2 *:before, .main_swiper2 *:after{box-sizing:border-box; margin:0; padding:0}
.main_swiper2 [class^="swiper-button-"],
.main_swiper2 > .swiper-pagination-bullets .swiper-pagination-bullet,
.main_swiper2 > .swiper-pagination-bullets .swiper-pagination-bullet:before{transition: all 0.3s ease}
.main_swiper2{width:100%; height:auto; transition:opacity 0.6s ease; position:relative; overflow:hidden; padding:0 !important}
.main_swiper2:hover .swiper-button-prev, .main_swiper2:hover .swiper-button-next{transform:translateX(0); opacity:1; visibility:visible}
.main_swiper2 .swiper-slide{background-position:center; background-size:contain; background-repeat:no-repeat; width:80% !important; padding-bottom:80%; display:block}
.main_swiper2 .swiper-slide .entity-img{display:none}
.main_swiper2 [class^="swiper-button-"]{width:44px; opacity:0; visibility:hidden}
.main_swiper2 .swiper-wrapper{z-index:0; margin-bottom:60px}
.main_swiper2 .swiper-button-prev, .main_swiper2 .swiper-button-next{margin-top:-52px}
.main_swiper2 .swiper-button-prev{transform:translateX(50px); z-index:1}
.main_swiper2 .swiper-button-next{transform:translateX(-50px); z-index:1}
.main_swiper2 .swiper-button-next:after, .main_swiper2 .swiper-button-prev:after{font-size:23px}
.main_swiper2 .swiper-pagination{bottom:15px !important}
.main_swiper2 > .swiper-pagination-bullets .swiper-pagination-bullet{position:relative; width:10px; height:10px; margin:0 3px; background:#000}

/* kh mypage */
.header_family_r .header_family_myinfo_btn{position:relative;float:right;width:45px;height:45px;background:transparent}
.header_family_r .header_family_myinfo_btn svg{width:20px;height:20px;position:absolute;top:50%;left:50%;margin:-10px 0 0 -10px;fill:#fff}
.my_kh{max-width:900px}
.kh_my_info{display:none;box-sizing:border-box;position:absolute;top:45px;right:0;width:242px;padding:0 8px;z-index:10;border:1px solid #ccc;border-radius:3px;background:#f8f8f8}
.kh_my_info.my_info_active{display:block}
.kh_my_info::before{position:absolute;top:-5px;right:17px;transform:rotate(45deg);width:10px;height:10px;background:#f8f8f8;content:''}
.kh_my_info .my_info_header{position:relative;height:40px;border-bottom:1px solid #ccc}
.kh_my_info .my_info_header ul li{position:relative;display:inline-block;margin:0}
.kh_my_info .my_info_header ul li::before{position:absolute;top:15px;left:0;width:1px;height:12px;background:#ccc;content:''}
.kh_my_info .my_info_header ul li:first-child::before{display:none}
.kh_my_info .my_info_header ul li a{color:#000;line-height:40px;background:none}
.kh_my_info .my_info_header ul li a:hover{color:#008dd2}
.kh_my_info .my_info_header .nickname{overflow:hidden;width:165px;padding:0 15px;color:#008dd2;font-size:14px;font-weight:400;line-height:40px;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.kh_my_info .my_info_header .header_family_l_menu{position:absolute;top:0;right:-7px;width:40px;height:40px;border:none;background:#f8f8f8}
.kh_my_info .my_info_header .header_family_l_menu span{width:15px;height:1px;margin:5px auto}
.kh_my_info .my_info_header .header_family_l_menu .header_family_l_menu_bar3{margin-top:-12px}

.kh_my_info .my_info_section{padding:18px 0;border-bottom:1px solid #ccc}
.kh_my_info .my_info_section .section_title{color:#000;font-size:14px;font-weight:500;}
.kh_my_info .my_info_section .section_list{margin-top:15px}
.kh_my_info .my_info_section .section_list li{position:relative;display:block;float:none;margin:5px 0 0;text-align:left}
.kh_my_info .my_info_section .section_list li:first-child{margin-top:0}
.kh_my_info .my_info_section .section_list li a{background:none}
.kh_my_info .my_info_section .section_list li:hover a{color:#008dd2}
.kh_my_info .my_info_section .section_list li .number{position:absolute;top:0;right:15px;z-index:-1;width:50px;color:#fff;font-size:12px;font-weight:200;line-height:20px;text-align:center;border-radius:30px;background:#a9a9b1}
.kh_my_info .my_info_section .section_list li:hover .number{transition:.3s;background:#008dd2}

.kh_my_info .my_info_btn{padding:15px}
.kh_my_info .my_info_btn .btn_account_info{color:#008dd2;font-size:13px;line-height:28px;border:2px solid #008dd2;border-radius:30px;background:#fff}
.kh_my_info .my_info_btn .btn_logout{display:block;width:100%;color:#888;font-size:13px;line-height:28px;border:2px solid #888;border-radius:30px;background:#fff}
.my_info_btn .btn_account_info + .btn_logout{margin-top:8px}

@media (max-width: 1280px) {
  .kh_my_info .my_info_section .section_list li .number{font-size:11px}
  .kh_my_info .my_info_btn .btn_account_info,.kh_my_info .my_info_btn .btn_logout{font-size:12px} 
}

@media all and (max-width:920px) {
  .kh_my_info .my_info_section .section_list li .number{font-size:10px}
  .kh_my_info .my_info_btn .btn_account_info,.kh_my_info .my_info_btn .btn_logout{font-size:11px} 
}

.my_kh .my_kh_header{position:relative;padding:25px 0;font-size:0;border-bottom:1px solid #000}
.my_kh .my_kh_header .nickname{display:inline-block;margin-right:20px;font-size:18px}
.my_kh .my_kh_header .btn_account_info{display:inline-block;width:130px;color:#333;font-size:14px;text-align:center;line-height:28px;border:2px solid #888;border-radius:30px}
.my_kh .my_kh_header .btn_account_info:hover{transition:.3s;color:#008dd2;border-color:#008dd2}
.my_kh .my_kh_content{display:table;width:100%;margin-bottom:80px;padding:40px 0;font-size:0;border-bottom:1px solid #ccc}
.my_kh .my_kh_content .kh_content_section{position:relative;display:table-cell;width:50%}
.my_kh .my_kh_content .kh_content_section:first-child::before{position:absolute;top:-12px;right:0;width:1px;height:170px;background:#ccc;content:''}
.my_kh .my_kh_content .kh_content_section .kh_content_title{color:#008dd2;font-size:16px;text-align:center}
.my_kh .my_kh_content .kh_content_section .kh_content_list{margin-top:40px}
.my_kh .my_kh_content .kh_content_section .kh_content_list li{position:relative;padding:0 50px;margin-top:15px}
.my_kh .my_kh_content .kh_content_section .kh_content_list li:hover::before{position:absolute;bottom:-4px;left:50px;right:105px;height:1px;background:#008dd2;content:''}
.my_kh .my_kh_content .kh_content_section .kh_content_list li:first-child{margin-top:0}
.my_kh .my_kh_content .kh_content_section .kh_content_list li a{display:block;font-size:14px;line-height:20px}
.my_kh .my_kh_content .kh_content_section .kh_content_list li:hover a{color:#008dd2;transition:.3s}
.my_kh .my_kh_content .kh_content_section .kh_content_list .number{position:absolute;top:0;right:50px;width:50px;color:#fff;font-size:12px;font-weight:200;z-index:-1;line-height:20px;text-align:center;border-radius:30px;background:#a9a9b1}
.my_kh .my_kh_content .kh_content_section .kh_content_list li:hover .number{transition:.3s;background:#008dd2}
.my_kh .my_kh_content .kh_content_section .kh_content_list li.list_on::before{position:absolute;bottom:-4px;left:50px;right:105px;height:1px;background:#008dd2;content:''}
.my_kh .my_kh_content .kh_content_section .kh_content_list li.list_on a{color:#008dd2;transition:.3s}
.my_kh .my_kh_content .kh_content_section .kh_content_list li.list_on .number{transition:.3s;background:#008dd2}

.my_kh .sub_title_section .sub_title{padding-bottom:20px;font-size:18px;text-align:center;border-bottom:1px solid #ccc}
.my_kh .sub_title_section .btn_subscribe{display:block;max-width:180px;margin:20px auto 0;color:#fced86;line-height:35px;text-align:center;border-radius:30px;background:#113a89}
.my_kh .category_section{margin-top:35px}
.my_kh .category_section .btn_category{position:relative;display:block;width:100%;padding:0 24px 8px 10px;color:#ccc;font-size:18px;font-weight:500;text-align:left;border-bottom:1px solid #ccc;background:none}
.my_kh .category_section .pop_category{display:none;padding:5px 0 15px;border-bottom:1px solid #ccc}
.my_kh .category_section .pop_category .category_list{font-size:0}
.my_kh .category_section .pop_category .category_list li{display:inline-block;margin:10px 10px 0 0}
.my_kh .category_section .pop_category .category_list li button{box-sizing:border-box;display:inline-block;padding:0 10px;font-size:14px;font-weight:300;line-height:30px;border:1px solid #a9a9ab;background:none}
.my_kh .category_section .pop_category .category_list .list_add a{box-sizing:border-box;display:inline-block;width:32px;padding:0 10px;font-size:14px;font-weight:300;line-height:30px;border:1px solid #a9a9ab;text-align:center}
.my_kh .category_section .pop_category .category_list .list_on button{color:#fff;border-color:#008dd2;background:#008dd2}
.my_kh .ico_arrow{position:absolute;top:50%;right:10px;margin-top:-4px}
.my_kh .ico_arrow::before,.ico_arrow::after{position:relative;display:block;width:15px;height:2px;background:#000;transition:0.3s ease-in-out;content:''}
.my_kh .ico_arrow::before{transform:rotate(45deg)}
.my_kh .ico_arrow::after {top:-2px;left:10px;transform:rotate(-45deg)}	
.my_kh .btn_category.active .ico_arrow::before{transform:rotate(-45deg)}
.my_kh .btn_category.active .ico_arrow::after{transform:rotate(45deg)}
.my_kh .recommend_section{position:relative;margin-top:35px}
.my_kh .recommend_section .recommend_title{padding:0 24px 12px 10px;color:#ccc;font-size:18px;font-weight:500;line-height:27px;text-align:left;border-bottom:1px solid #ccc;}
.my_kh .recommend_section .btn_add{box-sizing:border-box;position:absolute;top:0;right:0;width:32px;padding:0 10px;color:#a9a9ab;font-size:14px;font-weight:300;line-height:30px;border:1px solid #a9a9ab;text-align:center}
.my_kh .kh_content_section{padding:20px 0 10px}
.my_kh .kh_content_section .main_li2 li{padding-bottom:20px; margin-bottom:20px}
.my_kh .kh_content_section .main_news_type2 .main_news_type_tit_small{line-height:20px;min-height:60px}
.my_kh .kh_content_section .main_news_type2 .main_news_type_cate{color:#9d9d9d;font-size:11px;margin-bottom:0}

.my_kh .newsletter_section{box-sizing:border-box;margin-top:20px;padding-bottom:50px}
.my_kh .delivery_section{box-sizing:border-box;margin-top:20px;padding-bottom:50px}
.my_kh .mypage_card_box + .mypage_card_box{margin-top:15px}
.my_kh .mypage_card_box{border:1px solid #ccc}
.my_kh .mypage_card_box .card_title{position:relative;padding:20px 15px 15px}
.my_kh .mypage_card_box .card_title .card_name{line-height:20px}
.my_kh .mypage_card_box .card_info{margin:10px 0 20px;padding:0 15px}
.my_kh .mypage_card_box .card_info p{color:#555;font-size:14px;line-height:20px}
.my_kh .card_title .info_chk_item,.my_kh .newsletter_section .card_title .info_chk_item label{display:inline-block;vertical-align:middle}
.my_kh .card_title .info_chk_item{position:absolute;top:20px;right:15px}
.my_kh .card_title .info_chk_item span{font-size:14px;line-height:24px;margin-right:15px}
.my_kh .card_title .info_chk_item input[type="checkbox"]{position:absolute;left:-1000%;font-size:0}
.my_kh .card_title .info_chk_item label{position:relative;width:40px;height:20px;background:#ccc;border-radius:25px;transition:.2s;cursor:pointer}
.my_kh .card_title .info_chk_item label:after{position:absolute;left:2px;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:1px 1px 4px rgba(0,0,0,0.1);transition:.2s;content:'';}
.my_kh .newsletter_section .card_title .info_chk_item input[type="checkbox"]:checked + label{background:#008dd2}
.my_kh .newsletter_section .card_title .info_chk_item input[type="checkbox"]:checked + label:after{left:calc(100% - 20px)}
.my_kh .card_footer{padding:5px}
.my_kh .card_footer .newsletter_date_info{padding:0 15px;font-size:13px;line-height:32px;background:#ddd}
.my_kh .card_footer .delivery_info{padding:15px 20px;background:#ddd}
.my_kh .card_footer .delivery_info p{font-size:13px;line-height:22px}
.my_kh .card_footer .delivery_info p+p{margin-top:15px}
.my_kh .mypage_table_box{width:100%}
.my_kh .mypage_table_box .table_title{position:relative;padding:20px 15px 15px}
.my_kh .mypage_table_box .table_title .table_name{line-height:20px}

.my_kh .reading_control_section{padding:15px 0}
.my_kh .reading_control_list{box-sizing:border-box;display:table;width:100%}
.my_kh .reading_control_item{display:table-cell;font-size:14px;vertical-align:middle;letter-spacing:-.7px}
.my_kh .reading_control_item + .reading_control_item{text-align:right}
.my_kh .reading_control_item .reading_info{display:inline-block;padding-right:20px;font-size:15px;line-height:18px;vertical-align:middle}
.my_kh .reading_control_item .btn_area{font-size:0}
.my_kh .reading_control_item .btn_area button{box-sizing:border-box;display:inline-block;padding:0 5px;font-size:13px;font-weight:300;line-height:28px;border:1px solid;vertical-align:middle;background:none}
.my_kh .reading_control_item .btn_area button + button{margin-left:10px}
.my_kh .reading_control_item .btn_area .btn_edit{color:#008dd2;border-color:#008dd2}
.my_kh .reading_control_item .btn_area .btn_cancel{border-color:#a7a8aa}
.my_kh .reading_control_item .btn_area .btn_del{color:#fff;border-color:#008dd2;background:#008dd2}

.my_kh .reading_history_box+.reading_history_box{margin-top:20px}
.my_kh .reading_history_box .reading_history_date{padding:0 15px;background:#eae6e7}
.my_kh .reading_history_box .reading_history_date p{font-size:13px;line-height:40px}
.my_kh .reading_history_box .reading_history_date p i{display:inline-block;margin-left:6px;padding:0 10px;font-size:11px;line-height:20px;border-radius:30px;background:#fdfdfd}
.my_kh .reading_history_box .reading_history_nodata{margin-bottom:60px;padding:0 20px;border-bottom:1px solid #ccc}
.my_kh .reading_history_box .reading_history_nodata p{color:#999;font-size:18px;font-weight:300;line-height:90px}
.my_kh .reading_history_box .reading_history_nodata + .view_bg{width:100%;margin:0}
.my_kh .reading_history_box .reading_history_nodata + .view_bg .main_r_tit{font-size:25px}
.my_kh .reading_list_wrap .ip_check{display:inline-block}
.my_kh .reading_list_wrap .ip_check input{width:14px;height:14px;margin:0 8px 0 2px;vertical-align:top;-webkit-appearance:auto}
.my_kh .reading_list_wrap .ip_check label{vertical-align:top;line-height:14px}

.reading_list_wrap .reading_content_section .reading_content_list li{margin-bottom:0}
.reading_list_wrap .reading_content_section .reading_content_list li+li{margin-top:15px}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list{padding-left:30px}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list li{position:relative}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list li+li{margin-top:25px}
.reading_list_wrap .reading_content_section .reading_content_list li .ip_check{display:none}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list li .ip_check{display:block}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list li .ip_check input{position:absolute;top:50%;left:-22px;margin:-12px 0 0}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list li .ip_check label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.reading_list_wrap .reading_content_section.edit_mode .reading_content_list li::before{position:absolute;top:-10px;left:-38px;right:-10px;bottom:-10px;background:#eee;opacity:.8;content:''}
.reading_list_wrap .main_news_type2 .main_news_type_tit_small{line-height:20px;min-height:60px}
.reading_list_wrap .main_news_type2 .main_news_type_cate{color:#9d9d9d;font-size:11px}
.reading_list_wrap .main_news_type2 .main_news_type_cate span{color:#008dd2;margin:0 10px 0 0}

.my_kh .main_sec{float:none;margin:0 auto;width:100%;padding-bottom:10px}
.my_kh .main_sec .main_sec_li{padding-top:30px}
.my_kh .main_sec .reading_content_list.main_sec_li{padding-top:15px}

.my_kh .subs_detail_tb_bg{min-height:74px}
.my_kh .subs_detail_tb{width:100%}
.my_kh .subs_detail_tb li, .subs_detail_tb li a{display:table;width:100%}
.my_kh .subs_detail_tb li{position:relative}
.my_kh .subs_detail_tb_th,.my_kh .subs_detail_tb_td{display:table-cell;font-size:13px;line-height:22px;text-align:center;border-bottom:1px solid #ddd;vertical-align:middle}
.my_kh .subs_detail_tb_th{border:1px solid #ddd;border-width:1px 0 1px 1px;background:#f9f9f9;font-weight:400;color:#000;padding:15px 0}
.my_kh .subs_detail_tb_th:first-child{border-left:0}
.my_kh .subs_detail_tb_td{border-left:1px solid #ddd;font-weight:300;color:#555;padding:10px 0}
.my_kh .subs_detail_tb_td em{color:#23a5db;font-style:normal}
.my_kh .subs_detail_tb_th_1, .my_kh .subs_detail_tb_td_1{width:16%;border-left:0}
.my_kh .subs_detail_tb_th_2, .my_kh .subs_detail_tb_td_2{width:42%}
.my_kh .subs_detail_tb_th_3, .my_kh .subs_detail_tb_td_3{width:42%}
.my_kh .subs_detail_tb_th_4, .my_kh .subs_detail_tb_td_4{width:32%}
.my_kh .subs_detail_tb_td_5{padding:5px 15px;background:#f6f6f6;border-bottom:1px solid #ddd}
.my_kh .subs_detail_tb_more{width:100%}
.my_kh .subs_detail_tb_more th, .my_kh .subs_detail_tb_more td{font-size:13px;line-height:18px;font-weight:300;color:#555;padding:8px;border-bottom:1px solid rgba(0,0,0,.05); vertical-align:middle}
.my_kh .subs_detail_tb_more th{font-weight:300;width:36%;color:#222}
.my_kh .subs_detail_tb_more td{word-break:keep-all}
.my_kh .subs_detail_tb_more tr:last-child th, .subs_detail_tb_more tr:last-child td{border:none}
.my_kh .mypage_table_box + .mypage_card_box{margin-top:30px}
.my_kh .table_info .arrow{display:inline-block;margin-left:8px}
.my_kh .table_info .arrow::before,.arrow::after{position:relative;display:block;width:8px;height:2px;background:#bbb;transition:0.3s ease-in-out;content:''}
.my_kh .table_info .arrow::before{top:-1px;transform:rotate(45deg)}
.my_kh .table_info .arrow::after {top:-3px;left:5px;transform:rotate(-45deg)}	
.my_kh .btn_category.active .arrow::before{transform:rotate(-45deg)}
.my_kh .btn_category.active .arrow::after{transform:rotate(45deg)}
.my_kh .table_info .btn_detail_tb{transition:.2s;cursor:pointer}
.my_kh .table_info .btn_detail_tb:hover{background:rgba(0,0,0,.05)}
.my_kh .table_info .item_detail_tb{display:none}
.my_kh .table_info .btn_detail_tb.active .subs_detail_tb_td{font-weight:bold}
.my_kh .table_info .btn_detail_tb.active .subs_detail_tb_td .arrow::before{transform:rotate(-45deg)}
.my_kh .table_info .btn_detail_tb.active .subs_detail_tb_td .arrow::after{transform:rotate(45deg)}

/* error page */
.error_page{margin-bottom:-100px;padding-top:55px;text-align:center}
.error_page .errer_area{width:1195px;margin:0 auto}
.error_page .ico_error{display:inline-block;width:63px;height:63px}
.error_page .ico_error svg{fill:#23a5db}
.error_page .title_box{position:relative;margin:50px 0 60px;padding-bottom:60px}
.error_page .title_box::before{position:absolute;left:50%;bottom:0;width:200px;height:1px;margin-left:-100px;background:#ccc;content:''}
.error_page .title_box .error_title{font-family:'Montserrat';color:#000;font-size:38px;font-weight:200}
.error_page .title_box .error_title_info{margin-top:28px;font-family:'Montserrat';color:#555;font-size:18px;letter-spacing:.5px}
.error_page .info_box{font-weight:300}
.error_page .info_box .info_title{color:#000;font-size:20px}
.error_page .info_box .info_text{margin-top:30px;color:#555;font-size:18px;line-height:28px}
.error_page .info_box .info_text + .info_text{margin-top:20px}
.error_page .info_box .info_text a{color:#23a5db;text-decoration:underline}
.error_page .btn_box{margin-top:70px;text-align:center}
.error_page .btn_box .btn_home{display:inline-block;padding:0 25px;font-family:'Montserrat';color:#fff;font-size:16px;line-height:46px;border-radius:5px;background:#23a5db}
.error_page .recommend_area{margin-top:80px;padding:80px 0;background:#fafafa}
.error_page .recommend_area .recommend_list{width:1195px;margin:0 auto;font-size:0}
.error_page .recommend_area .recommend_item{position:relative;display:inline-block;width: calc(25% - 17px);vertical-align:top;border:1px solid #d9d9d9}
.error_page .recommend_area .recommend_item + .recommend_item{margin-left:20px}
.error_page .recommend_area .recommend_item a{display:block}
.error_page .recommend_area .recommend_item .img_thumb{overflow:hidden;display:block}
.error_page .recommend_area .recommend_item .img_thumb img{width:100%;height:100%}
.error_page .recommend_area .recommend_item .recommend_title{box-sizing:border-box;display:block;height:70px;padding:15px 20px}
.error_page .recommend_area .recommend_item .recommend_title em{overflow:hidden;font-style:normal;font-family:'Montserrat';color:#333;font-size:14px;text-align:left;line-height:20px;display:-webkit-box; text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word;-webkit-line-clamp:2}
.error_page .recommend_area .recommend_item a:hover .img_thumb img{transition:.3s;transform:scale(1.1,1.1)}
.error_page .recommend_area .recommend_item a:hover .recommend_title{text-decoration:underline}


/* 한글날 
.header_logo img{transition:.3s; width:433px; height:52px;}
.season_logo_korean_btn{position:absolute; bottom:7px; right:406px; text-align:right; transition:.2s;}
.season_logo_korean_btn span, .season_logo_korean_btn svg{display:inline-block; vertical-align:middle; line-height:20px;}
.season_logo_korean_btn span{font-size:12px; font-weight:400; }
.season_logo_korean_btn svg{margin:1px 0 0 0; width:14px; height:14px; fill:#999; transition:.1s;}
.season_logo_korean_btn:hover svg{margin:1px -1px 0 1px}
*/
/* season_logo_korean_layer 
#season_logo_korean_layer_mask{background:rgba(0,0,0,0); position:fixed; left:0; top:0; width:100%; height:100%; z-index:3}
.season_logo_korean_layer{position:absolute; top:110px; right:0; width:530px; height:530px; z-index:4; display:none; border:1px solid #999; box-shadow:0 2px 8px rgba(0,0,0,0.1); transition:.3s;}
.season_logo_korean_layer_close{display:block; position:absolute; top:0; right:0; width:40px; height:40px; z-index:2; background:rgba(0,0,0,0.4);}
.season_logo_korean_layer_close svg{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:16px; height:16px; fill:#fff}
.season_logo_korean_layer_img{width:100%; height:100%}
.header_bg.change .header_logo img{width:208px; height:25px;}
.header_bg.change .season_logo_korean_btn{bottom:13px; right:170px}
.header_bg.change .season_logo_korean_layer{top:45px}
@media (max-width: 1280px){
.season_logo_korean_btn{bottom:10px; right:350px}
}
*/