@charset "utf-8";
/* CSS Document */


/* ====== 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:1; 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:1}
.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; overflow:hidden}
.header_top{text-align:center}
.header_bnn{position:absolute; overflow:hidden; top:33px; display:block; width:234px; height:60px; transition:.2s}
.header_bnn img{float:left; width:100%; height:100%}
.header_logo{display:inline-block; margin:37px 0; transition:.3s}
.header_logo svg{float:left; width:433px; height:52px; transition:.3s}
#header_logo_h{fill:#1ba2da}
#header_logo_t{fill:#000}
.header_bottom, .header_bottom_section{border-top:1px solid #ccc; border-bottom:1px solid #ccc; height:43px}
.header_bottom_home, .header_bottom_li_l, .header_bottom_li_l li, .header_bottom_li_r li{float:left}
.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_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: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; font-size:16px; line-height:18px}
/* 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{height:0; opacity:0}
.header_bg.change .header_logo{margin:10px 0}
.header_bg.change .header_logo svg{width:208px; height:25px}


/* ====== main ======================================================================================================= */

.main_tmp { height: 243px }

.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}
.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_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:250px; height:250px}
.khadv2{width:250px; height:90px}
.khadv3{width:800px; height:130px}
.khadv4{width:650px; height:90px}
.khadv5{width:250px; height:600px}
.khadv6{width:614px; height:100px}
.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 */
.maker_bg{overflow:hidden; clear:both}
.maker{position:relative; float:left; width:calc(63% - 200px); margin:0 100px}
.maker .main_r_tit{font-size:30px; line-height:30px; margin-bottom:47px}
.popular{position:relative; float:left; width:37%}
.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:10px 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, .investor, .kpop, .video, .photo, .weekender{position:relative; overflow:hidden; clear:both}
.opinion, .investor, .kpop, .video, .photo, .weekender{margin-bottom:50px}
.graphic{padding-bottom:80px}
.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)}


/* ====== 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 20px}
.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 12px 40px}
.footer_r_top_r_link.on{color:rgba(0,147,209,0.8)}
.footer_r_top_r_sns .header_all_sns{ position:relative; padding:22px 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}

/* 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: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_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}
.header_bottom_li_l li a, .header_bottom_li_r li a{padding:0 9px}
.main{margin-top:0px}
.main.change{margin-top:109px}
.main_c{width:calc(75% - 366px)}
.main_r{width:300px}
.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}
.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)}
}
@media all and (max-width:920px) {
.header_bottom_li_l li a, .header_bottom_li_r li a{padding:0 7px}
.header_logo svg{width:300px}
.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_bottom_li_l li a, .header_bottom_li_r li a{padding:0 4px}
.header_logo svg{width:230px}
.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}
}