@charset "utf-8";

@import url("jquery.mCustomScrollbar.min.css");
@import url("swiper.min.css");
@import url("animations.css");
@import url('base.css');

/* --------------------------------------------
 * skipLink
/* ------------------------------------------ */
#skipLink{ width:100%; overflow:hidden; position:relative; z-index:1000;}
#skipLink a{ margin:0px -1px -1px 0px; width:1px; height:1px; text-align:center; line-height:0; overflow:hidden; font-size:0px; display:block;}
#skipLink a:focus{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:hover{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}
#skipLink a:active{ background:rgb(32, 38, 44); margin:0px; padding:8px 0px 8px 15px; width:auto; height:30px; color:rgb(255, 255, 255); line-height:1; font-size:12px; font-weight:700;}

/* --------------------------------------------
 * layout
/* ------------------------------------------ */

/* 20190624 gnb delete S */
/* .mbg{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.7; z-index:3;}
body.ovf_hdn, .ovf_hdn{ overflow:hidden; height:100%;}

#wrap{ position:relative; width:100%; margin:0;}

#header{ position:relative; background-image:url('../images/t_line.gif'); background-repeat:repeat-x; background-position:50% 0; background-color:#002850; padding:3px 0 0 0; z-index:4;}
#header .subBg{ position:absolute; top:80px; left:0; height:45px; width:100%; background-color:#060c26; z-index:1; overflow:hidden; display:none; }
#header .subBg.gnb2::before{ content:""; position:absolute; top:0; right:0; width:50%; height:55px; background-color:#747ba2; z-index:1;}
#header .inner{ margin:0 auto;}
#header .inner::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#header .utill{ position:absolute; top:50%; right:0; margin:-23px 0 0 0; width:60px; z-index:9;}
#header .utill .lang{ position:relative; width:100%; padding:14px 0; display:inline-block; }
#header .utill .lang::before{ content:""; position:absolute; top:50%; left:0; width:1px; height:12px; background-color:#2e3a4e; margin-top:-6px; display:block; vertical-align:middle; display:none;}
#header .utill .lang > a{ display:block; color:#a0a0a0; line-height:18px; vertical-align:middle; font-size:14px; padding:0 20px 0 0; white-space:nowrap;}
#header .utill .lang > a::after{ content:""; position:absolute; top:50%; right:0; margin-top:-1px; display:inline-block; border-top:#a0a0a0 4px solid; border-left:transparent 4px solid; border-right:transparent 4px solid;}
#header .utill .lang > .lang-lnk{ position:absolute; top:34px; right:0; width:142px; padding:30px 0 0 0; display:none;  z-index:9;}
#header .utill .lang > .lang-lnk::before{ content:""; position:absolute; top:24px; right:0; border-bottom:#2e3740 6px solid; border-left:transparent 6px solid; border-right:transparent 6px solid;}
#header .utill .lang > .lang-lnk a{ display:block; background-color:#2e3740; padding:14px; color:#fff;}
#header .utill .lang > .lang-lnk a i{ display:inline-block; margin-right:8px;}
#header .utill .lang > .lang-lnk li + li a{ border-top:#5d6572 1px solid;}
#header .utill .bt-mn{ display:none;}
#header .header-top{ position:relative; max-width:1200px; margin:0 auto; width:100%; padding:0 60px 0 320px; z-index:2;}
#header .header-top h1.logo {position: absolute; top: 12px; left: 0; } / * 20190424 * /
#header .header-top h1.logo > a{ display:block;}
#header .header-top h1.logo > a::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#header .header-top h1.logo > a img{ float:left; vertical-align:middle; transition:all 0.2s ease-in-out; }
#header .header-top h1.logo > a img + img{ margin-left:30px;}
#header.main{ position:fixed; top:0; left:0; width:100%; background-color:transparent;}
.fixed #header.main{ background-color:#0d2143; }
#wrap.hor #header{ position:fixed; width:100%; top:0; left:0; }

#gnb::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#gnb > li{ float:left;}
#gnb > li > a{ position:relative; display:block; font-size:16px; color:#fff; padding:0 20px; line-height:77px; }
#gnb > li:last-child > a{ padding-right:0;}
#gnb > li > a:hover{ color:#5fc1b2;}
#gnb > li > a::after{ content:""; position:absolute; top:50%; left:0; margin-top:-6px; width:1px; height:12px; display:block; background-color:#253856; }
#gnb > li.gnb1 > a::after{ display:none;}
#gnb .subDepth{ position:absolute; top:75px; left:0; width:100%; padding-top:3px; display:none; z-index:9;}
#gnb .subDepth::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#gnb .subDepth ul{ max-width:1200px; text-align:center;}
#gnb .subDepth li{ display:inline-block; vertical-align:top;}
#gnb .subDepth li a{ display:block; line-height:45px; padding:0 10px; color:#747ba2;}
#gnb .subDepth li a.gnb_st {line-height:20px; width:160px;}
#gnb .gnb2 .subDepth{ width:1200px; }
#gnb .gnb2 .subDepth > ul{ width:50%; float:left;}
#gnb .gnb2 .subDepth > ul:nth-child(1) a{ padding:0 5px;}
#gnb .gnb2 .subDepth > ul:nth-child(2) a{ color:#060c26; padding:0 10px;} 
#gnb .subDepth li a:hover,
#gnb .gnb2 .subDepth > ul:nth-child(2) a:hover{ color:#5fc1b2; }
.fixed #header .subBg{ top:63px;}
.fixed #header #gnb .subDepth{ top:55px;} */
/* 20190624 gnb delete E */

#container{ position:relative; max-width:1200px; padding:50px 0 0 0; margin:0 auto; z-index:3;}
#container.full{ padding:0; max-width:100%;}
#indexwrap{ position:relative; padding:0; margin:0; z-index:3;}

#contents{ position:relative; width:100%; padding-bottom:80px; z-index:2;}
#contents::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#lm{ float:left; width:250px;}
#lm .pop-tit,
#lm .lm-close{ display:none;}

#footer{ position:relative; background-color:#9ea8b4; padding:35px 0 60px;}
#footer .inner{ max-width:1200px; margin:0 auto;}
#footer .lang{ display:none;}
#footer .footer-lnk{ display:table; width:100%; table-layout:fixed;}
#footer .footer-lnk > div{ display:table-cell; width:16.6%; }
#footer .footer-lnk div.fg2{ clear:both; width:33.3%;}
#footer .footer-lnk div.fg5{ clear:both; margin-top:25px;}
#footer .footer-lnk div a,
#footer .footer-lnk div span{ display:block; color:#fff;}
#footer .footer-lnk div > a{ font-size:16px; font-weight:600;}
#footer .footer-lnk .d2{ margin-top:15px;}
#footer .footer-lnk .d2::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
#footer .footer-lnk .d2 > li{ width:50%; float:left;}
#footer .footer-lnk .d3{ margin-top:15px;}
#footer .footer-lnk .d2 > li .d3{ margin-top:5px;}
#footer .footer-lnk .d3 > li > a:hover{ text-decoration:underline;}
#footer .footer-lnk .d3 > li > *::before{ content:""; display:inline-block; vertical-align:middle; margin-right:5px; width:4px; height:4px; background-color:#ced5db; border-radius:3px;}
#footer .footer-lnk .d3 > li + li{ margin-top:10px;}
#footer .footer-inf{ position:relative; margin-top:35px; padding:35px 0 0 260px; border-top:#cfd4da 1px solid;}
#footer .footer-inf::before{ content:""; position:absolute; top:35px; left:0; display:block; width:225px; height:34px; background:url('../images/footer_logo.png'); background-size:100%;} 
#footer .footer-inf .f-lnk li{ position:relative; display:inline-block;}
#footer .footer-inf .f-lnk li a{ display:block; color:#fff; padding:0 .5rem;}
#footer .footer-inf .f-lnk li.privacy a{ color:#fa5a28; font-weight:600;}
#footer .footer-inf .f-lnk li a::before{ content:""; position:absolute; top:50%; left:0; display:block; background-color:#ced5db; margin-top:-5px; width:1px; height:10px; }
#footer .footer-inf .f-lnk li:first-child a{ padding-left:0;}
#footer .footer-inf .f-lnk li:first-child a::before{ display:none;}
#footer .footer-inf .copy{ color:#fff; margin-top:.3rem;}
#footer .footer-inf .f-sns{ position:absolute; top:35px; right:0; }
#footer .footer-inf .f-sns > li{ display:inline-block;}
#footer .footer-inf .f-sns > li + li{ margin-left:8px;}
#footer .footer-inf .f-sns > li a{ display:block; border-radius:5px; width:34px; height:34px; border:#87919b 1px solid; text-indent:-9999px; background-color:#8b959e; background-repeat:no-repeat; background-position:50% 50%;}
#footer .footer-inf .f-sns > li.sns1 a{ background-image:url('../images/ic_sns1.png');}
#footer .footer-inf .f-sns > li.sns2 a{ background-image:url('../images/ic_sns2.png');}
#footer .footer-inf .f-sns > li.sns3 a{ background-image:url('../images/ic_sns3.png');}
#footer .footer-inf .f-sns > li.sns4 a{ background-image:url('../images/ic_sns4.png');}
#footer .footer-inf .f-sns > li.sns5 a{ background-image:url('../images/ic_sns5.png');}
#footer .footer-inf .f-sns > li.sns6 a{ background-image:url('../images/ic_sns6.png');}

.tit-area{ margin:0 0 20px 0;}
.tit-area .tit{ font-family:'Graphik Web'; font-weight:600; font-size:30px; color:#111; }

.tit-area2{ margin:0 0 20px 0;}
.tit-area2 .tit{ font-family:'Graphik Web'; font-weight:600; font-size:30px; color:#111; }
.tit-area2 .sub{ font-size:26px; color:#111; margin:15px 0 0 0;}

#back-top{ position:fixed; width:50px; height:50px; bottom:25px; right:25px; display:block; background:url('../images/PC_top_button.png'); text-indent:-9999px; z-index:9;}
#back-top.on{ position:absolute; bottom:auto; top:-75px;}

.dv-accept{ position:fixed; bottom:0; left:0; width:100%; z-index:9; background-color:rgba(245,245,245,.9);}
.dv-accept .inner{ max-width:1200px; margin:0 auto; padding:20px 0; color:#a0a0a0;}
.dv-accept .inner::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.dv-accept .inner span{ display:inline-block; line-height:30px;}
.dv-accept .inner span a{ color:#a0a0a0; text-decoration:underline;}
.dv-accept .inner .btn{ float:right; vertical-align:middle;}

/* tab-wrap */
.tab-wrap{ position:relative; margin:0 0 50px 0; z-index:3;}
.tab-wrap .tab-mTit{ display:none;}
.tab-wrap .tab-group{ background-color:#e6e9ee; display:table; width:100%; table-layout:fixed;}
.tab-wrap .tab-group.table{ display:table !important;}
.tab-wrap .tab-group > .tab-cell{ position:relative; display:table-cell; vertical-align:middle; height:60px; border-left:#f5f5f5 1px solid; }
.tab-wrap .tab-group > .tab-cell a{ position:relative; display:block; line-height:1.1; text-align:center; font-size:16px; color:#5f5f5f;}
.tab-wrap .tab-group > .tab-cell:hover{ background-color:#fa5a28; color:#fff;}
.tab-wrap .tab-group > .tab-cell:hover a{ color:#fff;}
.tab-wrap .tab-group > .tab-cell:first-child{ border-left:none;}
.tab-wrap .tab-group > .tab-cell.active{ background-color:#fa5a28;}
.tab-wrap .tab-group > .tab-cell.active a{ color:#fff;}
.tab-wrap .tab-group > .tab-cell.active::after{ content:""; position:absolute; bottom:-6px; left:50%; margin-left:-3px; display:block; border-top:#fa5a28 6px solid; border-left:transparent 6px solid; border-right:transparent 6px solid;}

.tab-wrap2{ position:relative; margin:0; z-index:3;}
.tab-wrap2 .tab-mTit{ display:none;}
.tab-wrap2 .tab-group{ background-color:#e6e9ee; width:100%; table-layout:fixed;}
.tab-wrap2 .tab-group::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.tab-wrap2 .tab-group > .tab-cell{ width:20%; vertical-align:middle; float:left;}
.tab-wrap2 .tab-group > .tab-cell a{ position:relative; display:block; height:60px; line-height:60px; text-align:center; border-left:#f5f5f5 1px solid;  border-bottom:#f5f5f5 1px solid; font-size:16px; color:#5f5f5f;}
.tab-wrap2 .tab-group > .tab-cell a:hover{ background-color:#fa5a28; color:#fff;}
.tab-wrap2 .tab-group > .tab-cell:first-child a{ border-left:none;}
.tab-wrap2 .tab-group > .tab-cell.active a{ background-color:#fa5a28; color:#fff;}
.tab-wrap2 .tab-group.n10 > .tab-cell{ width:20%;}
.tab-wrap2 .tab-group.n10 > .tab-cell:nth-child(5n+1) a{ border-left:none;}

.tab-sm{ position:relative; padding:0; overflow:hidden; z-index:2;}
.tab-sm .tab-mTit{ display:none;}
.tab-sm .tab-group{ padding:30px 0; margin-left:-18px;}
.tab-sm .tab-group::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.tab-sm .tab-group .tab-cell{ position:relative; float:left; display:block; padding:0 18px; color:#a0a0a0;}
.tab-sm .tab-group .tab-cell::before{ content:""; position:absolute; top:50%; left:0; width:2px; height:2px; border-radius:50%; display:inline-block; background-color:#a0a0a0;}
.tab-sm .tab-group .tab-cell.active,
.tab-sm .tab-group .tab-cell:hover{ color:#fa5a28; text-decoration:underline;}

/* lm */
.mob-sch{ display:none; }

.lm-sch{ position:relative; border:#8b959e 1px solid; padding:0 50px 0 0; margin:0 0 10px 0;} 
.lm-sch .input{ display:block; width:100%; background:transparent; border:none; line-height:48px; height:48px; padding:0 15px; }
.lm-sch .bt-sch{ position:absolute; top:0; right:0; width:48px; height:48px; display:block; background:url('../images/ic_search.png') 50% 50% no-repeat; text-indent:-9999px;}

.lm-cls{ position:relative; }
.lm-cls .itm{ position:relative; background-color:#fff; padding:0 25px; overflow:hidden;}
.lm-cls .itm + .itm{ margin-top:10px;}
.lm-cls .itm .tit{ position:relative; display:block; width:100%; text-align:left; line-height:50px; height:50px; font-size:16px; color:#111; font-weight:600; }
.lm-cls .itm .tog-fild{ padding:25px 0 0; display:none; }
.lm-cls .itm .tog-fild li + li{ margin-top:15px;}
.lm-cls .itm .tog-fild li label span{ margin-right:.5rem;}
.lm-cls .itm .tog-bt{ position:relative; }
.lm-cls .itm .tog-bt::after{ content:""; position:absolute; top:50%; right:0; background-color:#000; margin-top:-1px; width:10px; height:2px; display:block; }
.lm-cls .itm .tog-bt::before{ content:""; position:absolute; top:50%; right:4px; background-color:#000; margin-top:-5px; width:2px; height:10px; display:block; opacity:1;}
.lm-cls .itm.active{ padding-bottom:25px;}
.lm-cls .itm.active .tit{ border-bottom:#f0f0f0 1px solid;}
.lm-cls .itm.active .tog-bt::before{ opacity:0;}
.lm-cls .itm.country{ padding-bottom:25px;}
.lm-cls .itm.country .tit{ border-bottom:none;}
.lm-cls .itm.country .tog-bt{ width:100%; display:block; text-align:left; border-bottom:#111 1px solid; height:34px; line-height:34px; color:#5f5f5f;}
.lm-cls .itm.country .tog-bt::before{ top:50%; right:0; margin-top:-1px; width:auto; height:auto; background-color:transparent; border-top:#111 4px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; opacity:1;}
.lm-cls .itm.country .tog-bt::after{ display:none;}
.lm-cls .itm.country .tog-fild{ background-color:#f5f5f5; padding:.8rem; margin-top:.8rem; height:170px;}
.lm-cls .itm.country.active .tog-bt::before{ border-top:none; border-bottom:#111 4px solid;}
.lm-cls .bt-reset{ position:absolute; top:53px; right:25px; background-color:#8b959e; color:#fff; font-size:12px; padding:.2rem .5rem; border-radius:2px;}
.lm-cls .bt-reset::before{ content:""; width:10px; height:10px; background:url('../images/ic_reset.png') 50% 50% no-repeat; display:inline-block; vertical-align:middle;}
.lm-cls .btn-black{ margin-top:10px; display:none;}

/* siteFunctions */
#siteFunctions{ position:fixed; top:0; right:-100%; width:100%; bottom:0; height:100%; padding:0 0 0 30px; z-index:10; }
#siteFunctions .inner{ overflow-y:auto; background-color:#0d2143; padding:3px 0 0 0;}
#siteFunctions .hd{ position:relative; height:4rem; overflow:hidden;}
#siteFunctions .hd .logo{ position:absolute; top:10px; left:4.5vw; }
#siteFunctions .hd .logo img{ height:2rem;}
#siteFunctions .hd .bt-close{ position:absolute; right:1.5rem; top:50%; margin-top:-.9rem; display:block; width:1.8rem; height:1.8rem; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#siteFunctions .hd .bt-close span{ position:absolute; top:-9999px; left:-9999px;}
#siteFunctions .hd .bt-close::before{ content:""; position:absolute; top:50%; left:0; margin-top:-1px; width:100%; height:2px; background-color:#fff; display:block;}
#siteFunctions .hd .bt-close::after{ content:""; position:absolute; top:0; left:50%; margin-left:-1px; width:2px; height:100%; background-color:#fff; display:block;}

.mobMenu{ border-top:#060c26 1px solid; }
.mobMenu a,
.mobMenu span{ display:block; color:#fff;}
.mobMenu > li > a{ position:relative; font-size:1.1rem; padding:1.2rem 4.5vw; border-bottom:#060c26 1px solid;}
.mobMenu > li.active > a{ color:#5fc1b2;}
.mobMenu > li > .subDepth{ background-color:#060c26; padding:1.2rem 4.5vw;}
.mobMenu > li > .subDepth > li > ul{ margin-top:.5rem;}
.mobMenu > li > .subDepth > li > a,
.mobMenu > li > .subDepth > li > ul > li > a{ padding:.5rem 0;}
.mobMenu > li:nth-child(2) .subDepth::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.mobMenu > li:nth-child(2) .subDepth > li{ width:50%; float:left;}
.mobMenu > li.hasSub > a{ display:block;}
.mobMenu > li.hasSub > a::before{ content:""; position:absolute; top:50%; right:4.5vw; margin-top:-1px; width:1rem; height:1px; background-color:#fff; display:block;}
.mobMenu > li.hasSub > a::after{ content:""; position:absolute; top:50%; right:6vw; margin-top:-.5rem; width:1px; height:1rem; background-color:#fff; display:block;}
.mobMenu > li.hasSub.active > a::before{ background-color:#5fc1b2; }
.mobMenu > li.hasSub.active > a::after{ display:none;}

.mobBot{ position:relative; padding:2rem 4.5vw;}
.mobBot .lang a{ position:relative; display:inline-block; line-height:34px; color:#747ba2;}
.mobBot .lang a + a{ padding-left:.5rem; margin-left:.5rem; }
.mobBot .lang a + a::before{ content:""; position:absolute; top:50%; left:0; margin-top:-.5rem; width:1px; height:1rem; background-color:#414e73; display:block;}
.mobBot .f-sns{ position:absolute; top:2rem; right:4.5vw; }
.mobBot .f-sns > li{ display:inline-block;}
.mobBot .f-sns > li + li{ margin-left:8px;}
.mobBot .f-sns > li a{ display:block; border-radius:5px; width:34px; height:34px; border:#747ba2 1px solid; text-indent:-9999px; background-color:#747ba2; background-repeat:no-repeat; background-position:50% 50%; background-size:14px;}
.mobBot .f-sns > li.sns1 a{ background-image:url('../images/ic_sns1b.png');}
.mobBot .f-sns > li.sns4 a{ background-image:url('../images/ic_sns4b.png');}


@media screen and (min-width:1024px) and (max-width:1200px){
	#header .header-top h1.logo > a img{ height:34px;}
	#wrap.fixed #header .header-top h1.logo > a img{margin-top: 10px;} /* 20190423 추가 */
	#header .utill .inbx{ padding:0 20px;}
	#header .header-top{ padding:0 20px 0 230px;}
	#header .header-top h1.logo{top: 22px; left: 20px;} /* 20190423 수정 */
	#gnb > li > a{ padding:0 1.2vw;}
	#gnb .gnb2 .subDepth{ width:100%;}
	#gnb .subDepth li a{ font-size:.8rem;}
	#gnb .gnb2 .subDepth a{ padding:0 .8vw;}
	#gnb .gnb2 .subDepth > ul:nth-child(1) a{ padding:0 .4vw;}
	#gnb .gnb2 .subDepth > ul:nth-child(2) a{ padding:0 .4vw;}

	#container{ padding:50px 20px 0;}
	#contents #lm{ width:22%;}
	#contents .con-bx{ width:76%;}

	#footer{ padding:35px 20px 60px;}

	.dv-accept .inner{ width:100%; padding:20px 1rem;}
}

@media screen and (min-width:1024px){
	#wrap.fixed #header{ position:fixed; top:0; left:0; width:100%; }
	/*#wrap.fixed #header .header-top h1.logo > a img{ height:35px;} 20190423 수정*/
	/* 20190423 추가 S */
	#wrap #header .header-top h1.logo {transition: all 0.2s ease-in-out;} 
	#wrap.fixed #header .header-top h1.logo {top: 2.5px; transition: all 0.2s ease-in-out;} 
	/* 20190423 추가 E */
	#wrap.fixed #header #gnb > li > a{ line-height:60px;}
}

@media screen and (min-width:769px) and (max-width:1200px){
	.dv-accept .inner{ width:100%; padding:20px 1rem;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	#header .utill{ right:20px; width:1.8rem; padding:0; margin-top:-1rem;}
	#header .utill .user{ vertical-align:middle;}
	#header .utill .user span{ display:none;}
	#header .utill .user a::after{ width:1.8rem; height:1.8rem; background-size:1.4rem; margin:0;}
	#header .utill .lang{ display:none;}
	#header .utill .bt-mn{ position:relative; display:inline-block; width:1.8rem; height:1.8rem; vertical-align:middle; padding-top:.4rem;}
	#header .utill .bt-mn span{ position:absolute; top:-9999px; left:-9999px;}
	#header .utill .bt-mn i{ display:block; width:100%; height:3px; background-color:#fff; border-radius:2px;}
	#header .utill .bt-mn i + i{ margin-top:.3rem;}
	#header .header-top{ float:left; width:100%; padding:0 20px 0 230px; height:4rem;}
	#header .header-top h1.logo{ top:0.5rem; left:4.5vw; width:15rem;} /* 20190423 수정 */
	/*#header .header-top h1.logo > a img{ height:1.8rem;} 20190423 삭제 */
	#header .header-top h1.logo > a img + img{ margin-left:1rem;}
	#gnb-wrap{ display:none;}

	#wrap.fixed #header{ position:fixed; top:0; left:0; width:100%; }
	#header.main{ background-color:#0d2143;}

	#back-top{ width:35px; height:35px; bottom:18px; right:18px; background:url('../images/PC_top_button.png'); background-size:100%;}
	#back-top.on{ top:-53px;}

	#container{ padding:0;}
	#indexwrap{ padding:3.8rem 0 0 0;}
	#lm{ display:none; width:100%; min-height:100vh; background-color:#f5f5f5; float:none; left:0 !important; padding:2rem 20px;}
	#lm .pop-tit{ display:block; color:#111; font-size:1.6rem; margin:0 0 2rem 0;}
	#lm .lm-close{ position:absolute; top:2rem; right:4.5vw; width:1.6rem; height:1.6rem; display:block;}
	#lm .lm-close::before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; background-color:#111; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	#lm .lm-close::after{ content:""; position:absolute; top:0; left:50%; width:1px; height:1.6rem; display:block; background-color:#111; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	#lm .lm-close span{ position:absolute; top:-9999px; left:-9999px;}
	.lm-cls .btn-black{ margin-top:10px; display:block;}
	#contents{ padding:0 20px; padding-bottom:3rem;}
	#contents .con-bx{ width:100%;}

	#footer{ padding:35px 20px;}
	#footer .lang{ display:block; text-align:center;}
	#footer .lang a{ display:inline-block; padding:0 .6rem; color:#fff; line-height:1;}
	#footer .lang a + a{ border-left:#cfd4da 1px solid;}
	#footer .footer-lnk{ display:none;}
	#footer .footer-inf{ border-top:none; margin-top:0; padding:0;}
	#footer .footer-inf::before{ position:relative; top:auto; left:auto; display:block; margin:.4rem auto; width:12rem; background-repeat:no-repeat; background-position:50% 50%;}
	#footer .footer-inf .f-lnk{ text-align:center;}
	#footer .footer-inf .f-lnk li a{ font-size:.9rem; }
	#footer .footer-inf .copy{ text-align:center;}
	#footer .footer-inf .f-sns{ position:relative; top:auto; right:auto; text-align:center; margin-top:1rem;}
	
	.tit-area{ margin:0;}
	.tit-area .tit{ background-color:#e6e9ee; height:5rem; line-height:5rem; font-size:1.5rem;  padding:0 4.5vw;}
	
	.tit-area2{ margin:0 0 1.5rem 0; padding:2rem 0 0 0;}
	.tit-area2 .tit{ font-size:1.5rem;}
	.tit-area2 .sub{ font-size:1.2rem; color:#111; margin:.8rem 0 0 0;}

	.tab-wrap{ position:absolute; top:0; right:0; width:100%;}
	.tab-wrap .tab-mTit{ position:absolute; top:1.5rem; right:4.5vw; display:inline-block;}
	.tab-wrap .tab-mTit a.mobile_on{ display:block; line-height:5rem; color:#fa5a28; font-size:1rem;}
	.tab-wrap .tab-mTit a.mobile_on::after{ content:""; vertical-align:middle;  display:inline-block; width:5px; height:5px; margin:-.5rem 0 0 1rem; border-left:#fa5a28 1px solid; border-bottom:#fa5a28 1px solid;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.tab-wrap .tab-group{ position:absolute; top:5rem; left:0; width:100%; display:none;}
	.tab-wrap .tab-group .tab-cell{ display:block; width:100%; background-color:#e6e9ee;}
	.tab-wrap .tab-group .tab-cell a{ line-height:3.6rem; height:3.6rem; font-size:1rem; height:auto;}
	.tab-wrap .tab-group .tab-cell + .tab-cell a{ border:none; border-top:#fff 1px solid;}
	.tab-wrap .tab-group .tab-cell.active a::after{ display:none;}	

	.tab-wrap2{ position:relative; width:100%; margin:0;}
	.tab-wrap2 .tab-mTit{ position:relative; display:block;}
	.tab-wrap2 .tab-mTit a.mobile_on{ display:block; line-height:4rem; color:#5f5f5f; background-color:#e6e9ee; padding:0 1rem;}
	.tab-wrap2 .tab-mTit a.mobile_on::after{ content:""; position:absolute; top:50%; right:1rem; vertical-align:middle; display:inline-block; width:5px; height:5px; margin:-.1rem 0 0 1rem; border-left:#5f5f5f 1px solid; border-bottom:#5f5f5f 1px solid;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.tab-wrap2 .tab-group{ position:absolute; top:4rem; left:0; width:100%; display:none;}
	.tab-wrap2 .tab-group .tab-cell{ display:block; width:100% !important; background-color:#e6e9ee;}
	.tab-wrap2 .tab-group .tab-cell a{ line-height:3.6rem; height:3.6rem; font-size:1rem; border:none; border-top:#fff 1px solid; }
	.tab-wrap2 .tab-group .tab-cell.active a::after{ display:none;}

	.tab-sm{ margin:1rem 0 1.5rem; overflow:visible;}
	.tab-sm .tab-mTit{ position:relative; display:block;}
	.tab-sm .tab-mTit a.mobile_on{ display:block; line-height:4rem; color:#5f5f5f; border:#a0a0a0 1px solid; padding:0 1rem;}
	.tab-sm .tab-mTit a.mobile_on::after{ content:""; position:absolute; top:50%; right:1rem; vertical-align:middle; display:inline-block; width:5px; height:5px; margin:-.1rem 0 0 1rem; border-left:#5f5f5f 1px solid; border-bottom:#5f5f5f 1px solid;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.tab-sm .tab-group{ position:absolute; top:4rem; left:0; width:100%; display:none; margin:0; padding:0;}
	.tab-sm .tab-group .tab-cell{ display:block; width:100% !important; background-color:#e6e9ee; line-height:3.6rem; height:3.6rem; font-size:1rem; border:none; border-bottom:#fff 1px solid; }
	.tab-sm .tab-group .tab-cell::before{ display:none;}

	.mob-sch{ margin:0 0 1rem 0; background:url('../images/ic_search.png') 4.5vw 50% no-repeat; background-size:1.2rem; height:1.2rem; display:block; text-indent:-9999px;}
	
	.dv-accept .inner{ width:100%; padding:1rem;}
	.dv-accept .inner span{ display:inline-block; line-height:1.4;}
}

@media screen and (max-width:767px){
	#header .utill{ right:4.5vw; width:1.8rem; padding:0; margin-top:-1rem;}
	#header .utill .lang{ display:none;}
	#header .utill .bt-mn{ position:relative; display:inline-block; width:1.8rem; height:1.8rem; vertical-align:middle; padding-top:.45rem;} /* 20190423 수정 */
	#header .utill .bt-mn span{ position:absolute; top:-9999px; left:-9999px;}
	#header .utill .bt-mn i{ display:block; width:100%; height:2px; background-color:#fff; border-radius:2px;}
	#header .utill .bt-mn i + i{ margin-top:4px;}
	#header .header-top{ padding:0; height:4rem;}
	#header .header-top h1.logo{ top:0.5rem; left:4.5vw; width:15rem;} /* 20190423 수정 */
	/*#header .header-top h1.logo > a img{ height:2rem;} 20190423 수정 */
	#header .header-top h1.logo > a img + img{ margin-left:1rem;}
	#gnb-wrap{ display:none;}

	#back-top{ width:35px; height:35px; bottom:18px; right:18px; background:url('../images/PC_top_button.png'); background-size:100%;}
	#back-top.on{ top:-53px;}

	#wrap.fixed #header{ position:fixed; top:0; left:0; width:100%; }
	#header.main{ background-color:#0d2143;}

	#container{ padding:0;}
	#indexwrap{ padding:3.8rem 0 0 0;}
	#lm{ display:none; width:100%; min-height:100vh; background-color:#f5f5f5; float:none; left:0 !important; padding:2rem 4.5vw;}
	#lm .pop-tit{ display:block; color:#111; font-size:1.6rem; margin:0 0 2rem 0;}
	#lm .lm-close{ position:absolute; top:2rem; right:4.5vw; width:1.6rem; height:1.6rem; display:block;}
	#lm .lm-close::before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; display:block; background-color:#111; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	#lm .lm-close::after{ content:""; position:absolute; top:0; left:50%; width:1px; height:1.6rem; display:block; background-color:#111; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	#lm .lm-close span{ position:absolute; top:-9999px; left:-9999px;}
	.lm-cls .btn-black{ margin-top:10px; display:block;}
	#contents{ padding:0 4.5vw 3rem;}
	#contents .con-bx{ width:100%;}

	#footer{ padding:2rem 4.5vw;}
	#footer .lang{ display:block; text-align:center;}
	#footer .lang a{ display:inline-block; padding:0 .6rem; color:#fff; line-height:1;}
	#footer .lang a + a{ border-left:#cfd4da 1px solid;}
	#footer .footer-lnk{ display:none;}
	#footer .footer-inf{ border-top:none; margin-top:0; padding:0;}
	#footer .footer-inf::before{ position:relative; top:auto; left:auto; display:block; margin:.4rem auto; width:12rem; background-repeat:no-repeat; background-position:50% 50%;}
	#footer .footer-inf .f-lnk{ text-align:center;}
	#footer .footer-inf .f-lnk li a{ font-size:.9rem; }
	#footer .footer-inf .copy{ text-align:center;}
	#footer .footer-inf .f-sns{ position:relative; top:auto; right:auto; text-align:center; margin-top:1rem;}

	.tit-area{ margin:0;}
	.tit-area .tit{ background-color:#e6e9ee; height:5rem; line-height:5rem; font-size:1.5rem;  padding:0 4.5vw;}
	
	.tit-area2{ margin:0 0 1.5rem 0; padding:2rem 0 0 0;}
	.tit-area2 .tit{ font-size:1.5rem;}
	.tit-area2 .sub{ font-size:1.2rem; color:#111; margin:.8rem 0 0 0;}

	.tab-wrap{ position:absolute; top:0; right:0; width:100%;}
	.tab-wrap .tab-mTit{ position:absolute; top:1.5rem; right:4.5vw; display:inline-block;}
	.tab-wrap .tab-mTit a.mobile_on{ display:block; line-height:5rem; color:#fa5a28;}
	.tab-wrap .tab-mTit a.mobile_on::after{ content:""; vertical-align:middle;  display:inline-block; width:5px; height:5px; margin:-.5rem 0 0 1rem; border-left:#fa5a28 1px solid; border-bottom:#fa5a28 1px solid;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.tab-wrap .tab-group{ position:absolute; top:5rem; left:0; width:100%; display:none;}
	.tab-wrap .tab-group .tab-cell{ display:block; width:100%; background-color:#e6e9ee; height:auto;}
	.tab-wrap .tab-group .tab-cell a{ line-height:3.6rem; height:3.6rem; font-size:1rem; }
	.tab-wrap .tab-group .tab-cell + .tab-cell a{ border:none; border-top:#fff 1px solid;}
	.tab-wrap .tab-group .tab-cell.active a::after{ display:none;}

	.tab-wrap2{ position:relative; width:100%; margin:0;}
	.tab-wrap2 .tab-mTit{ position:relative; display:block;}
	.tab-wrap2 .tab-mTit a.mobile_on{ display:block; line-height:4rem; color:#5f5f5f; background-color:#e6e9ee; padding:0 1rem;}
	.tab-wrap2 .tab-mTit a.mobile_on::after{ content:""; position:absolute; top:50%; right:1rem; vertical-align:middle; display:inline-block; width:5px; height:5px; margin:-.1rem 0 0 1rem; border-left:#5f5f5f 1px solid; border-bottom:#5f5f5f 1px solid;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.tab-wrap2 .tab-group{ position:absolute; top:4rem; left:0; width:100%; display:none;}
	.tab-wrap2 .tab-group .tab-cell{ display:block; width:100% !important; background-color:#e6e9ee;}
	.tab-wrap2 .tab-group .tab-cell a{ line-height:3.6rem; height:3.6rem; font-size:1rem; border:none; border-top:#fff 1px solid; }
	.tab-wrap2 .tab-group .tab-cell.active a::after{ display:none;}

	.tab-sm{ margin:1rem 0 1.5rem; overflow:visible;}
	.tab-sm .tab-mTit{ position:relative; display:block;}
	.tab-sm .tab-mTit a.mobile_on{ display:block; line-height:4rem; color:#5f5f5f; border:#a0a0a0 1px solid; padding:0 1rem;}
	.tab-sm .tab-mTit a.mobile_on::after{ content:""; position:absolute; top:50%; right:1rem; vertical-align:middle; display:inline-block; width:5px; height:5px; margin:-.1rem 0 0 1rem; border-left:#5f5f5f 1px solid; border-bottom:#5f5f5f 1px solid;  -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.tab-sm .tab-group{ position:absolute; top:4rem; left:0; width:100%; display:none; margin:0; padding:0;}
	.tab-sm .tab-group .tab-cell{ display:block; width:100% !important; background-color:#e6e9ee; line-height:3.6rem; height:3.6rem; font-size:1rem; border:none; border-bottom:#fff 1px solid; }
	.tab-sm .tab-group .tab-cell::before{ display:none;}
	
	.dv-accept .inner{ width:100%; padding:1rem;}
	.dv-accept .inner span{ display:block; line-height:1.4;}
	.dv-accept .inner .btn{ float:none; margin-top:1rem;}
}

/* con */
.con-bx{ float:right; width:900px;}

.tbl-hd{ position:relative; line-height:50px; height:50px; margin:0 0 10px 0;}
.tbl-hd .total{ color:#5e5e5e;}
.tbl-hd .total strong{ color:#fa5a28;}
.tbl-hd .mob-sch{ position:absolute; top:50%; right:0; width:1.2rem; margin-top:-.6rem; background:url('../images/ic_search.png') 0 50% no-repeat; background-size:1.2rem; height:1.2rem; text-indent:-9999px; display:none; }


/* --------------------------------------------
 * news
/* ------------------------------------------ */
/* thumb-list */
.thumb-list .item{ background-color:#fff; display:table; width:100%; table-layout:fixed; }
.thumb-list .item + .item{ margin-top:10px;}
.thumb-list .item > *{ display:table-cell; vertical-align:top;  }
.thumb-list .item .thumb{ width:294px; overflow:hidden; }
/*.thumb-list .item .thumb img{ display:block; transition:all .2s ease;}
.thumb-list .item:hover .thumb img{ transform:scale(1.1);}*/
.thumb-list .item .desc{ padding:30px 35px 0;}
.thumb-list .item .desc strong{ color:#111; font-size:20px; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.thumb-list .item:hover .desc strong{ text-decoration:underline;}
.thumb-list .item .desc .txt{ margin-top:15px; line-height:1.4; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:2.3rem;}
.thumb-list .item .desc .date{ margin-top:40px; color:#a0a0a0;}
.thumb-list .item .desc .date .tit-tx{ color:#9daab0;}
.thumb-list .item .desc .date em{ position:relative; display:inline-block;}
.thumb-list .item .desc .date em + em{ margin-left:.5rem; padding-left:.5rem;}
.thumb-list .item .desc .date em + em::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.thumb-list .item .desc .date .cnt{ float:right;}
.thumb-list .item .desc .date i{ width:14px; height:12px; vertical-align:middle; display:inline-block; text-indent:-9999px; margin-right:.4rem;}
.thumb-list .item .desc .date i.ic-heart{ background:url('../images/ic_heart.png') 50% 50% no-repeat;}
.thumb-list .item .desc .date i.ic-reply{ background:url('../images/ic_reply.png') 50% 50% no-repeat;}

.thumbnail{ position:relative; overflow:hidden; height:200px;} 
.thumbnail .centered{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); } 
.thumbnail .centered img{ position:absolute; top:0; left:0; max-width:none; height:auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition:all .2s ease;}
.item:hover .thumbnail .centered img{ -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) scale(1.1);}
.thumbnail .centered img.portrait { width:100%; height:auto; }
.thumbnail .centered img.landscape { width:auto; height:100%; }

.bt-more{ display:block; text-align:center; color:#111; border:#9ea8b4 1px solid; padding:20px;}
.bt-more::after{ content:""; display:inline-block; width:11px; height:11px; margin-left:.5rem; background:url('../images/ic_plus.png') 50% 50% no-repeat;}
.bt-more:hover{ background-color:#e8e8e8;}
.bt-more2{ position:relative; display:block; text-align:center; background-color:#0e142d; width:45px; height:45px; border-radius:50%; padding:0; margin:40px auto 0;}
.bt-more2 span{ position:absolute; top:-9999px; left:-9999px;}
.bt-more2::after{ content:""; position:absolute; top:50%; left:50%; margin:-8px 0 0 -5px; width:10px; height:10px; border:#2c3454 2px solid; border-top:none; border-right:none; display:inline-block; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.bt-more2:hover{ background-color:#01061b;}
.bt-more3{ display:block; text-align:center; color:#111; margin-top:3rem;}
.bt-more3 a{ display:inline-block; color:#8b959e; padding:0 3rem; border:#8b959e 1px solid; border-radius:3rem; line-height:3rem; }
.bt-more3 a::after{ content:""; vertical-align:middle; margin:-.4rem 0 0 .5rem; display:inline-block; border-left:#8b959e 2px solid; border-bottom:#8b959e 2px solid; width:.5rem; height:.5rem; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.bt-more3 a:hover{ background-color:#e8e8e8;}

.tbl-view{ background-color:#fff; padding:0 50px;}
.tbl-view .hd{ position:relative; padding:50px 0 30px; border-bottom:#f0f0f0 1px solid; z-index:3;}
.tbl-view .hd .subject{ font-size:26px; color:#111;}
.tbl-view .hd .date{ margin:20px 0 0 0; color:#a0a0a0;}
.tbl-view .hd .date .tit-tx{ color:#9daab0;}
.tbl-view .hd .date em{ position:relative; display:inline-block;}
.tbl-view .hd .date em + em{ margin-left:.5rem; padding-left:.5rem;}
.tbl-view .hd .date em + em::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.tbl-view .hd .date .cnt{ display:inline-block; margin-left:1rem;}
.tbl-view .hd .date i{ width:14px; height:12px; vertical-align:middle; display:inline-block; text-indent:-9999px; margin-right:.4rem;}
.tbl-view .hd .date i.ic-heart{ background:url('../images/ic_heart.png') 50% 50% no-repeat;}
.tbl-view .hd .date i.ic-reply{ background:url('../images/ic_reply.png') 50% 50% no-repeat;}
.tbl-view .hd .date .vew-bt{ float:right;}
.tbl-view .hd .date .vew-bt > li{ position:relative; display:inline-block;}
.tbl-view .hd .date .vew-bt > li + li{ margin-left:.5rem; padding-left:.5rem;}
.tbl-view .hd .date .vew-bt > li + li::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.tbl-view .hd .date .vew-bt > li > a{ width:20px; height:20px; display:block; }
.tbl-view .hd .date .vew-bt > li > a span{ position:absolute; top:-9999px; left:-9999px;}
.tbl-view .hd .date .vew-bt > li.good > a{ background-image:url('../images/ic_heart2.png'); background-position:50% 50%; background-repeat:no-repeat;}
.tbl-view .hd .date .vew-bt > li.good > a.active{ background-image:url('../images/ic_heart2_on.png');}
.tbl-view .hd .date .vew-bt > li.share > a{ background-image:url('../images/ic_share.png'); background-position:50% 50%; background-repeat:no-repeat; opacity:.6;}
.tbl-view .hd .date .vew-bt > li.share > a.active{ opacity:1;}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst{ position:absolute; top:19px; right:0; width:140px; padding:10px 0 0 0; display:none;}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul{ background-color:#2e3740; }
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul::before{ content:""; position:absolute; top:6px; right:5px; border-bottom:#2e3740 4px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; opacity:1;}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li + li{ border-top:#5d6572 1px solid;}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li > a{ display:block; padding:.8rem; color:#fff;}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li > a::before{ content:""; width:24px; height:22px; display:inline-block; vertical-align:middle; margin-right:.5rem; background-position:50% 50%; background-repeat:no-repeat; }
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li.sre1 > a::before{ background-image:url('../images/ic_sns1.png');}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li.sre2 > a::before{ background-image:url('../images/ic_sns2.png');}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li.sre3 > a::before{ background-image:url('../images/ic_sns7.png');}
.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul > li.sre4 > a::before{ background-image:url('../images/ic_sns8.png');}
.tbl-view .con{ position:relative; z-index:2; padding:80px 0;}
.tbl-view .con .mov{ padding:0 8rem;}
.tbl-view .con .mov-bx{ position:relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.tbl-view .con .mov-bx iframe, 
.tbl-view .con .mov-bx object, 
.tbl-view .con .mov-bx embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.tbl-view .bot{ border-top:#f0f0f0 1px solid; padding:30px 0; text-align:right; }
.tbl-view .bot::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.tbl-view .bot .sns{ float:left;}
.tbl-view .bot .sns > li{ display:inline-block; }
.tbl-view .bot .sns > li + li{ margin-left:13px;}
.tbl-view .bot .sns > li > a{ text-align:left; display:block; border-radius:50%; background-color:#8b959e; width:34px; height:34px; text-indent:-9999px; background-position:50% 50%; background-repeat:no-repeat;}
.tbl-view .bot .sns > li.sns1 > a{ background-image:url('../images/ic_sns1.png');}
.tbl-view .bot .sns > li.sns2 > a{ background-image:url('../images/ic_sns2.png');}
.tbl-view .bot .sns > li.sns3 > a{ background-image:url('../images/ic_sns7.png');}
.tbl-view .bot .sns > li.sns4 > a{ background-image:url('../images/ic_sns9.png');}
.tbl-view .bot .bt-prev,
.tbl-view .bot .bt-next{ position:relative; width:34px; height:34px; line-height:34px; display:inline-block; border:#e6e6e6 1px solid; border-radius:3px; }
.tbl-view .bot .bt-list{ position:relative; width:34px; height:34px; line-height:34px; display:inline-block; border:#a0a0a0 1px solid; border-radius:3px; background-color:#a0a0a0;}
.tbl-view .bot .bt-prev:hover,
.tbl-view .bot .bt-next:hover{ background-color:#e6e6e6;}
.tbl-view .bot .bt-list:hover{ border:#e6e6e6 1px solid; background-color:#e6e6e6;}
.tbl-view .bot .bt-prev::after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -3px; width:8px; height:8px; display:block;  border:2px solid #a0a0a0; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
.tbl-view .bot .bt-next::after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -5px; width:8px; height:8px; display:block;  border:2px solid #a0a0a0; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.tbl-view .bot .bt-list::before{ content:""; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-7px; width:14px; height:2px; background-color:#fff; display:block;}
.tbl-view .bot .bt-list::after{ content:""; position:absolute; top:50%; left:50%; margin-top:-6px; margin-left:-7px; width:14px; height:12px; border-top:#fff 2px solid; border-bottom:#fff 2px solid; display:block;}
.tbl-view .bot .bt-prev:hover::after,
.tbl-view .bot .bt-next:hover::after,
.tbl-view .bot .bt-list:hover::after{ border-color:#a0a0a0;}
.tbl-view .bot .bt-list:hover::before{ background-color:#a0a0a0;}
.tbl-view .bot .bt-prev span,
.tbl-view .bot .bt-next span,
.tbl-view .bot .bt-list span{ text-align:left; position:absolute; top:-9999px; left:-9999px;} 

.bottom-list{ margin-top:10px; background-color:#fff; padding:30px 50px;}
.bottom-list .tit{ font-weight:400; font-size:16px; color:#111; padding:0 0 10px 0; border-bottom:#2e3740 2px solid;}
.bottom-list .tit strong{ font-weight:400; color:#fa5a28;}
.reply-lst > li{ padding:25px 0; border-bottom:#f0f0f0 1px solid;}
.reply-lst > li .name .nick{ font-size:1.1em; color:#111;}
.reply-lst > li .name .date{ font-size:.9em; color:#a0a0a0; margin-left:1rem;}
.reply-lst > li .name span{ display:inline-block; }
.reply-lst > li .name .right{ float:right;}
.reply-lst > li .name .right > a{ position:relative; display:inline-block;}
.reply-lst > li .name .right > a + a{ margin-left:.5rem; padding-left:.5rem;}
.reply-lst > li .name .right > a + a::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.reply-lst > li .desc{ margin-top:10px;}
.bottom-write{ margin-top:30px; background-color:#f5f5f5; padding:10px;}
.bottom-write .textarea{ border:none; background-color:#fff; border-radius:0; height:6rem;}
.bottom-write .bt-write{ margin-top:20px; text-align:right;}

.lnk-news{ margin-top:10px; background-color:#fff; padding:30px 50px;}
.lnk-news .tit{ font-family:'Graphik Web'; font-weight:600; font-size:22px; color:#111; margin-bottom:20px;}
.lnk-news .btn-box{ display:none;}

.slide-lst{ position:relative; padding:0 80px; overflow:hidden;}
.slide-lst .slide-bx{ overflow:hidden;}
.slide-lst .itm a{ display:block;}
.slide-lst .itm a .thumb{ position:relative; width:100%; overflow:hidden;}
.slide-lst .itm a .thumb img{ max-width:100%; display:block; transition:all .2s ease;}
.slide-lst .itm a:hover .thumb img{ transform:scale(1.1);}
.slide-lst .itm a .desc{ margin-top:20px;}
.slide-lst .itm a .desc .nick{ color:#9ca9b1;}
.slide-lst .itm a .desc span{ position:relative; display:inline-block;}
.slide-lst .itm a .desc .dat{ margin-left:.5rem; padding-left:.5rem;}
.slide-lst .itm a .desc .dat::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.slide-lst .itm a .desc strong{ margin-top:5px; font-size:18px; color:#111; line-height:1.4; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:50px;}
.slide-lst .itm a .desc .date{ margin-top:20px; color:#a0a0a0;}
.slide-lst .itm a .desc .date em{ position:relative; display:inline-block;}
.slide-lst .itm a .desc .date em + em{ margin-left:.5rem; padding-left:.5rem;}
.slide-lst .itm a .desc .date em + em::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.slide-lst .itm a .desc .date .cnt{ float:right;}
.slide-lst .itm a .desc .date i{ width:14px; height:12px; vertical-align:middle; display:inline-block; text-indent:-9999px; margin-right:.4rem;}
.slide-lst .itm a .desc .date i.ic-heart{ background:url('../images/ic_heart.png') 50% 50% no-repeat;}
.slide-lst .itm a .desc .date i.ic-reply{ background:url('../images/ic_reply.png') 50% 50% no-repeat;}
.slide-lst .prev{ position:absolute; top:74px; left:10px; margin:0; width:48px; height:48px; display:block; z-index:3; }
.slide-lst .next{ position:absolute; top:74px; right:10px; margin:0; width:48px; height:48px; display:block; z-index:3; }
.slide-lst .prev::after,
.slide-lst .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; display:block; border:3px solid #c8c8c8; width:40px; height:40px; border-top:none;border-right:none;}
.slide-lst .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.slide-lst .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.slide-lst .prev span,
.slide-lst .next span{ position:absolute; top:-9999px; left:-9999px;}

.slide-lst-mov{ position:relative; padding:0 80px;}
.slide-lst-mov .slide-bx{ overflow:hidden;}
.slide-lst-mov .itm a{ display:block;}
.slide-lst-mov .itm a .thumb{ position:relative; width:100%; overflow:hidden;}
.slide-lst-mov .itm a .thumb img{ max-width:100%; display:block; transition:all .2s ease;}
.slide-lst-mov .itm a:hover .thumb img{ transform:scale(1.1);}
.slide-lst-mov .itm a .desc{ margin-top:20px;}
.slide-lst-mov .itm a .desc .nick{ display:inline-block; color:#9ca9b1;}
.slide-lst-mov .itm a .desc .dat{ position:relative; margin-left:.5rem; padding-left:.5rem;}
.slide-lst-mov .itm a .desc .dat::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.slide-lst-mov .itm a .desc strong{ margin-top:5px; font-size:18px; color:#111; line-height:1.4; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:50px;}
.slide-lst-mov .itm a .desc .date{ margin-top:20px; color:#a0a0a0; font-size:12px;}
.slide-lst-mov .itm a .desc .date em{ position:relative; display:inline-block; line-height:1;}
.slide-lst-mov .itm a .desc .date em + em{ margin-left:.5rem; padding-left:.5rem;}
.slide-lst-mov .itm a .desc .date em + em::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.slide-lst-mov .itm a .desc .date .cnt{ float:right;}
.slide-lst-mov .itm a .desc .date i{ width:14px; height:12px; vertical-align:middle; display:inline-block; text-indent:-9999px; margin-right:.2rem;}
.slide-lst-mov .itm a .desc .date i.ic-heart{ background:url('../images/ic_heart.png') 50% 50% no-repeat;}
.slide-lst-mov .itm a .desc .date i.ic-reply{ background:url('../images/ic_reply.png') 50% 50% no-repeat;}
.slide-lst-mov .itm a .desc .date i.ic-vew{ background:url('../images/ic_play.png') 50% 50% no-repeat;}
.slide-lst-mov .prev{ position:absolute; top:74px; left:10px; margin:0; width:48px; height:48px; display:block; z-index:3; }
.slide-lst-mov .next{ position:absolute; top:74px; right:10px; margin:0; width:48px; height:48px; display:block; z-index:3; }
.slide-lst-mov .prev::after,
.slide-lst-mov .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; display:block; border:3px solid #c8c8c8; width:40px; height:40px; border-top:none;border-right:none;}
.slide-lst-mov .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.slide-lst-mov .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.slide-lst-mov .prev span,
.slide-lst-mov .next span{ position:absolute; top:-9999px; left:-9999px;}
.slide-lst-mov.movie .itm a .thumb::after{ content:""; position:absolute; top:50%; left:50%; margin:-23px 0 0 -21px; width:42px; height:47px; display:block; background-image:url('../images/ic_player.png'); background-position:50% 50%; background-repeat:no-repeat;}

@media screen and (min-width:768px) and (max-width:1023px){
	
	.tbl-hd{ margin:0;}
	.tbl-hd .mob-sch{ display:block; }
	
	.con-bx{ float:none; padding:0;}
	.thumb-list .item .thumb{ width:260px;}
	.thumb-list .item .desc{ padding:.8rem .8rem 0 .8rem;}
	.thumb-list .item .desc strong{ font-size:1.1rem; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8rem;}
	.thumb-list .item .desc .txt,
	.thumb-list .item .desc .date .cnt{ display:none;}
	.thumb-list .item .desc .date{ margin-top:.8rem; font-size:.85rem;}

	.thumbnail{ height:177px;}

	.bt-more{ padding:1rem;}	

	.tbl-view .hd .date .vew-bt > li.share > div.shareLst
	.tbl-view{ padding:0 30px; margin-top:1rem;}
	.tbl-view .hd{ padding:2rem 0;}
	.tbl-view .hd .subject{ font-size:1.46rem;}
	.tbl-view .hd .date{ margin-top:1.5rem; font-size:.9rem;}
	.tbl-view .hd .date .vew-bt{ float:right; }
	.tbl-view .hd .date .vew-bt > li > button{ width:1rem; height:1rem; background-size:100%;}
	.tbl-view .hd .date .vew-bt > li.share > div.shareLst{ width:160px; left:auto; right:-20px;}
	.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul::before{ right:30px;}
	.tbl-view .con{ padding:3rem 0;}
	.tbl-view .bot{ padding:1.2rem 0;}
	.tbl-view .bot .sns > li.sns1 > a,
	.tbl-view .bot .sns > li.sns2 > a,
	.tbl-view .bot .sns > li.sns3 > a,
	.tbl-view .bot .sns > li.sns4 > a{ width:2.2rem; height:2.2rem; background-size:1rem;}
	.tbl-view .bot .sns > li + li{ margin-left:.3rem;}
	.tbl-view .bot .bt-prev, 
	.tbl-view .bot .bt-next, 
	.tbl-view .bot .bt-list{ width:2.2rem; height:2.2rem; }
	.tbl-view .con .mov{ padding:0;}

	.bottom-list{ padding:1rem 30px;}
	.reply-lst > li{ padding:1rem 0;}
	.bottom-write{ margin-top:1.5rem; padding:.5rem;}
	.bottom-write .textarea{ font-size:1rem;}
	.bottom-write .bt-write{ margin-top:.5rem;}

	.lnk-news{ padding:1rem 0; background-color:transparent;}
	.lnk-news .tit{ font-size:1.4rem; margin-bottom:1rem;}	
	.lnk-news .btn-box{ display:block;}
	.slide-lst{ padding:0;}
	.slide-lst .prev,
	.slide-lst .next{ display:none;}
	.slide-lst .swiper-wrapper{ display:block;}
	.slide-lst .itm + .itm{ margin-top:1rem;}
	.slide-lst .itm a{ display:table; width:100%; table-layout:fixed; background-color:#fff; }
	.slide-lst .itm a .thumb{ display:table-cell; width:34vw; vertical-align:top;}	
	.slide-lst .itm a .desc{ display:table-cell; padding:.8rem .8rem 0 .8rem; vertical-align:top;}
	.slide-lst .itm a .desc > .nick{ display:none;}
	.slide-lst .itm a .desc strong{ font-size:1.1rem; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8rem;}
	.slide-lst .itm a .desc .txt,
	.slide-lst .itm a .desc .date .cnt{ display:none;}
	.slide-lst .itm a .desc .date{ margin-top:.8rem; font-size:.85rem;}
	.slide-lst .itm a .desc .date .nick{ display:inline-block;}	

	.slide-lst-mov{ padding:0;}
	.slide-lst-mov .itm{ background-color:#fff;}
	.slide-lst-mov .itm a .desc{ margin:0; padding:.5rem 1rem 1rem;}
	.slide-lst-mov .itm a .desc strong{ font-size:1rem; height:3rem;}
	.slide-lst-mov .itm a .desc .date{ margin-top:.4rem;}
	.slide-lst-mov .itm a .desc .date .dat{ float:right;}
	.slide-lst-mov .itm a .desc .date .cnt{ display:none;}	
	.slide-lst-mov .prev{ top:2rem; left:-20px; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-mov .next{ top:2rem; right:-20px; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-mov .prev::after,
	.slide-lst-mov .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
	.slide-lst-mov .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.slide-lst-mov .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
}


@media screen and (max-width:767px){

	.tbl-hd{ margin:0;}
	.tbl-hd .mob-sch{ display:block; }
	
	.con-bx{ float:none; padding:0;}
	.thumb-list .item .thumb{ width:120px;}
	.thumb-list .item .desc{ padding:.8rem .8rem 0 .8rem;}
	.thumb-list .item .desc strong{ font-size:1.1rem; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8rem;}
	.thumb-list .item .desc .txt,
	.thumb-list .item .desc .date .cnt{ display:none;}
	.thumb-list .item .desc .date{ margin-top:.8rem; font-size:.85rem;}

	.thumbnail{ height:81px;}

	.bt-more{ padding:1rem;}
	.bt-more2{ width:2rem; height:2rem; margin-top:2rem;}
	.bt-more2::after{ width:.6rem; height:.6rem; margin:-.3rem 0 0 -.3rem;}

	.tbl-view{ padding:0 5vw; margin-top:1rem;}
	.tbl-view .hd{ padding:2rem 0;}
	.tbl-view .hd .subject{ font-size:1.46rem;}
	.tbl-view .hd .date{ margin-top:1.5rem; font-size:.9rem;}
	.tbl-view .hd .date .vew-bt{ float:right;}
	.tbl-view .hd .date .vew-bt > li > button{ width:1rem; height:1rem; background-size:100%;}
	.tbl-view .hd .date .vew-bt > li.share > div.shareLst{ left:auto; right:-4.5vw;}
	.tbl-view .hd .date .vew-bt > li.share > div.shareLst ul::before{ right:5.5vw;}
	.tbl-view .con{ padding:3rem 0;}
	.tbl-view .bot{ padding:1.2rem 0;}
	.tbl-view .bot .sns > li.sns1 > a,
	.tbl-view .bot .sns > li.sns2 > a,
	.tbl-view .bot .sns > li.sns3 > a,
	.tbl-view .bot .sns > li.sns4 > a{ width:2.2rem; height:2.2rem; background-size:1rem;}
	.tbl-view .bot .sns > li + li{ margin-left:.3rem;}
	.tbl-view .bot .bt-prev, 
	.tbl-view .bot .bt-next, 
	.tbl-view .bot .bt-list{ width:2.2rem; height:2.2rem; }
	.tbl-view .con .mov{ padding:0;}

	.bottom-list{ padding:1rem 5vw;}
	.reply-lst > li{ padding:1rem 0;}
	.bottom-write{ margin-top:1.5rem; padding:.5rem;}
	.bottom-write .textarea{ font-size:1rem;}
	.bottom-write .bt-write{ margin-top:.5rem;}

	.lnk-news{ padding:1rem 0; background-color:transparent;}
	.lnk-news .tit{ font-size:1.4rem; margin-bottom:1rem;}
	.lnk-news .btn-box{ display:block;}
	.slide-lst{ padding:0;}
	.slide-lst .prev,
	.slide-lst .next{ display:none;}
	.slide-lst .swiper-wrapper{ display:block;}
	.slide-lst .itm + .itm{ margin-top:1rem;}
	.slide-lst .itm a{ display:table; width:100%; table-layout:fixed; background-color:#fff; }
	.slide-lst .itm a .thumb{ display:table-cell; width:34vw; vertical-align:top;}	
	.slide-lst .itm a .desc{ display:table-cell; padding:.8rem .8rem 0 .8rem; vertical-align:top;}
	.slide-lst .itm a .desc > .nick{ display:none;}
	.slide-lst .itm a .desc strong{ font-size:1.1rem; white-space:normal; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:2.8rem;}
	.slide-lst .itm a .desc .txt,
	.slide-lst .itm a .desc .date .cnt{ display:none;}
	.slide-lst .itm a .desc .date{ margin-top:.8rem; font-size:.85rem;}
	.slide-lst .itm a .desc .date .nick{ display:inline-block;}	
	.slide-lst.movie .itm a .thumb::after{ margin:-1rem 0 0 -1rem; width:2rem; height:2rem; background-size:100%;}

	.slide-lst-mov{ padding:0;}
	.slide-lst-mov .itm{ background-color:#fff;}
	.slide-lst-mov .itm a .desc{ margin:0; padding:.5rem 1rem 1rem;}
	.slide-lst-mov .itm a .desc strong{ font-size:1.2rem; height:3rem;}
	.slide-lst-mov .itm a .desc .date{ margin-top:.8rem;}
	.slide-lst-mov .itm a .desc .date .dat{ float:right;}
	.slide-lst-mov .itm a .desc .date .dat::before{ display:none;}
	.slide-lst-mov .itm a .desc .date .cnt{ display:none;}	
	.slide-lst-mov .prev{ top:2rem; left:-4.5vw; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-mov .next{ top:2rem; right:-4.5vw; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-mov .prev::after,
	.slide-lst-mov .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
	.slide-lst-mov .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.slide-lst-mov .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
}


/* --------------------------------------------
 * ����
/* ------------------------------------------ */
.b-thumb::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.b-thumb .thumb-lg{ width:540px; float:left;}
.b-thumb .thumb-lg .mov-bx{ position:relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.b-thumb .thumb-lg .mov-bx iframe, 
.b-thumb .thumb-lg .mov-bx object, 
.b-thumb .thumb-lg .mov-bx embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.b-thumb .thumb-sm{ width:354px; float:right; margin-top:-6px;  overflow:hidden;}
.b-thumb .thumb-sm .item{ float:left; width:114px; margin:6px 0 0 6px; }
.b-thumb .thumb-sm .item a{ position:relative; display:block;}
.b-thumb .thumb-sm .item a img{ display:block;}
.b-thumb .thumb-sm .item a .nick{ display:block; position:absolute; bottom:0; left:0; width:100%; padding:.5rem; text-align:center; color:#fff; background-color:rgba(0,0,0,.5);}
.b-thumb .thumb-sm .item.active a::after,
.b-thumb .thumb-sm .item a:hover::after{ content:""; position:absolute;  width:100%; top:0; left:0; bottom:0; border:#fa5a28 2px solid;}

.thumb-list2::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.thumb-list2 .item{ float:left; background-color:#fff; width:290px; margin-left:15px; margin-bottom:15px;}
.thumb-list2 .item .thumb{ position:relative; width:100%; overflow:hidden;}
.thumb-list2 .item .thumb .p-num{ position:absolute; bottom:0; left:0; background-color:rgba(0,0,0,.6); display:inline-block; color:#fff; font-size:.8rem; padding:.3rem 1rem;}
.thumb-list2 .item .thumb img{ display:block; transition:all .2s ease;}
.thumb-list2.movie .item .thumb::after{ content:""; position:absolute; top:50%; left:50%; margin:-23px 0 0 -21px; width:42px; height:47px; display:block; background-image:url('../images/ic_player.png'); background-position:50% 50%; background-repeat:no-repeat;}
.thumb-list2 .item:hover .thumb img{ transform:scale(1.1);}
.thumb-list2 .item .desc{ padding:15px;}
.thumb-list2 .item .desc strong{ color:#111; font-size:18px; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:46px;}
.thumb-list2 .item:hover .desc strong{ text-decoration:underline;}
.thumb-list2 .item .desc .date{ margin-top:15px; color:#a0a0a0; letter-spacing:-.05em; font-size:12px;}
.thumb-list2 .item .desc .date .tit-tx{ color:#9daab0;}
.thumb-list2 .item .desc .date em{ position:relative; display:inline-block; line-height:1;}
.thumb-list2 .item .desc .date em + em{ margin-left:.2rem; padding-left:.3rem;}
.thumb-list2 .item .desc .date em + em::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.thumb-list2 .item .desc .date .cnt{ float:right;}
.thumb-list2 .item .desc .date i{ width:14px; height:12px; vertical-align:middle; display:inline-block; text-indent:-9999px; margin-right:0;}
.thumb-list2 .item .desc .date i.ic-play{ width:10px; background:url('../images/ic_play.png') 50% 50% no-repeat;}
.thumb-list2 .item .desc .date i.ic-heart{ background:url('../images/ic_heart.png') 50% 50% no-repeat;}
.thumb-list2 .item .desc .date i.ic-reply{ background:url('../images/ic_reply.png') 50% 50% no-repeat;}

@media screen and (min-width:1024px){
	.b-thumb{ margin-bottom:10px;}
	.b-thumb .thumb-sm .item{ width:32%; margin-left:2%;}
	.b-thumb .thumb-sm .item:nth-child(3n+1){ margin-left:0; clear:both;}
	.b-thumb .thumb-sm .swiper-wrapper{ display:block;}
	.thumb-list2 .item:nth-child(3n+1){ margin-left:0; clear:both;}
}

@media screen and (min-width:1024px) and (max-width:1200px){
	.b-thumb .thumb-lg{ width:60%;}
	.b-thumb .thumb-sm{ width:39%;}
	.b-thumb .thumb-sm li{ width:32.3%; margin-left:1%;}

	.thumb-list2 .item{ width:32.3%; margin-left:1%;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	.b-thumb{ margin:0 -20px;}
	.b-thumb .thumb-lg{ width:100%;}
	.b-thumb .thumb-sm{ width:100%; margin-top:.5rem; }
	.b-thumb .thumb-sm .item{ float:none; margin:0;}
	.b-thumb .thumb-sm .item img{ width:100%;}
	
	.thumb-list2 .item{ width:32.3%; margin-left:1%; margin-bottom:1%;}
	.thumb-list2 .item:nth-child(3n+1){ clear:both; margin-left:0;}
	.thumb-list2.movie .item .thumb::after{ width:2rem; height:2.2rem; background-size:100%; margin:-1.1rem 0 0 -1rem;}
	.thumb-list2 .item .desc{ padding:.6rem;}
	.thumb-list2 .item .desc strong{ font-size:1.2rem; height:2.8rem;}
	.thumb-list2 .item .desc .date{ margin-top:.5rem;}
	.thumb-list2 .item .desc .date .cnt{ display:none;}
}

@media screen and (max-width:767px){
	.b-thumb{ margin:0 -4.5vw;}
	.b-thumb .thumb-lg{ width:100%;}
	.b-thumb .thumb-sm{ width:100%; margin-top:.5rem;}
	.b-thumb .thumb-sm .item{ float:none; margin:0;}
	.b-thumb .thumb-sm .item img{ width:100%;}
	
	.thumb-list2 .item{ width:49%; margin-left:2%; margin-bottom:2%;}
	.thumb-list2 .item:nth-child(2n+1){ clear:both; margin-left:0;}
	.thumb-list2.movie .item .thumb::after{ width:2rem; height:2.2rem; background-size:100%; margin:-1.1rem 0 0 -1rem;}
	.thumb-list2 .item .desc{ padding:.6rem;}
	.thumb-list2 .item .desc strong{ font-size:1.2rem; height:2.8rem;}
	.thumb-list2 .item .desc .date{ margin-top:.5rem;}
	.thumb-list2 .item .desc .date .cnt{ display:none;}
}


/* --------------------------------------------
 * sponsor
/* ------------------------------------------ */
.spon-wr .itm{ display:table; width:100%; table-layout:fixed; background-color:#fff; padding:30px;}
.spon-wr .itm + .itm{ margin-top:1rem;}
.spon-wr .itm > *{ display:table-cell; vertical-align:middle; }
.spon-wr .itm .logo{ width:270px;}
.spon-wr .itm h3{ font-size:20px; color:#111; font-weight:600; }
.spon-wr .itm .txt{ margin:.8rem 0 2rem; line-height:1.4;}
.spon-wr .itm ul li a{ color:#8b959e; }
.spon-wr .itm ul li a::before{ content:""; width:3px; height:3px; margin:0 .5rem 0 0; background-color:#8b959e; display:inline-block; vertical-align:middle; border-radius:50%; }
.spon-wr .itm ul li a:hover{ text-decoration:underline;}
.spon-wr .itm ul li + li{ margin-top:.5rem;}
/* .spon-wr .itm ul li:first-child{ font-weight:600;} 20190715_2 del */
/* 20190715_2 add */
.spon-wr h2 {font-size: 24px; font-weight: 400; color: #111; margin-top: 30px; margin-bottom: 15px;}
@media screen and (max-width:767px){
	.spon-wr h2 {font-size: 1.2rem; margin-top: 1.5rem; margin-bottom: 0.3rem;}
}
/* 20190715_2 add */

@media screen and (max-width:767px){
	.spon-wr .itm{ display:block; padding:2rem 1rem;}
	.spon-wr .itm > *{ display:block; }
	.spon-wr .itm .logo{ width:100%; text-align:center; padding:0; margin:0 0 1rem 0;}
	.spon-wr .itm h3{ font-size:1.3rem;}
	.spon-wr .itm .txt{ margin:.5rem 0 1rem;}
}

/* --------------------------------------------
 * esports
/* ------------------------------------------ */
.hd-img{ position:relative; text-align:center; background-size:cover; background-position:50% 50%; height:350px; padding:110px 0 0 0;}
.hd-img.nat{ background-image:url('../images/esports2_hd.jpg');}
.hd-img .tit{ font-family:'GT-Haptik-Black'; color:#fff; font-size:44px;}
.hd-img .btn-box{ margin-top:25px;}
.hd-img .gLogo{ display:inline-block; position:absolute; top:30px; left:50%; margin-left:-600px; }

.estp-con{ padding:100px 0;}
.estp-con .inner{ max-width:1200px; margin:0 auto;}
.estp-con .t-area{ position:relative; max-width:1200px; margin:0 auto 30px;}
.estp-con .t-area .tit{ font-family:'Graphik Web'; font-weight:600; font-size:30px; color:#111; line-height:1; text-transform:uppercase;}
.estp-con .t-area .more{ position:absolute; top:50%; right:0; margin-top:-.5em; color:#a0a0a0;}
.estp-con .t-area .more::after{ content:"+"; margin:0 0 0 .5rem;}
.estp-con .desc{ line-height:1.4;}

.news-lst .itm + .itm{ margin-top:1rem;}
.news-lst .itm{ display:table; width:100%; table-layout:fixed;}
.news-lst .itm .thumb{ display:table-cell; width:160px; vertical-align:top; overflow:hidden;}
.news-lst .itm .thumb img{ max-width:100%; display:block; transition:all .2s ease;}
.news-lst .itm:hover .thumb img{ transform:scale(1.1);}
.news-lst .itm .desc{ display:table-cell; padding:10px 0 0 20px; vertical-align:top;}
.news-lst .itm .desc > .nick{ display:none;}
.news-lst .itm .desc strong{ font-size:20px; color:#111; overflow:hidden; white-space:normal; text-overflow:ellipsis; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word; height:58px;}
.news-lst .itm:hover .desc strong{ text-decoration:underline;}
.news-lst .itm .desc .txt,
.news-lst .itm .desc .date .cnt{ display:none;}
.news-lst .itm .desc .date{ margin-top:10px; color:#a0a0a0;}
.news-lst .itm .desc .date .nick{ display:inline-block; color:#9daab0;}	
.news-lst .itm .desc .date span{ position:relative;}
.news-lst .itm .desc .date span + span{ margin-left:.5rem; padding-left:.5rem;}
.news-lst .itm .desc .date span + span::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#e6e6e6; }

.g-info .sTab li a{ position:relative; display:block; line-height:60px; text-align:center; color:#5f5f5f; font-size:16px; background-color:#e6e9ee;}
.g-info .sTab::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-info .sTab li{ width:25%; float:left;}
.g-info .sTab li + li{ padding-left:1px;}
.g-info .sTab li.active a,
.g-info .sTab li a:hover{ background-color:#fa5a28; color:#fff; }
.g-info .sTab li.active a::after{ content:""; position:absolute; left:50%; bottom:-6px; margin-left:-3px; border-top:#fa5a28 6px solid; border-left:transparent 6px solid; border-right:transparent 6px solid;  }
.g-info .gbox{position:relative;margin: 20px 0 0 0;}
.g-info .gbox .gbox01{ min-height:400px; background-color:#f5f5f5; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.g-info .gbox .gbox01#sTab0101{ background-color:#000; padding:0; }
.g-info .gbox .gbox01 .desc{ padding:35px 25px; color:#fff;}
.g-info .gbox .gbox01 .desc strong{ font-size:24px; display:block; margin:0 0 10px 0;}
.g-info .gbox .gbox01 .tbx{ position:absolute; bottom:0; left:0; background-color:#0d2143; width:100%; padding:30px 0; }
.g-info .gbox .gbox01 .tbx .btn-grp{ position:absolute; right:30px; top:50%; margin-top:-15px;}
.g-info .gbox .gbox01 .tbx ul::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-info .gbox .gbox01 .tbx ul li{ float:left; width:200px; color:#fff; padding:0 30px;}
.g-info .gbox .gbox01 .tbx ul li + li{ border-left:#384864 1px solid;}
.g-info .gbox .gbox01 .tbx ul li strong{ display:block; font-size:18px; margin-top:5px;}
.g-info .gbox .gbox01#sTab0102{ padding:40px 30px;}
.g-info .gbox .gbox01#sTab0103{ padding:40px 30px;}
.g-info .gbox .gbox01#sTab0104{ padding:40px 30px;}
.g-info .gbox .gbox01 h4{ margin:20px 0 10px; color:#111; font-size:18px;}
.g-info .gbox .gbox01 .sch01 .vis-mobi{ display:none;}
.g-info .gbox .gbox01 .sch02{ margin-left:-1%;}
.g-info .gbox .gbox01 .sch02::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-info .gbox .gbox01 .sch02 > li{ float:left; width:49%; margin:0 0 10px 1%; background-color:#fff; display:table; }
.g-info .gbox .gbox01 .sch02 > li > *{ display:table-cell; vertical-align:middle; height:50px;}
.g-info .gbox .gbox01 .sch02 > li > strong{ width:120px; background-color:#0d2142; color:#fff; text-align:center; font-weight:400;}
.g-info .gbox .gbox01 .sch02 > li > span{ padding:0 2rem;}
.g-info .gbox .gbox01 .espt-rule{ display:table; width:100%; table-layout:fixed; padding:20px 0 0 0;}
.g-info .gbox .gbox01 .espt-rule .thumb{ display:table-cell; width:315px; text-align:center; vertical-align:top;}
.g-info .gbox .gbox01 .espt-rule .rule-tbx{ display:table-cell; }
.g-info .gbox .gbox01 .espt-rule .rule-tbx .t01{ font-size:1.3rem; margin:0 0 2rem 0; }
.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li{ position:relative; padding:0 0 0 112px; color:#5f5f5f;}
.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li + li{ margin-top:25px;}
.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .n{ position:absolute; top:0; left:0; display:inline-block; background-color:#0d2143; color:#fff; line-height:1.6rem; padding:0 1rem; border-radius:3px;}
.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .txt strong{ font-size:20px; display:block;}
.g-info .gbox .gbox01 .espt-rule .rule-tbx  .btn-box{ text-align:left;}
.g-info .gbox .gbox01 .espt-qa{ position:relative; padding:20px 0 0 315px;}
.g-info .gbox .gbox01 .espt-qa::before{ content:""; position:absolute; top:20px; left:104px; width:108px; height:108px; border:#5f5f5f 5px solid; border-radius:50%; display:block; background:url('../images/ic_exc.png') 50% 50% no-repeat;}
.g-info .gbox .gbox01 .espt-qa h4{ font-size:20px; margin:0 0 30px 0;}
.g-info .gbox .gbox01 .espt-qa .txt{ border-top:#e6e6e6 1px solid; padding:30px 0 0 0; font-size:16px; line-height:1.4;}
.g-info .gbox .gbox01 .espt-qa .btn-box{ text-align:left;}
.g-info .gbox .sch01::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-info .gbox .sch01 .itm{ position:relative; float:left; width:28%;}
.g-info .gbox .sch01 .itm.duble{ width:50.5%; padding:0 6.5% 0 0;}
.g-info .gbox .sch01 .itm.duble.ma_t32 {margin-top:32px;}
.g-info .gbox .sch01 .itm.fir{ padding:0 6.5% 0 0;}
.g-info .gbox .sch01 .itm.fir.ma_t32 {margin-top:32px;}
.g-info .gbox .sch01 .itm.last{ width:21.5%;}
.g-info .gbox .sch01 .itm::before{ content:""; position:absolute; top:45px; display:block; width:30px; height:30px; border-left:#e6e9ee 4px solid; border-bottom:#e6e9ee 4px solid; -webkit-transform:rotate(-134deg);transform:rotate(-134deg);}
.g-info .gbox .sch01 .itm.fir::before,
.g-info .gbox .sch01 .itm.duble::before{ right:1.5rem; }
.g-info .gbox .sch01 .itm.last::before{ display:none;}
.g-info .gbox .sch01 .itm dl{ text-align:center;}
.g-info .gbox .sch01 .itm dt{ font-size:18px; color:#111; font-weight:600; margin:0 0 10px 0; white-space:nowrap; letter-spacing:-.05em;}
.g-info .gbox .sch01 .itm dd > div{ font-size:16px; color:#fff; background-color:#8b959e; line-height:50px; height:50px;}
.g-info .gbox .sch01 .itm.fir dd > div{ background-color:#9ea8b4;}
.g-info .gbox .sch01 .itm.last dd > div{ background-color:#0d2142;}
.g-info .gbox .sch01 .itm dd p{ position:relative;  margin-top:10px; padding-top:15px; color:#111; border-top:#fa5a28 1px solid;}
.g-info .gbox .sch01 .itm dd p::before{ content:""; position:absolute; top:-3px; right:0; width:5px; height:5px; border-radius:50%; display:block; background-color:#fa5a28; }
.g-info .gbox .sch01 .itm.duble dl::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-info .gbox .sch01 .itm.duble dl dd.wid_100 {width:100%; float:left;}
.g-info .gbox .sch01 .itm.duble dl dd{ width:49%; float:left;}
.g-info .gbox .sch01 .itm.duble dl dd + dd{ margin-left:2%;}
.g-info .gbox .sch01 .itm.duble dl dd span{ display:inline-block;}
.tx-coming{ text-align:center; font-size:1.8rem; padding:7rem 1rem; margin-left : -7rem;}
.tx-coming::before{ content:""; width:70px; height:70px; display:inline-block; vertical-align:middle; margin:0 1rem 0 0; }

.nat-gbx{ position:relative; padding:0 0 0 233px;}
.nat-gbx .left{ position:absolute; top:0; left:0; width:172px;}
.nat-gbx .left .tit{ color:#111; font-size:26px; text-transform:uppercase; line-height:1; font-family:'Graphik Web'; font-weight:600; letter-spacing:-.05em; margin:0 0 40px 0;}
.nat-gbx .left .tab li a{ position:relative; line-height:50px; display:block; color:#a0a0a0; font-size:18px; }
.nat-gbx .left .tab li + li a{ border-top:#e6e6e6 1px solid;}
.nat-gbx .left .tab li.active a,
.nat-gbx .left .tab li a:hover{ color:#fa5a28; }
.nat-gbx .left .tab li.active a::after{ content:""; position:absolute; top:50%; right:0; margin-top:-5px; width:10px; height:10px; display:block; border:#fa5a28 2px solid; border-top:none; border-left:none; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.g-gm .tc-t1{ overflow:hidden; }
.g-gm .tc-t1 .swiper-slide{ border-bottom:#e6e6e6 1px solid;}
.g-gm .tc-t1 .swiper-slide a{ position:relative; display:block; color:#5f5f5f; font-size:18px; text-align:center; line-height:50px; letter-spacing:-.05em;}
.g-gm .tc-t1 .swiper-slide a:hover,
.g-gm .tc-t1 .swiper-slide.active a{ color:#fa5a28;}
.g-gm .tc-t1 .swiper-slide.active a::after{ content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; display:block; background-color:#fa5a28;}
.g-gm .tc-t1 .prev,
.g-gm .tc-t1 .next{ display:none;}
.g-gm .tc-gp{ position:relative; margin:40px 0 0 0; display:table; width:100%; table-layout:fixed; z-index:3;}
.g-gm .tc-gp .tc-t2{ display:table-cell; }
.g-gm .tc-gp .tc-t3{ display:table-cell; width:383px;}
.g-gm .tc-gp .tc-t2::after,
.g-gm .tc-gp .tc-t3::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-gm .tc-gp .tit {width:140px; color:#111; display:inline-block; line-height:40px; float:left;}
.g-gm .tc-gp .tc-t2 .tc-con{ float:left; overflow:hidden;}
.g-gm .tc-gp .tc-t2 .tc-con a{ float:left; line-height:40px; background-color:#e6e9ee; color:#5f5f5f; width:120px; display:inline-block; border-radius:3px; text-align:center;}
.g-gm .tc-gp .tc-t2 .tc-con a + a{ margin-left:10px;}
.g-gm .tc-gp .tc-t2 .tc-con a:hover,
.g-gm .tc-gp .tc-t2 .tc-con a.active{ background-color:#fa5a28; color:#fff; }
.g-gm .tc-gp .tc-t3 .tc-con{ position:relative; float:left; width:240px; }
.g-gm .tc-gp .tc-t3 .tc-con > .sel{ position:relative; line-height:40px; display:block; border:#8b959e 1px solid; border-radius:3px; padding:0 20px 0 6px; color:#8b959e;}
.g-gm .tc-gp .tc-t3 .tc-con > .sel::after{ content:""; position:absolute; top:50%; right:10px; border-top:#8b959e 5px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; transition:all 0.2s ease-in-out;}
.g-gm .tc-gp .tc-t3 .tc-con.active > .sel::after{ margin-top:-3px; -webkit-transform:rotate(-180deg);transform:rotate(-180deg);  }
.g-gm .tc-gp .tc-t3 .tc-con > .selLst{ position:absolute; top:38px; right:0; width:100%; background-color:#f5f5f5; border:#8b959e 1px solid; border-top:none; border-radius:3px; height:240px; display:none;}
.g-gm .tc-gp .tc-t3 .tc-con > .selLst a{ display:block; padding:6px; color:#8b959e;}

.g-gm2 .tc-t1{ overflow:hidden; }
.g-gm2 .tc-t1 .swiper-slide{ border-bottom:#e6e6e6 1px solid;}
.g-gm2 .tc-t1 .swiper-slide a{ position:relative; display:block; color:#5f5f5f; font-size:18px; text-align:center; line-height:50px; letter-spacing:-.05em;}
.g-gm2 .tc-t1 .swiper-slide a:hover,
.g-gm2 .tc-t1 .swiper-slide.active a{ color:#fa5a28;}
.g-gm2 .tc-t1 .swiper-slide.active a::after{ content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; display:block; background-color:#fa5a28;}
.g-gm2 .tc-t1 .prev,
.g-gm2 .tc-t1 .next{ display:none;}
.g-gm2 .tc-gp{ position:relative; margin:40px 0 0 0; display:table; width:100%; table-layout:fixed; z-index:3;}
.g-gm2 .tc-gp .tc-t2{ display:table-cell; }

@media screen and (min-width:1024px){
	.g-gm2 .tc-gp .tc-t3{ display:table-cell; width:360px;}
}

@media screen and (max-width:1199px){
	.g-gm2 .tc-gp .tc-t3{ display:table-cell; width:320px;}
}

.g-gm2 .tc-gp .tc-t2::after,
.g-gm2 .tc-gp .tc-t3::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}

@media screen and (min-width:1024px)
	.g-gm2 .tc-gp .tit{ width:120px; color:#111; display:inline-block; line-height:40px; float:left;}
}

.g-gm2 .tc-gp .tc-t2 .tc-con{ float:left; overflow:hidden;}
.g-gm2 .tc-gp .tc-t2 .tc-con a{ float:left; line-height:40px; background-color:#e6e9ee; color:#5f5f5f; width:120px; display:inline-block; border-radius:3px; text-align:center;}
.g-gm2 .tc-gp .tc-t2 .tc-con a + a{ margin-left:10px;}
.g-gm2 .tc-gp .tc-t2 .tc-con a:hover,
.g-gm2 .tc-gp .tc-t2 .tc-con a.active{ background-color:#fa5a28; color:#fff; }

@media screen and (min-width:1024px){
	.g-gm2 .tc-gp .tc-t3 .tc-con{ position:relative; float:left; width:240px; }
}

@media screen and (max-width:1199px){
	.g-gm2 .tc-gp .tc-t3 .tc-con{ position:relative; float:left; width:200px; }
}

.g-gm2 .tc-gp .tc-t3 .tc-con > .sel{ position:relative; line-height:40px; display:block; border:#8b959e 1px solid; border-radius:3px; padding:0 20px 0 6px; color:#8b959e;}
.g-gm2 .tc-gp .tc-t3 .tc-con > .sel::after{ content:""; position:absolute; top:50%; right:10px; border-top:#8b959e 5px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; transition:all 0.2s ease-in-out;}
.g-gm2 .tc-gp .tc-t3 .tc-con.active > .sel::after{ margin-top:-3px; -webkit-transform:rotate(-180deg);transform:rotate(-180deg);  }
.g-gm2 .tc-gp .tc-t3 .tc-con > .selLst{ position:absolute; top:38px; right:0; width:100%; background-color:#f5f5f5; border:#8b959e 1px solid; border-top:none; border-radius:3px; height:240px; display:none;}
.g-gm2 .tc-gp .tc-t3 .tc-con > .selLst a{ display:block; padding:6px; color:#8b959e;}

.gmv-lst{ position:relative; width:100%; overflow:hidden; }
.gmv-lst .prev{ position:absolute; top:50%; left:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
.gmv-lst .next{ position:absolute; top:50%; right:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
.gmv-lst .prev::after,
.gmv-lst .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:3px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
.gmv-lst .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.gmv-lst .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.gmv-lst .prev span,
.gmv-lst .next span{ position:absolute; top:-9999px; left:-9999px;}
.gmv-lst .itm{ position:relative; display:block; width:312px;}
.gmv-lst .itm::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:1; opacity:0; transition:all 0.2s ease-in-out;}
.gmv-lst .itm .tbx{ position:absolute; bottom:0; left:0; width:100%; padding:30px; color:#fff; z-index:9; opacity:0; transition:all 0.2s ease-in-out;}
.gmv-lst .itm .tbx .cls{ display:block; font-size:18px;}
.gmv-lst .itm .tbx .tit{ display:block; font-size:20px; font-weight:400; margin:5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:50px;}
.gmv-lst .itm .tbx .date{ display:block; }
.gmv-lst .itm::after{ content:""; position:absolute; top:175px; left:50%; margin-left:-30px; display:block; width:61px; height:69px; background:url('../images/ic_player2.png') 50% 50% no-repeat; background-size:100%; z-index:10; opacity:0; transition:all 0.2s ease-in-out;}
.gmv-lst .itm:hover .tbx,
.gmv-lst .itm:hover::before,
.gmv-lst .itm:hover::after{ opacity:1;}
.gmv-lst .thumbnail{ height:570px;}

.gimg-lst{ position:relative; width:100%; overflow:hidden; }
.gimg-lst .prev{ position:absolute; top:50%; left:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
.gimg-lst .next{ position:absolute; top:50%; right:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
.gimg-lst .prev::after,
.gimg-lst .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:3px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
.gimg-lst .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.gimg-lst .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.gimg-lst .prev span,
.gimg-lst .next span{ position:absolute; top:-9999px; left:-9999px;}
.gimg-lst .itm{ width:auto;}
.gimg-lst .itm .thumbr{ position:relative; overflow:hidden; display:block;}
.gimg-lst .itm .thumbr::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.6); z-index:2; opacity:0; transition:all 0.2s ease-in-out;}
.gimg-lst .itm .tbx{ position:absolute; bottom:0; left:0; width:100%; padding:30px; color:#fff; z-index:9; opacity:0; transition:all 0.2s ease-in-out;}
.gimg-lst .itm .tbx .tit{ display:block; font-size:20px; font-weight:400; margin:5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:50px;}
.gimg-lst .itm .thumbr:hover .tbx,
.gimg-lst .itm .thumbr:hover::before{ opacity:1;}
.gimg-lst .itm.thum-block0 .thumbr{ width:950px; height:630px;}
.gimg-lst .itm.thum-block0 .thumbnail,
.gimg-lst .itm.thum-block0 img{ height:630px;}
.gimg-lst .itm.thum-block1 .thumbr{ width:340px; height:630px;}
.gimg-lst .itm.thum-block1 .thumbnail,
.gimg-lst .itm.thum-block1 img{ height:630px;}
.gimg-lst .itm.thum-block2{ width:640px; margin:-10px 0 0 -10px; overflow:hidden;}
.gimg-lst .itm.thum-block2:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.gimg-lst .itm.thum-block2 .thumbr{ width:310px; height:310px; float:left; margin:10px 0 0 10px;}
.gimg-lst .itm.thum-block2 .thumbnail{ height:310px;} 
.gimg-lst .itm.thum-block3{ width:640px; margin:-10px 0 0 -10px; overflow:hidden;}
.gimg-lst .itm.thum-block3:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.gimg-lst .itm.thum-block3 .thumbr{ width:310px; height:310px; float:left; margin:10px 0 0 10px;}
.gimg-lst .itm.thum-block3 .thumbnail{ height:310px;} 
.gimg-lst .itm.thum-block3 .thumbr.lg{ width:640px;}
.gimg-lst .itm.thum-block3 .thumbr.lg .thumbnail{ height:310px;}  
.gimg-lst .itm.thum-block3 .thumbr.lg .thumbnail .centered img.landscape{ min-width:640px;}

@media screen and (max-width:1300px){
	.estp-con .inner{ max-width:100%; overflow:hidden; padding:0;}
	.estp-con .inner > .t-area,
	.estp-con > .t-area{ padding:0 20px;}
	.estp-con .rows,
	.estp-con .g-gm,
	.estp-con .g-gm2,
	.estp-con .g-info{ padding:0 20px;}
}
@media screen and (min-width:1024px) and (max-width:1200px){
	.estp-con .inner.nat-gbx{ width:100%; padding:0 20px 0 253px;}
	.estp-con .inner.nat-gbx .left{ left:20px;}
	.estp-con .inner.nat-gbx .g-info{ padding:0;}
	.g-info .gbox .gbox01 .espt-rule .thumb{ width:30%;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.hd-img{ height:auto; padding:3rem 0; background-size:cover; }
	.hd-img .tit{ font-size:2rem;}
	.hd-img .btn-box{ margin-top:1rem;}

	.estp-con .inner > .t-area,
	.estp-con > .t-area{ padding:0 4.5vw}
	.estp-con .rows,
	.estp-con .g-gm,
	.estp-con .g-gm2,
	.estp-con .g-info{ padding:0 4.5vw;}

	.estp-con{ padding:3rem 0;}
	.estp-con .t-area{ margin-bottom:1rem;}
	.estp-con .t-area .tit{ font-size:1.6rem;}
	
	.nat-gbx{ width:100%; padding:0;}
	.nat-gbx .left{ position:relative; top:auto; left:auto; width:100%; padding: 0 3rem 0 3rem;}
	.nat-gbx .left h2.tit{ font-size:1.8rem; text-align:center; margin:0 0 1rem 0;}
	.nat-gbx .left .tab{ width:100%; overflow:hidden; margin-left:-1%;}
	.nat-gbx .left .tab li{ float:left; width:15.6%; margin-left:1%;}
	.nat-gbx .left .tab li span{ position:absolute; top:-9999px; left:-9999px;}
	.nat-gbx .left .tab li a::before{ content:""; display:block; width:3.6rem; height:3.6rem; border-radius:50%; background-color:#fff; margin:0 auto; background-position:50% 50%; background-repeat:no-repeat; background-size:90%;}
	.nat-gbx .left .tab li.itm1 a::before{ background-image:url('../images/main_g_ic01.png');}
	.nat-gbx .left .tab li.itm2 a::before{ background-image:url('../images/main_g_ic02.png');}
	.nat-gbx .left .tab li.itm3 a::before{ background-image:url('../images/main_g_ic03.png');}
	.nat-gbx .left .tab li.itm4 a::before{ background-image:url('../images/main_g_ic04.png');}
	.nat-gbx .left .tab li.itm5 a::before{ background-image:url('../images/main_g_ic05.png');}
	.nat-gbx .left .tab li.itm6 a::before{ background-image:url('../images/main_g_ic06.png');}
	.nat-gbx .left .tab li.active a::before{ background-color:#fa5a28;}
	.nat-gbx .left .tab li + li a{ border:none;}
	.nat-gbx .left .tab li.active a::after{ display:none;}

	.g-gm .tc{ padding:3rem 4.5vw;}
	.g-gm .tc::before{ display:none;}
	.g-gm .tc-t1{ position:relative;}
	.g-gm .tc-t1 .swiper-slide a{ font-size:1.1rem; line-height:1; padding:.5rem 0;}	
	.g-gm .tc-t1 .prev,
	.g-gm .tc-t1 .next{ display:block;}
	.g-gm .tc-t1 .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm .tc-t1 .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm .tc-t1 .prev::after,
	.g-gm .tc-t1 .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.g-gm .tc-t1 .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.g-gm .tc-t1 .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.g-gm .tc-gp{ margin-top:1.5rem; display:block;}
	.g-gm .tc-gp .tc-t2{ position:relative; display:block; padding:0 0 0 5rem;}
	.g-gm .tc-gp .tc-t2 .tit{ position:relative; top:0; left:0; margin-left:-90px; width:70px; word-break:break-all; line-height: 40px;}
	.g-gm .tc-gp .tc-t3 .tit{ position:relative; top:0; left:0; margin-left:-90px; width:70px; word-break:break-all; line-height: 20px;}
	.g-gm .tc-gp .tc-t2 .tc-con{ float:none; margin-left:-1%;}
	.g-gm .tc-gp .tc-t2 .tc-con a{ width:24%; margin-left:1%; }
	.g-gm .tc-gp .tc-t2 .tc-con a + a{ margin-left:1%; }
	.g-gm .tc-gp .tc-t3{ position:relative; display:block; padding:0 0 0 5rem; margin-top:.5rem; width:100%;}
	.g-gm .tc-gp .tc-t3 .tc-con{ float:right; width:100%;}
	.g-gm .tc-gp .tc-t3 .tc-con > .sel{ width:100%;}

	.g-gm2 .tc{ padding:3rem 4.5vw;}
	.g-gm2 .tc::before{ display:none;}
	.g-gm2 .tc-t1{ position:relative;}
	.g-gm2 .tc-t1 .swiper-slide a{ font-size:1.1rem; line-height:1; padding:.5rem 0;}	
	.g-gm2 .tc-t1 .prev,
	.g-gm2 .tc-t1 .next{ display:block;}
	.g-gm2 .tc-t1 .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm2 .tc-t1 .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm2 .tc-t1 .prev::after,
	.g-gm2 .tc-t1 .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.g-gm2 .tc-t1 .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.g-gm2 .tc-t1 .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.g-gm2 .tc-gp{ margin-top:1.5rem; display:block;}
	.g-gm2 .tc-gp .tc-t2{ position:relative; display:block; padding:0 0 0 4rem;}
	.g-gm2 .tc-gp .tc-t2 .tit{ position:relative; top:0; left:0; margin-left : -60px; width:70px; line-height:40px;}
	.g-gm2 .tc-gp .tc-t3 .tit{ position:relative; top:0; left:0; margin-left : -60px; width:70px; line-height:20px;word-break:break-all;}
	.g-gm2 .tc-gp .tc-t2 .tc-con{ float:none; margin-left:-1%;}
	.g-gm2 .tc-gp .tc-t2 .tc-con a{ width:24%; margin-left:1%; }
	.g-gm2 .tc-gp .tc-t2 .tc-con a + a{ margin-left:1%; }
	.g-gm2 .tc-gp .tc-t3{ position:relative; display:block; padding:0 0 0 4rem; margin-top:.5rem; width:100%;}
	.g-gm2 .tc-gp .tc-t3 .tc-con{ float:none; width:100%;}
	.g-gm2 .tc-gp .tc-t3 .tc-con > .sel{ width:100%;}

	.gmv-lst .itm .tbx,
	.gmv-lst .itm::before{ opacity:1;}
	.gmv-lst .itm::after{ opacity:1; width:32px; height:36px; top:8rem; margin-left:-16px;}
	.gmv-lst .itm .tbx{ padding:1rem;}
	.gmv-lst .itm .tbx .cls{ font-size:1rem;}
	.gmv-lst .itm .tbx .tit{ font-size:1.1rem; height:2.6rem;}
	.gmv-lst .itm .tbx .date{ font-size:.85rem;}
	.gmv-lst .prev{ position:absolute; top:50%; left:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
	.gmv-lst .next{ position:absolute; top:50%; right:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
	.gmv-lst .prev::after,
	.gmv-lst .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #c8c8c8; width:2rem; height:2rem; border-top:none;border-right:none;}
	.gmv-lst .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.gmv-lst .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.gmv-lst .prev span,
	.gmv-lst .next span{ position:absolute; top:-9999px; left:-9999px;}
	.gmv-lst .thumbnail{ height:456px;}

	.gimg-lst .itm .tbx,
	.gimg-lst .itm .thumbr::before{ opacity:0;}
	.gimg-lst .itm .tbx{ padding:1rem;}
	.gimg-lst .itm .tbx .tit{ font-size:1.1rem; height:2.6rem;}
	.gimg-lst .itm.thum-block0 .thumbr{ width:492px; height:326px;}
	.gimg-lst .itm.thum-block0 .thumbnail, 
	.gimg-lst .itm.thum-block0 img{ height:326px;}
	.gimg-lst .itm.thum-block1 .thumbr{ width:176px; height:326px;}
	.gimg-lst .itm.thum-block1 .thumbnail, 
	.gimg-lst .itm.thum-block1 img{ height:326px;}
	.gimg-lst .itm.thum-block2{ margin:-10px 0 0 -10px; width:336px;}
	.gimg-lst .itm.thum-block2 .thumbr{ width:158px; height:158px; margin:10px 0 0 10px;}
	.gimg-lst .itm.thum-block2 .thumbnail{ height:158px;}
	.gimg-lst .itm.thum-block3{ margin:-10px 0 0 -10px; width:336px;}
	.gimg-lst .itm.thum-block3 .thumbr{ width:158px; height:158px; margin:10px 0 0 10px;}
	.gimg-lst .itm.thum-block3 .thumbnail{ height:158px;}
	.gimg-lst .itm.thum-block3 .thumbr.lg{ width:336px;}
	.gimg-lst .itm.thum-block3 .thumbr.lg .thumbnail{ height:158px;}
	.gimg-lst .itm.thum-block3 .thumbr.lg .thumbnail .centered img.landscape{ min-width:336px;}
		
	.g-info .gbox .gbox01#sTab0102,
	.g-info .gbox .gbox01#sTab0103,
	.g-info .gbox .gbox01#sTab0104{ padding:1.5rem 1rem;}
	.g-info .gbox .gbox01 .espt-rule{ padding:0;}
	.g-info .gbox .gbox01 .espt-rule .thumb{ width:10rem;}
	.g-info .gbox .gbox01 .espt-rule .rule-tbx .btn-box .btn{ width:100%; }
	.g-info .gbox .gbox01 .espt-rule .rule-tbx .btn-box .btn + .btn{ margin:.5rem 0 0 0; width:100%; }
	.g-info .gbox .gbox01 .espt-qa{ position:relative; padding:0;}
	.g-info .gbox .gbox01 .espt-qa::before{ position:relative; top:auto; left:auto; width:4rem; height:4rem; margin:0 auto; border:#5f5f5f 2px solid; background:url('../images/ic_exc.png') 50% 50% no-repeat; background-size:1rem auto;}
	.g-info .gbox .gbox01 .espt-qa h4{ font-size:1.2rem; margin:2rem 0 1rem;}
	.g-info .gbox .gbox01 .espt-qa .txt{ padding:1rem 0 0 0; font-size:1rem; }
	.g-info .gbox .gbox01 .espt-qa .btn-box .btn{ width:100%; }
	.g-info .gbox .gbox01 .espt-qa .btn-box .btn + .btn{ margin:.5rem 0 0 0; width:100%; }

	.g-info .gbox .sch01 .itm.fir::before,
	.g-info .gbox .sch01 .itm.duble::before{ right:.7rem; }
	
}

@media screen and (max-width:767px){
	.hd-img{ height:auto; padding:3rem 0; background-size:cover; }
	.hd-img .tit{ font-size:2rem;}
	.hd-img .btn-box{ margin-top:1rem;}

	.estp-con .inner > .t-area,
	.estp-con > .t-area{ padding:0 4.5vw}
	.estp-con .rows,
	.estp-con .g-gm,
	.estp-con .g-info{ padding:0 4.5vw;}

	.estp-con{ padding:3rem 0;}
	.estp-con .t-area{ margin-bottom:1rem;}
	.estp-con .t-area .tit{ font-size:1.6rem;}

	.news-lst .itm .thumb{ width:8rem;}
	.news-lst .itm .desc{ padding:.5rem 0 .5rem 1rem;}
	.news-lst .itm .desc strong{ font-size:1.1rem; height:3.4rem;}
	.news-lst .itm .desc .date{ font-size:.9rem; margin-top:.2rem;}
	.news-lst .itm + .itm{ margin-top:.5rem;}

	.nat-gbx{ width:100%; padding:0;}
	.nat-gbx .left{ position:relative; top:auto; left:auto; width:100%; padding: 0 3rem 0 3rem;}
	.nat-gbx .left h2.tit{ font-size:1.8rem; text-align:center; margin:0 0 1rem 0;}
	.nat-gbx .left .tab{ width:100%; overflow:hidden; margin-left:-1%;}
	.nat-gbx .left .tab li{ float:left; width:15.6%; margin-left:1%;}
	.nat-gbx .left .tab li span{ position:absolute; top:-9999px; left:-9999px;}
	.nat-gbx .left .tab li a::before{ content:""; display:block; width:3.6rem; height:3.6rem; border-radius:50%; background-color:#fff; margin:0 auto; background-position:50% 50%; background-repeat:no-repeat; background-size:90%;}
	.nat-gbx .left .tab li.itm1 a::before{ background-image:url('../images/main_g_ic01.png');}
	.nat-gbx .left .tab li.itm2 a::before{ background-image:url('../images/main_g_ic02.png');}
	.nat-gbx .left .tab li.itm3 a::before{ background-image:url('../images/main_g_ic03.png');}
	.nat-gbx .left .tab li.itm4 a::before{ background-image:url('../images/main_g_ic04.png');}
	.nat-gbx .left .tab li.itm5 a::before{ background-image:url('../images/main_g_ic05.png');}
	.nat-gbx .left .tab li.itm6 a::before{ background-image:url('../images/main_g_ic06.png');}
	.nat-gbx .left .tab li.active a::before{ background-color:#fa5a28;}
	.nat-gbx .left .tab li + li a{ border:none;}
	.nat-gbx .left .tab li.active a::after{ display:none;}

	.g-gm .tc{ padding:3rem 4.5vw;}
	.g-gm .tc::before{ display:none;}
	.g-gm .tc-t1{ position:relative;}
	.g-gm .tc-t1 .swiper-slide a{ font-size:1.1rem; line-height:1; padding:.5rem 0;}	
	.g-gm .tc-t1 .prev,
	.g-gm .tc-t1 .next{ display:block;}
	.g-gm .tc-t1 .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm .tc-t1 .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm .tc-t1 .prev::after,
	.g-gm .tc-t1 .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.g-gm .tc-t1 .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.g-gm .tc-t1 .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.g-gm .tc-gp{ margin-top:1.5rem; display:block;}
	.g-gm .tc-gp .tc-t2{ position:relative; display:block; padding:0 0 0 6rem;}
	.g-gm .tc-gp .tc-t2 .tit{ position:relative; top:0; left:0; margin-left:-90px; width:70px; word-break:break-all; line-height: 40px;}
	.g-gm .tc-gp .tc-t3 .tit{ position:relative; top:0; left:0; margin-left:-90px; width:70px; word-break:break-all; line-height: 20px;}
	.g-gm .tc-gp .tc-t2 .tc-con{ float:none; margin-left:-1%;}
	.g-gm .tc-gp .tc-t2 .tc-con a{ width:24%; margin-left:1%; white-space:nowrap; font-size:.9rem;}
	.g-gm .tc-gp .tc-t2 .tc-con a + a{ margin-left:1%; }
	.g-gm .tc-gp .tc-t3{ position:relative; display:block; padding:0 0 0 6rem; margin-top:.5rem; width:100%;}
	.g-gm .tc-gp .tc-t3 .tc-con{ float:right; width:100%;}
	.g-gm .tc-gp .tc-t3 .tc-con > .sel{ width:100%;}

	.g-gm2 .tc{ padding:3rem 4.5vw;}
	.g-gm2 .tc::before{ display:none;}
	.g-gm2 .tc-t1{ position:relative;}
	.g-gm2 .tc-t1 .swiper-slide a{ font-size:1.1rem; line-height:1; padding:.5rem 0;}	
	.g-gm2 .tc-t1 .prev,
	.g-gm2 .tc-t1 .next{ display:block;}
	.g-gm2 .tc-t1 .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm2 .tc-t1 .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.g-gm2 .tc-t1 .prev::after,
	.g-gm2 .tc-t1 .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.g-gm2 .tc-t1 .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.g-gm2 .tc-t1 .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.g-gm2 .tc-gp{ margin-top:1.5rem; display:block;}
	.g-gm2 .tc-gp .tc-t2{ position:relative; display:block; padding:0 0 0 4rem;}
	.g-gm2 .tc-gp .tc-t2 .tit{ position:relative; top:0; left:0; margin-left : -60px; width:60px; line-height:40px;}
	.g-gm2 .tc-gp .tc-t3 .tit{ position:relative; top:0; left:0; margin-left : -60px; width:60px; line-height:20px;word-break:break-all;}
	.g-gm2 .tc-gp .tc-t2 .tc-con{ float:none; margin-left:-1%;}
	.g-gm2 .tc-gp .tc-t2 .tc-con a{ width:24%; margin-left:1%; }
	.g-gm2 .tc-gp .tc-t2 .tc-con a + a{ margin-left:1%; }
	.g-gm2 .tc-gp .tc-t3{ position:relative; display:block; padding:0 0 0 4rem; margin-top:.5rem; width:100%;}
	.g-gm2 .tc-gp .tc-t3 .tc-con{ float:none; width:100%;}
	.g-gm2 .tc-gp .tc-t3 .tc-con > .sel{ width:100%;}

	.gmv-lst .itm .tbx,
	.gmv-lst .itm::before{ opacity:1;}
	.gmv-lst .itm::after{ opacity:1; width:32px; height:36px; top:8rem; margin-left:-16px;}
	.gmv-lst .itm .tbx{ padding:1rem;}
	.gmv-lst .itm .tbx .cls{ font-size:1rem;}
	.gmv-lst .itm .tbx .tit{ font-size:1.1rem; height:2.6rem;}
	.gmv-lst .itm .tbx .date{ font-size:.85rem;}
	.gmv-lst .prev{ position:absolute; top:50%; left:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
	.gmv-lst .next{ position:absolute; top:50%; right:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
	.gmv-lst .prev::after,
	.gmv-lst .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #c8c8c8; width:2rem; height:2rem; border-top:none;border-right:none;}
	.gmv-lst .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.gmv-lst .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.gmv-lst .prev span,
	.gmv-lst .next span{ position:absolute; top:-9999px; left:-9999px;}
	.gmv-lst .thumbnail{ height:320px;}

	.gimg-lst .itm .tbx,
	.gimg-lst .itm .thumbr::before{ opacity:0;}
	.gimg-lst .itm .tbx{ padding:1rem;}
	.gimg-lst .itm .tbx .tit{ font-size:1.1rem; height:2.6rem;}
	.gimg-lst .itm.thum-block1 img{ height:157px;}
	.gimg-lst .prev{ position:absolute; top:50%; left:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
	.gimg-lst .next{ position:absolute; top:50%; right:2rem; margin:-1rem 0 0 0; width:2rem; height:2rem; display:block; z-index:3; }
	.gimg-lst .prev::after,
	.gimg-lst .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #c8c8c8; width:2rem; height:2rem; border-top:none;border-right:none;}
	.gimg-lst .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.gimg-lst .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.gimg-lst .prev span,
	.gimg-lst .next span{ position:absolute; top:-9999px; left:-9999px;}
	.gimg-lst .itm.thum-block0 .thumbr{ width:240px; height:157px;}
	.gimg-lst .itm.thum-block0 .thumbnail, 
	.gimg-lst .itm.thum-block0 img{ height:157px;}
	.gimg-lst .itm.thum-block1 .thumbr{ width:86px; height:157px;}
	.gimg-lst .itm.thum-block1 .thumbnail, 
	.gimg-lst .itm.thum-block1 img{ height:157px;}
	.gimg-lst .itm.thum-block2{ margin:-5px 0 0 -5px; width:162px;}
	.gimg-lst .itm.thum-block2 .thumbr{ width:76px; height:76px; margin:5px 0 0 5px;}
	.gimg-lst .itm.thum-block2 .thumbnail{ height:76px;}
	.gimg-lst .itm.thum-block3{ margin:-5px 0 0 -5px; width:162px;}
	.gimg-lst .itm.thum-block3 .thumbr{ width:76px; height:76px; margin:5px 0 0 5px;}
	.gimg-lst .itm.thum-block3 .thumbnail{ height:76px;}
	.gimg-lst .itm.thum-block3 .thumbr.lg{ width:162px;}
	.gimg-lst .itm.thum-block3 .thumbr.lg .thumbnail{ height:76px;}
	.gimg-lst .itm.thum-block3 .thumbr.lg .thumbnail .centered img.landscape{ min-width:162px;}
	
	.g-info .gbox .gbox01 .sch01 .vis-pc{ display:none;}
	.g-info .gbox .gbox01 .sch01 .vis-mobi{ display:block;}
	.g-info .gbox .gbox01#sTab0102,
	.g-info .gbox .gbox01#sTab0103,
	.g-info .gbox .gbox01#sTab0104{ padding:1.5rem 1rem;}
	.g-info .gbox .gbox01 h4{ font-size:1.2rem; margin:1.5rem 0 1rem;}
	.g-info .gbox .gbox01 .sch02{ margin:0;}
	.g-info .gbox .gbox01 .sch02 > li{ width:100%; margin:0;}
	.g-info .gbox .gbox01 .sch02 > li + li{ margin-top:.5rem;}
	.g-info .gbox .gbox01 .sch02 > li > *{ height:3rem;}
	.g-info .gbox .gbox01 .sch02 > li > strong{ width:7rem;}
	.g-info .gbox .gbox01 .sch02 > li > span{ padding:0; text-align:center;}
	.g-info .gbox .gbox01 .espt-rule{ display:block; padding:0;}
	.g-info .gbox .gbox01 .espt-rule .thumb{ display:block; width:100%; text-align:center; }
	.g-info .gbox .gbox01 .espt-rule .thumb img{ height:8rem;}
	.g-info .gbox .gbox01 .espt-rule .rule-tbx{ display:block; padding:0; margin-top:2rem;}
	.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li{ padding:0 0 0 6.5rem;}
	.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .n{ line-height:2rem; padding:0 .5rem;}
	.g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .txt strong{ font-size:1.1rem;}
	.g-info .gbox .gbox01 .espt-rule .rule-tbx .btn-box .btn{ width:100%; }
	.g-info .gbox .gbox01 .espt-rule .rule-tbx .btn-box .btn + .btn{ margin:.5rem 0 0 0; width:100%; }
	.g-info .gbox .gbox01 .espt-qa{ position:relative; padding:0;}
	.g-info .gbox .gbox01 .espt-qa::before{ position:relative; top:auto; left:auto; width:4rem; height:4rem; margin:0 auto; border:#5f5f5f 2px solid; background:url('../images/ic_exc.png') 50% 50% no-repeat; background-size:1rem auto;}
	.g-info .gbox .gbox01 .espt-qa h4{ font-size:1.2rem; margin:2rem 0 1rem;}
	.g-info .gbox .gbox01 .espt-qa .txt{ padding:1rem 0 0 0; font-size:1rem; }
	.g-info .gbox .gbox01 .espt-qa .btn-box .btn{ width:100%; }
	.g-info .gbox .gbox01 .espt-qa .btn-box .btn + .btn{ margin:.5rem 0 0 0; width:100%; }

	.g-info .gbox .sch01 .itm.duble,
	.g-info .gbox .sch01 .itm.fir,
	.g-info .gbox .sch01 .itm.last{ width:100%; padding:0 3rem 0 0; float:none;}
	.g-info .gbox .sch01 .itm::before{ width:1.6rem; height:1.6rem; border-left:#e6e9ee 2px solid; border-bottom:#e6e9ee 2px solid; top:auto; bottom:3.8rem;}
	.g-info .gbox .sch01 .itm.fir::before,
	.g-info .gbox .sch01 .itm.last::before,
	.g-info .gbox .sch01 .itm.duble::before{ left:auto; right:14px;}
	.g-info .gbox .sch01 .itm + .itm{ margin:1rem 0 0 0; }
	.g-info .gbox .sch01 .itm dt{ font-size:1.2rem;}
	.g-info .gbox .sch01 .itm dd > div{ font-size:1.1rem; line-height:3.4rem; height:3.4rem;}
	.g-info .gbox .sch01 .itm dd p{ margin:.8rem 0 0 0; padding:1rem 0 0 0; font-size:.9rem;}
	.g-info .gbox .sch01 .itm.duble dl dd{ width:100%; }
	.g-info .gbox .sch01 .itm.duble dl dd + dd{ margin:1rem 0 0 0;}
	
}


/* --------------------------------------------
 * footer
/* ------------------------------------------ */
.faq-wr{ position:relative; z-index:1;}
.faq-wr a.q{ position:relative; background-color:#fff; display:block; width:100%; padding:30px 50px; display:table; margin-top:1px;}
.faq-wr a.q > *{ display:table-cell;}
.faq-wr .a{ position:relative; background-color:#e6e9ee; padding:30px 50px 30px 110px; }
.faq-wr .blt{ color:#111; font-size:20px; font-weight:600; width:60px;}
.faq-wr .a .blt{ position:absolute; top:0; left:50px; color:#fa5a28; padding:25px 0;}
.faq-wr .cls{ color:#111; font-weight:600; width:60px; width:135px;}
.faq-wr .tit{ position:relative; color:#5f5f5f; font-size:16px; padding:0 40px 0 0;}
.faq-wr a.q::before{ content:""; position:absolute; top:50%; right:2rem; width:1rem; height:2px; display:block; background-color:#111;}
.faq-wr a.q::after{ content:""; position:absolute; top:50%; right:2.4rem; width:2px; height:1rem; display:block; background-color:#111; margin-top:-.4rem;}
.faq-wr a.q.active::after{ display:none;}

.privacy-wr h3{ font-size:26px; color:#111; font-weight:600;}
.privacy-wr h4{ font-size:18px; color:#111; font-weight:600; margin:50px 0 0;}
.privacy-wr dl{ font-size:16px; line-height:1.4;}
.privacy-wr dl dt{ margin:40px 0 20px; font-size:17px; color:#111; font-weight:600;}
.privacy-wr dl dd p + ul{ margin-top:1rem;}
.privacy-wr dl dd ul li + li{ margin-top:1rem;}

ul.ul-list01 > li{ text-indent:-1rem; padding-left:1rem;}

/* 20190311 추가 S */
ul.ul-list01 { margin:15px 0 20px; }
.privacy_list { list-style:decimal; margin: 20px 0 0 30px;}
.privacy_list li { font-size:18px; font-weight:600; color:#111; line-height:1.6; }
.privacy_list li a {  color:#111; }

.s_list { margin: 20px 0 20px 15px; }
.s_list li { font-size:16px; color:#666; line-height:1; }
.s_list li::before { content:'-'; padding-left:20px; display:inline-block; }

.mb20 { margin-bottom:20px; }
.pl20 { padding-left:20px; }

.tbl_privacy { border:1px solid #ddd; margin:15px 0 30px;}
.tbl_privacy th { font-size:16px; color:#111; text-align:center; font-weight:600; background:#e6e9ee; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
.tbl_privacy th:last-child { border-right:0; }
.tbl_privacy td { font-size:16px; color:#666; text-align:left; font-weight:normal; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px; }
.tbl_privacy td:last-child { border-right:0; }
/* 20190311 추가 E */

@media screen and (max-width:767px){
	.faq-wr a.q{ padding:1.5rem 3rem; display:block; }
	.faq-wr .blt{ font-size:1.2rem; width:2rem;}
	.faq-wr a.q .blt{ position:absolute; top:0; left:1rem; display:inline-block; padding:1.5rem 0;}
	.faq-wr a.q > .cls{ display:none;}
	.faq-wr a.q::before{ content:""; position:absolute; top:50%; right:1rem; width:.8rem; height:1px; display:block; background-color:#111;}
	.faq-wr a.q::after{ content:""; position:absolute; top:50%; right:1.35rem; width:1px; height:.8rem; display:block; background-color:#111; margin-top:-.4rem;}
	.faq-wr a.q .tit{ display:block; font-size:1.2rem; padding:0;}
	.faq-wr .a{ padding:2.5rem 1rem 2.5rem 3rem;}
	.faq-wr .a .blt{ position:absolute; top:0; left:1rem; color:#fa5a28; padding:2.4rem 0;}

	.privacy-wr h3{ font-size:1.3rem; }
	.privacy-wr h4{ font-size:1.2rem; margin:1.5rem 0 0;}
	.privacy-wr dl{ font-size:1rem;}
	.privacy-wr dl dt{ margin:1.5rem 0 1rem; font-size:1.2rem;}
	.privacy-wr dl dd p + ul{ margin-top:.6rem;}
	.privacy-wr dl dd ul li + li{ margin-top:.6rem;}
}


/* --------------------------------------------
 * index
/* ------------------------------------------ */
.main-slide{ position:relative; width:100%; overflow:hidden; background-color:#000;}
.video-bx{ position:relative; min-height:688px; height:688px;}
.video-bx .video-bg{ position:absolute; overflow:hidden; width:100%; height:100%; background-image:url('../images/main_bg.jpg'); background-size:cover; }
.video-bx video{ min-width:100%; min-height:100%; object-fit:cover;}
.main-slide .swiper-slide{ width:100%; background-size:cover; height:688px;}
.main-slide .desc{ position:absolute; top:0; left:50%; margin-left:-600px; height:688px; width:1200px; display:table; }
.main-slide .desc .txt{ font-family:'Graphik Web'; vertical-align:middle; font-size:60px; color:#fff; display:table-cell; font-weight:600; padding:0 240px 0 0;}
.main-slide .thumb{ position:absolute; top:204px; right:50%; left:auto; bottom:auto; width:200px; margin-right:-600px; z-index:99; }
.main-slide .thumb .swiper-pagination-bullet{ width:200px; height:115px; display:block; border-radius:5px; background-color:#231f59; overflow:hidden; background-size:cover; opacity:1; margin:0; margin-bottom:20px; border:#ea5f9a 1px solid; box-shadow:10px 5px 10px rgba(0,0,0,.5);}
.main-slide .thumb .swiper-pagination-bullet.thumb1{ position:absolute; top:-9999px; left:-9999px; width:0; height:0; }
.main-slide .thumb .swiper-pagination-bullet::before{ content:""; width:200px; height:115px; display:block; opacity:.5;}
.main-slide .thumb .swiper-pagination-bullet.swiper-pagination-bullet-active::before{ opacity:1;}
.main-slide .thumb .swiper-pagination-bullet.thumb2::before{ background-image:url('../images/@thum.jpg');}
.main-slide .thumb .swiper-pagination-bullet.thumb3::before{ background-image:url('../images/@thum2.jpg');}
.main-slide .thumb .swiper-pagination-bullet.thumb4::before{ background-image:url('../images/@thum3.jpg');}

.main-slideM{ display:none;}

.main-gm{ overflow:hidden;}
.main-gm .hd{ position:relative; height:180px; background-color:#d9dde6; z-index:2;}
.main-gm .hd::before{ content:""; position:absolute; left:0; top:0; height:180px; right:50%; margin-right:428px; background:url('../images/main_g1.jpg') 100% 50% no-repeat; background-size:cover;}
.main-gm .hd .inner{ position:relative; width:1200px; margin:0 auto;}
.main-gm .hd .inner::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.main-gm .hd .tit{ width:172px; height:180px; color:#fff; padding:60px 0 0 0; float:left;}
.main-gm .hd .tit h2{ font-family:'Graphik Web'; font-weight:600; font-size:26px;}
.main-gm .hd .tit p{ font-size:14px; margin-top:10px;}
.main-gm .hd .g-tab{ float:right; width:1028px;}
.main-gm .hd .g-tab .itm{ position:relative; float:left; width:14.2%; height:180px; padding:30px 0 0 0; text-align:center; font-size:16px; transition:all 0.2s ease-in-out;}
.main-gm .hd .g-tab .itm.dis{ opacity:.3;}
.main-gm .hd .g-tab .itm > *{ display:block; color:#111; letter-spacing: -1.5px;}
.main-gm .hd .g-tab .itm .thumb{ margin:0 0 15px 0;}
.main-gm .hd .g-tab a:hover,
.main-gm .hd .g-tab .itm.active{ background-color:#060c26;}
.main-gm .hd .g-tab a:hover strong,
.main-gm .hd .g-tab .itm.active strong{ color:#fff;}
.main-gm .hd .g-tab .itm.active::after{ content:""; position:absolute; width:10px; height:10px; border:#942780 2px solid; border-top:none; border-right:none; display:block; bottom:-10px; left:50%; margin-left:-5px; -webkit-transform:rotate(-45deg);transform:rotate(-45deg); }
.main-gm .hd .g-tab::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.main-gm .tc{ position:relative; padding:95px 0 110px; background-color:#060c26; }
.main-gm .tc::before{ content:""; position:absolute; top:0; left:0; right:50%; margin-right:428px; height:530px; background:url('../images/main_g2.jpg') 100% 50% no-repeat; background-size:cover;}
.main-gm .tc .inner{ position:relative; max-width:1200px; margin:0 auto;}
.main-gm .tc-t1{ overflow:hidden; }
.main-gm .tc-t1 .swiper-slide{ border-bottom:#383d51 1px solid;}
.main-gm .tc-t1 .swiper-slide a{ position:relative; display:block; color:#747ba2; font-size:18px; text-align:center; line-height:50px; letter-spacing:-.05em;}
.main-gm .tc-t1 .swiper-slide a:hover,
.main-gm .tc-t1 .swiper-slide.active a{ color:#942780;}
.main-gm .tc-t1 .swiper-slide.active a::after{ content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; display:block; background:-moz-linear-gradient(left, rgba(165,44,151,1) 0%, rgba(104,37,151,1) 100%); background:-webkit-linear-gradient(left, rgba(165,44,151,1) 0%,rgba(104,37,151,1) 100%); background:linear-gradient(to right, rgba(165,44,151,1) 0%,rgba(104,37,151,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a52c97', endColorstr='#682597',GradientType=1 );}
.main-gm .tc-t1 .prev,
.main-gm .tc-t1 .next{ display:none;}
.main-gm .tc-gp{ position:relative; margin:40px 0 0 0; display:table; width:100%; table-layout:fixed; z-index:3;}
.main-gm .tc-gp .tc-t2{ display:table-cell; }

@media screen and (min-width:1200px){
	.main-gm .tc-gp .tc-t3 {width:383px; display:table-cell;}
}

@media screen and (max-width:1199px){
	.main-gm .tc-gp .tc-t3 {width:343px; display:table-cell;}
}

.main-gm .tc-gp .tc-t2::after,
.main-gm .tc-gp .tc-t3::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}

@media screen and (min-width:1200px){
	.main-gm .tc-gp .tit {width:140px; color:#fff; display:inline-block; line-height:40px; float:left;}
}

@media screen and (min-width:1024px) and (max-width:1199px){
	.main-gm .tc-gp .tit {width:120px; color:#fff; display:inline-block; line-height:40px; float:left;}
}

.main-gm .tc-gp .tc-t2 .tc-con{ float:left; overflow:hidden;}
.main-gm .tc-gp .tc-t2 .tc-con a{ float:left; line-height:40px; background-color:#747ba2; color:#060c26; width:120px; display:inline-block; border-radius:3px; text-align:center;}
.main-gm .tc-gp .tc-t2 .tc-con a + a{ margin-left:10px;}
.main-gm .tc-gp .tc-t2 .tc-con a:hover,
.main-gm .tc-gp .tc-t2 .tc-con a.active{ background-color:#942780; color:#fff; }

@media screen and (min-width:1200px){
	.main-gm .tc-gp .tc-t3 .tc-con{ position:relative; float:left; width:240px; }
}

@media screen and (max-width:1199px){
	.main-gm .tc-gp .tc-t3 .tc-con{ position:relative; float:left; width:220px; }
}

.main-gm .tc-gp .tc-t3 .tc-con > .sel{ position:relative; line-height:40px; display:block; border:#8b959e 1px solid; border-radius:3px; padding:0 20px 0 6px; color:#8b959e;}
.main-gm .tc-gp .tc-t3 .tc-con > .sel::after{ content:""; position:absolute; top:50%; right:10px; border-top:#8b959e 5px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; transition:all 0.2s ease-in-out;}
.main-gm .tc-gp .tc-t3 .tc-con.active > .sel::after{ margin-top:-3px; -webkit-transform:rotate(-180deg);transform:rotate(-180deg);  }
.main-gm .tc-gp .tc-t3 .tc-con > .selLst{ position:absolute; top:38px; right:0; width:100%; background-color:#060c26; border:#8b959e 1px solid; border-top:none; border-radius:3px; height:240px; display:none;}
.main-gm .tc-gp .tc-t3 .tc-con > .selLst a{ display:block; padding:6px; color:#8b959e;}

.rut-lst{ position:relative; margin:30px 0 0 0; z-index:1; min-height:10rem;}
.rut-lst .itm{ position:relative; width:100%; padding:0 135px 0 30px; border-radius:5px;}
.rut-lst .itm::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.rut-lst .itm:nth-child(odd){ background-color:#0e142d; }
.rut-lst .itm .btn{ position:absolute; top:50%; right:30px; margin-top:-15px; border-radius:3px;}
.rut-lst .itm .tit{ width:640px; line-height:65px; float:left; font-size:1.1em; color:#fff; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap; padding:0 1rem 0 0;}
.rut-lst .itm .tit::before{ content:""; width:3px; height:3px; border-radius:50%; display:inline-block; background-color:#942780; margin-right:.5rem; vertical-align:middle;}
.rut-lst .itm .date{ width:200px; line-height:65px; float:left; display:block; color:#a0a0a0;}
.g-gm .rut-lst .itm:nth-child(odd),
.g-gm2 .rut-lst .itm:nth-child(odd){ background-color:#fff;}
.g-gm .rut-lst .itm .tit,
.g-gm2 .rut-lst .itm .tit{ color:#111;}
.g-gm .rut-lst .itm .tit::before,
.g-gm2 .rut-lst .itm .tit::before{ background-color:#fa5a28;}
.g-gm .rut-lst .itm .date,
.g-gm2 .rut-lst .itm .date{ color:#5f5f5f;}
.g-gm .bt-more2,
.g-gm2 .bt-more2{ border:#8b959e 1px solid; background-color:transparent; }
.g-gm .bt-more2::after,
.g-gm2 .bt-more2::after{ border-color:#8b959e;}

.main-gint{ background-color:#f5f5f5; padding:110px 0;}
.main-gint .inner{ position:relative; max-width:1200px; margin:0 auto; padding:0 0 0 233px;} 
.main-gint .inner .left{ position:absolute; top:0; left:0; width:172px;}
.main-gint .inner .left h2.tit{ font-family:'Graphik Web'; font-weight:600; color:#111; font-size:26px; text-transform:uppercase; line-height:1; letter-spacing:-.05em; margin:0 0 15px 0;}
.main-gint .inner .left .tab li a{ position:relative; line-height:50px; display:block; color:#a0a0a0; font-size:18px; }
.main-gint .inner .left .tab li + li a{ border-top:#e6e6e6 1px solid;}
.main-gint .inner .left .tab li.active a,
.main-gint .inner .left .tab li a:hover{ color:#fa5a28; }
.main-gint .inner .left .tab li.active a::after{ content:""; position:absolute; top:50%; right:0; margin-top:-5px; width:10px; height:10px; display:block; border:#fa5a28 2px solid; border-top:none; border-left:none; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.g-info .sTab li a{ position:relative; display:block; line-height:60px; text-align:center; color:#5f5f5f; font-size:16px; background-color:#e6e9ee;}
.g-info .sTab::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.g-info .sTab li{ width:25%; float:left;}
.g-info .sTab li + li{ padding-left:1px;}
.g-info .sTab li.active a,
.g-info .sTab li a:hover{ background-color:#fa5a28; color:#fff; }
.g-info .sTab li.active a::after{ content:""; position:absolute; left:50%; bottom:-6px; margin-left:-3px; border-top:#fa5a28 6px solid; border-left:transparent 6px solid; border-right:transparent 6px solid;  }

.main-news{ padding:110px 0; background-color:#fff;}
.main-news .inner{ margin:0 auto; max-width:1200px;}
.main-news .t-area{ position:relative; margin:0 0 30px 0;}
.main-news .t-area .tit{ font-family:'Graphik Web'; font-weight:600; color:#111; font-size:30px; line-height:1; }
.main-news .t-area .more{ position:absolute; top:50%; right:0; margin-top:-.5em; color:#a0a0a0;}
.main-news .t-area .more::after{ content:"+"; margin:0 0 0 .5rem;}

.slide-lst-news{ position:relative; padding:0;}
.slide-lst-news .slide-bx{ overflow:hidden;}
.slide-lst-news .itm a{ display:block;}
.slide-lst-news .itm a .thumb{ position:relative; width:100%; overflow:hidden;}
.slide-lst-news .itm a:hover .thumbnail .centered img{ -webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) scale(1.1);}
.slide-lst-news .itm a .desc{ margin-top:20px;}
.slide-lst-news .itm a .desc .nick{ display:inline-block; color:#9ca9b1; margin-right:.5rem;}
.slide-lst-news .itm a .desc strong{ margin-top:5px; font-size:18px; color:#111; line-height:1.4; display:block; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:50px;}
.slide-lst-news .itm a .desc .date{ margin-top:20px; color:#a0a0a0; font-size:12px;}
.slide-lst-news .itm a .desc .date em{ position:relative; display:inline-block; line-height:1; padding-left:.5rem;}
.slide-lst-news .itm a .desc .date em + em{ margin-left:.5rem; padding-left:.5rem;}
.slide-lst-news .itm a .desc .date em::before{ content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; display:block; background-color:#f0f0f0; }
.slide-lst-news .itm a .desc .date .cnt{ float:right;}
.slide-lst-news .itm a .desc .date i{ width:14px; height:12px; vertical-align:middle; display:inline-block; text-indent:-9999px; margin-right:.2rem;}
.slide-lst-news .itm a .desc .date i.ic-heart{ background:url('../images/ic_heart.png') 50% 50% no-repeat;}
.slide-lst-news .itm a .desc .date i.ic-reply{ background:url('../images/ic_reply.png') 50% 50% no-repeat;}
.slide-lst-news .itm a .desc .date i.ic-vew{ background:url('../images/ic_play.png') 50% 50% no-repeat;}
.slide-lst-news .prev{ position:absolute; top:74px; left:-70px; margin:0; width:48px; height:48px; display:block; z-index:3; }
.slide-lst-news .next{ position:absolute; top:74px; right:-70px; margin:0; width:48px; height:48px; display:block; z-index:3; }
.slide-lst-news .prev::after,
.slide-lst-news .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; display:block; border:3px solid #c8c8c8; width:40px; height:40px; border-top:none;border-right:none;}
.slide-lst-news .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.slide-lst-news .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.slide-lst-news .prev span,
.slide-lst-news .next span{ position:absolute; top:-9999px; left:-9999px;}

.m-pop{ width:480px; background-color:#fff;}
.m-pop img{ display:block; width:480px; height:600px;}
.m-pop .pop-bot::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.m-pop .pop-bot > a{ position:relative; display:block; width:50%; float:left; text-align:center; padding:1rem;}
.m-pop .pop-bot > a::before{ content:""; position:absolute; display:block; width:1px; height:1rem; top:50%; left:0; margin-top:-.5rem; background-color:#e6e6e6;}

.main-conf{ position:relative; background-color:#fff;}
.main-conf::before{ content:""; position:absolute; width:50%; top:0; left:0; bottom:0; background:#01254a url('../images/m_conf.jpg') 50% 50% no-repeat; background-size:cover; }
.main-conf h2{ color:#fff; font-family: 'Graphik Web'; font-size:30px;}
.main-conf .inner{ position:relative; max-width:1200px; width:100%; margin:0 auto; padding:100px 0; display:table;}
.main-conf .inner > *{ display:table-cell; width:50%; vertical-align:top;}
.main-conf .l-con{ color:#fff;}
.main-conf .l-con .t-tab{ margin:10px 0 180px;}
.main-conf .l-con .t-tab li{ display:inline-block; width:200px; }
.main-conf .l-con .t-tab li a{ position:relative; display:block; color:#747ba2; font-size:18px; padding:.5rem 0;}
.main-conf .l-con .t-tab li.active a{ color:#942780; }
.main-conf .l-con .t-tab li.active a::after{ content:""; position:absolute; display:block; width:100%; height:2px; background-color:#942780; bottom:0; left:0;}
.main-conf .l-con .t-con{ position:relative; height:245px;}
.main-conf .l-con .t-con p span{ display:block; font-size:18px;}
.main-conf .l-con .t-con p.tx-lg span{ font-size:38px; font-weight:600; line-height:1;}
.main-conf .l-con .t-con p + p{ margin-top:1rem;}
.main-conf .btGo{ position:relative; display:inline-block; width:70px; margin:40px 0 0 0; padding:10px 0 0 0;}
.main-conf .btGo span{ position:absolute; top:-9999px; left:-9999px;}
.main-conf .btGo::before{ content:""; width:70px; height:1px; background-color:#fff; display:block; }
.main-conf .btGo::after{ content:""; position:absolute; bottom:5px; right:-1px; width:14px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.main-conf .l-con .btGo{ position:absolute; bottom:0; left:0; margin:0;}
.main-conf .r-con .btGo::before,
.main-conf .r-con .btGo::after{ background-color:#0d2143;}
.main-conf .r-con .conf-r{ display:table; width:100%; padding:0 0 0 60px; }
.main-conf .r-con .conf-r > *{ display:table-cell; vertical-align:top; }
.main-conf .r-con .conf-r-l{ width:235px; padding:0 60px 0 0;}
.main-conf .r-con h3{ font-family: 'Graphik Web'; color:#111; font-size:30px; line-height:1; font-weight:600;}
.main-conf .r-con .t-tab{ margin:15px 0 0 0;}
.main-conf .r-con .t-tab li a{ position:relative; display:block; padding:14px 0; font-size:18px; color:#a0a0a0; font-weight:400;}
.main-conf .r-con .t-tab li.active a{ color:#fa5a28;}
.main-conf .r-con .t-tab li.active a::after{ content:""; position:absolute; top:50%; right:0; margin:-4px 0 0 0; display:block; border:2px solid #fa5a28; width:8px; height:8px; border-top:none;border-right:none; -webkit-transform:rotate(-135deg);transform:rotate(-135deg);}
.main-conf .r-con .t-tab li + li{ border-top:#e6e6e6 1px solid;}
.main-conf .r-con .tx01{ color:#e6e9ee; font-size:38px; font-weight:600; line-height:1; margin:-20px 0 0 0;} /* 20190509_2 */
.main-conf .r-con .tx02{ margin:30px 0 0 0; font-size:18px; font-weight:600; color:#111;}
.main-conf .r-con .tx03{ margin:20px 0 0 0; height:110px;}
.main-conf .r-con .thumb{ margin:0; width:310px;}

.main-xian{ position:relative; background:#01254a; background-size:cover;}
.main-xian .mxian-slide{ position:absolute; top:0; width:100%; bottom:0; left:0; z-index:1; overflow:hidden;}
.main-xian .mxian-slide .swiper-slide{ background-size:cover;}
.main-xian .inner{ position:relative; max-width:1200px; width:100%; margin:0 auto; padding:100px 0; display:table; z-index:2;}
.main-xian .inner > *{ display:table-cell; width:50%; vertical-align:middle; text-align:center;}
.main-xian .inner .desc .cnt-tx{ color:#fa5a28; font-size:48px; margin:20px 0;}
.main-xian .inner .desc .cnt-tx em{ display:inline-block;}
.main-xian .inner .desc .cnt-tx .n1{ margin-right:1rem; }
.main-xian .inner .desc strong{ display:block; font-weight:400; font-size:20px; color:#fff;}
.main-xian .inner .desc span{ display:block; font-size:18px; color:#fff;}
.main-xian .btGo{ position:relative; display:inline-block; width:70px; margin:40px 0 0 0; padding:10px 0 0 0;}
.main-xian .btGo span{ position:absolute; top:-9999px; left:-9999px;}
.main-xian .btGo::before{ content:""; width:70px; height:1px; background-color:#fff; display:block; }
.main-xian .btGo::after{ content:""; position:absolute; bottom:5px; right:-1px; width:14px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.main-xian .thumb .goMov{ position:relative; display:inline-block; width:540px;}
.main-xian .thumb .goMov::after{ content:""; position:absolute; top:50%; left:50%; margin:-35px 0 0 -30px; display:block; width:61px; height:69px; background:url('../images/ic_player2.png') 50% 50% no-repeat; background-size:100%; z-index:10;}
.main-xian .thumb #mov-if{ width:534px; height:300px;}

@media screen and (min-width:1201px) and (max-width:1370px){
	.slide-lst-news .prev{ top:2rem; left:-1rem; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .next{ top:2rem; right:-1rem; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .prev::after,
	.slide-lst-news .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
	.slide-lst-news .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.slide-lst-news .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
}
@media screen and (min-width:1024px) and (max-width:1200px){
	.main-slide .desc{ left:0; margin-left:0; width:100%; }
	.main-slide .desc .txt{ padding:0 1rem;}
	.main-slide .thumb{ right:1rem; margin:0;}

	.main-gm .hd .inner{ width:100%; padding:0 0 0 172px;}
	.main-gm .hd .tit{ position:absolute; top:0; left:0; background:url('../images/main_g1.jpg') 100% 50% no-repeat; background-size:cover; padding:60px 0 0 1rem; }
	.main-gm .hd .g-tab{ float:none; width:100%;}

	.main-gm .tc .inner{ width:100%; padding:0 1rem;}
	.rut-lst .itm .tit{ width:70%;}
	.rut-lst .itm .date{ width:30%;}

	.main-gint{ width:100%; padding:110px 1rem;}
	.main-gint .inner{ width:100%;}
	.g-info .gbox .gbox01 .tbx{ padding:30px 260px 30px 0;}
	.g-info .gbox .gbox01 .tbx ul li{ width:33.3%; padding:0 0 0 1rem;}

	.main-news .inner{ width:100%; padding:0 1rem;}
	.slide-lst-news .prev{ top:2rem; left:-1rem; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .next{ top:2rem; right:-1rem; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .prev::after,
	.slide-lst-news .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
	.slide-lst-news .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.slide-lst-news .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }

	.main-conf .inner{ padding:100px 20px;}
	.main-conf .r-con .conf-r{ padding:0 0 0 2rem;}
	.main-conf .r-con .conf-r-l{ width:30%; padding:0 2rem 0 0;}
	.main-conf .r-con .tx01{ font-size:30px; margin:0;} /* 20190509_2 */
	.main-conf .r-con .thumb{ width:100%; max-width:310px;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.main-slide{ display:none;}

	.main-slideM{ position:relative; display:block; width:100%; overflow:hidden; background-color:#000;}
	.main-slideM .swiper-slide{ position:relative; background-size:cover; background-position:50% 50%;}
	.main-slideM .swiper-slide .desc{ width:100%; table-layout:fixed; display:table; height:20rem;}
	.main-slideM .swiper-slide .desc .txt{ font-family: 'Graphik Web' !important; font-weight:600; display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:1.8rem; padding:0 2rem;}
	.main-slideM .thumb{ position:absolute; bottom:2rem; left:0; width:100%; text-align:center; z-index:9;}
	.main-slideM .thumb .swiper-pagination-bullet{ width:6px; height:6px; opacity:.3; background-color:#fff;}
	.main-slideM .thumb .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background-color:#fa5a28; }
	.main-slideM .prev span,
	.main-slideM .next span{ position:absolute; top:-9999px; left:-9999px;}
	.main-slideM .prev{ position:absolute; top:50%; left:1rem; width:2rem; height:2rem; z-index:9; margin-top:-1rem;}
	.main-slideM .next{ position:absolute; top:50%; right:1rem; width:2rem; height:2rem; z-index:9; margin-top:-1rem;}
	.main-slideM .prev::after,
	.main-slideM .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none; opacity:.3;}
	.main-slideM .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.main-slideM .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	
	.main-gm .hd{ height:auto;}
	.main-gm .hd .inner{ width:100%;}
	.main-gm .hd::before{ display:none;}
	.main-gm .hd .tit{ float:none; width:100%; padding:2rem; height:auto; background:url('../images/main_g1.jpg') 50% 50% no-repeat; background-size:cover; text-align:center;}
	.main-gm .hd .tit h2{ font-size:1.6rem;}
	.main-gm .hd .tit p{ font-size:1rem; margin-top:.5rem;}
	.main-gm .hd .g-tab{ width:100%; float:none; overflow:hidden;}
	.main-gm .hd .g-tab .itm{ width:33.3%; padding:1rem 0 0 0; font-size:1.1rem; height:8rem; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid;}
	.main-gm .hd .g-tab .itm:nth-child(3n+1){ border-left:none;}
	.main-gm .hd .g-tab .itm:nth-child(1),
	.main-gm .hd .g-tab .itm:nth-child(2),
	.main-gm .hd .g-tab .itm:nth-child(3){ border-top:none;}
	.main-gm .hd .g-tab .itm .thumb{ margin:0 auto .5rem; width:6rem;}
	.main-gm .hd .g-tab .itm.active::after{ display:none;}
	.main-gm .tc{ padding:3rem 4.5vw;}
	.main-gm .tc::before{ display:none;}
	.main-gm .tc-t1{ position:relative;}
	.main-gm .tc-t1 .swiper-slide a{ font-size:1.1rem; line-height:1; padding:.5rem 0;}	
	.main-gm .tc-t1 .prev,
	.main-gm .tc-t1 .next{ display:block;}
	.main-gm .tc-t1 .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.main-gm .tc-t1 .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.main-gm .tc-t1 .prev::after,
	.main-gm .tc-t1 .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.main-gm .tc-t1 .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.main-gm .tc-t1 .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.main-gm .tc-gp{ margin-top:1.5rem; display:block;}
	.main-gm .tc-gp .tc-t2{ position:relative; display:block; padding:0 0 0 4rem;}
	.main-gm .tc-gp .tc-t2 .tit {width:60px; color:#fff; display:inline-block; line-height:40px; float:left; margin-left:-80px; word-break:break-all;}
	.main-gm .tc-gp .tc-t3 .tit {width:60px; color:#fff; display:inline-block; line-height:20px; float:left; margin-left:-80px; word-break:break-all;}
	.main-gm .tc-gp .tc-t2 .tc-con{ float:none; margin-left:-1%;}
	.main-gm .tc-gp .tc-t2 .tc-con a{ width:24%; margin-left:1%; }
	.main-gm .tc-gp .tc-t2 .tc-con a + a{ margin-left:1%; }
	.main-gm .tc-gp .tc-t3{ position:relative; display:block; padding:0 0 0 4rem; margin-top:.5rem; width:100%;}
	.main-gm .tc-gp .tc-t3 .tc-con{ float:right; width:100%;}
	.main-gm .tc-gp .tc-t3 .tc-con > .sel{ width:100%;}
	.rut-lst{ margin-top:1.5rem;}
	.rut-lst .itm{ padding:1.2rem;}
	.rut-lst .itm .tit{ line-height:1; height:auto; width:100%; }
	.rut-lst .itm .date{ width:100%; height:auto; line-height:1; margin-top:.5rem; font-size:.9rem;}
	.rut-lst .itm .btn{ position:relative; top:auto; right:auto; margin-top:.5rem;}

	.main-gint{ padding:3rem 4.5vw;}
	.main-gint .inner{ width:100%; padding:0;}
	.main-gint .inner .left{ position:relative; top:auto; left:auto; width:100%;}
	.main-gint .inner .left h2.tit{ font-size:1.8rem; text-align:center; margin:0 0 1rem 0;}
	.main-gint .inner .left .tab{ width:100%; overflow:hidden; margin-left:-1%;}
/*	.main-gint .inner .left .tab li{ float:left; width:13.2%; margin-left:1%;} */
	.main-gint .inner .left .tab li{ float:left; width:15.6%; margin-left:1%;}
	.main-gint .inner .left .tab li span{ position:absolute; top:-9999px; left:-9999px;}
	.main-gint .inner .left .tab li a::before{ content:""; display:block; width:4rem; height:4rem; border-radius:50%; background-color:#fff; margin:0 auto; background-position:50% 50%; background-repeat:no-repeat; background-size:90%;}
	.main-gint .inner .left .tab li.itm1 a::before{ background-image:url('../images/main_g_ic01.png');}
	.main-gint .inner .left .tab li.itm2 a::before{ background-image:url('../images/main_g_ic02.png');}
	.main-gint .inner .left .tab li.itm3 a::before{ background-image:url('../images/main_g_ic03.png');}
	.main-gint .inner .left .tab li.itm4 a::before{ background-image:url('../images/main_g_ic04.png');}
	.main-gint .inner .left .tab li.itm5 a::before{ background-image:url('../images/main_g_ic05.png');}
	.main-gint .inner .left .tab li.itm6 a::before{ background-image:url('../images/main_g_ic06.png');}
	.main-gint .inner .left .tab li.itm7 a::before{ background-image:url('../images/main_g_ic07.png');}
	.main-gint .inner .left .tab li.active a::before{ background-color:#fa5a28;}
	.main-gint .inner .left .tab li + li a{ border:none;}
	.main-gint .inner .left .tab li.active a::after{ display:none;}
	.g-info{ margin-top:1rem;}
	.g-info .sTab li a{ font-size:.8rem; line-height:1.2; height:60px; padding:.5rem;}
	.g-info .gbox{ margin-top:2rem;}
	.g-info .gbox .gbox01{ height:auto; min-height:auto;}
	.g-info .gbox .gbox01 .desc{ padding:1rem; height:14rem; font-size:.9rem;}
	.g-info .gbox .gbox01 .desc strong{ font-size:1.2rem; margin:0 0 .5rem 0;}
	.g-info .gbox .gbox01 .tbx{ position:relative; top:auto; left:auto; padding:1rem 0;}
	.g-info .gbox .gbox01 .tbx ul li{ width:33.3%; padding:0 0 0 1rem; font-size:.9rem;}
	.g-info .gbox .gbox01 .tbx ul li strong{ font-size:1.1rem; margin-top:0;}
	.g-info .gbox .gbox01 .tbx .btn-grp{ position:relative; top:auto; right:auto; margin:2rem 0 0 0; text-align:center;}

	.main-news{ padding:3rem 4.5vw;}
	.main-news .t-area{ margin-bottom:1.5rem;}
	.main-news .t-area .tit{ font-size:1.6rem;}
	.slide-lst-news .itm{ background-color:#fff;}
	.slide-lst-news .itm a .desc{ margin:0; padding:.5rem 0 1rem;}
	.slide-lst-news .itm a .desc strong{ font-size:1.2rem; height:3rem;}
	.slide-lst-news .itm a .desc .date{ margin-top:.8rem;}
	.slide-lst-news .itm a .desc .date .dat{ float:right;}
	.slide-lst-news .itm a .desc .date .cnt{ display:none;}	
	.slide-lst-news .prev{ top:2rem; left:-4.5vw; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .next{ top:2rem; right:-4.5vw; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .prev::after,
	.slide-lst-news .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
	.slide-lst-news .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.slide-lst-news .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }	
		
	.main-conf::before{ display:none;}
	.main-conf .inner{ padding:0; display:block;}
	.main-conf .inner > *{ display:block; width:100%;}
	.main-conf h2{ font-size:1.8rem; text-align:center; }
	.main-conf .btGo{ width:36px; margin:2rem 0 0 0; padding:6px 0 0 0;}
	.main-conf .btGo span{ position:absolute; top:-9999px; left:-9999px;}
	.main-conf .btGo::before{ content:""; width:36px; height:1px; background-color:#fff; display:block; }
	.main-conf .btGo::after{ content:""; position:absolute; bottom:3px; right:-1px; width:8px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.main-conf .l-con{ padding:3rem 4.5vw; background:#01254a url('../images/m_conf.jpg') 50% 50% no-repeat; background-size:cover; }
	.main-conf .l-con .t-tab{ margin:1rem 0 5rem;}
	.main-conf .l-con .t-tab::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
	.main-conf .l-con .t-tab li{ float:left; width:50%;}
	.main-conf .l-con .t-tab li a{ font-size:1rem; text-align:center;}
	.main-conf .l-con .t-tab li a::after{ content:""; position:absolute; display:block; width:100%; bottom:0; left:0; height:1px; background-color:#2f4c69;}
	.main-conf .l-con .t-con{ height:auto;}
	.main-conf .l-con .t-con p span{ font-size:1rem;}
	.main-conf .l-con .t-con p.tx-lg span{ font-size:1.8rem;}
	.main-conf .l-con .btGo{ position:relative; bottom:auto; left:auto; margin-top:2rem; }
	.main-conf .r-con{ padding:3rem 4.5vw;}
	.main-conf .r-con .conf-r{ display:block; width:100%; padding:0;}
	.main-conf .r-con .conf-r > *{ display:block; width:100%;}
	.main-conf .r-con .conf-r-l{ width:100%; padding:0;}
	.main-conf .r-con h3{ font-size:1.8rem; text-align:center;}
	.main-conf .r-con h3 .pc{ display:none;}
	.main-conf .r-con .t-tab{ display:table; width:100%;}
	.main-conf .r-con .t-tab li{ display:table-cell; width:25%;}
	.main-conf .r-con .t-tab li + li{ border-top:none;}
	.main-conf .r-con .t-tab li a{ font-size:1rem; text-align:center; padding:.5rem 0;}
	.main-conf .r-con .t-tab li a::before{ content:""; position:absolute; bottom:0; left:0; background-color:#e6e6e6; height:1px; width:100%; display:block;}
	.main-conf .r-con .t-tab li.active a::after{ display:none;}
	.main-conf .r-con .t-tab li.active a::before{ height:2px; background-color:#fa5a28; }
	.main-conf .r-con .conf-r .conf-rc{ margin-top:2rem;}
	.main-conf .r-con .tx01{ margin:0; font-size:2.5rem;} /* 20190509_2 */
	.main-conf .r-con .tx02{ margin:2rem 0 0 0; font-size:1.1rem;}
	.main-conf .r-con .tx03{ margin:1rem 0 0 0; font-size:1rem; height:auto;}
	.main-conf .r-con .thumb{ width:100%; margin:1rem 0 0 0;}
	.main-conf .r-con .thumb img{ width:100%; display:block;}

	.main-xian .inner{ padding:3rem 4.5vw; display:block;}
	.main-xian .inner > *{ display:block; width:100%;}
	.main-xian .inner .desc .cnt-tx{ font-size:1.8rem; margin:1.5rem 0;}
	.main-xian .inner .desc span{ font-size:1rem;}
	.main-xian .inner .desc strong{ font-size:1.2rem;}
	.main-xian .btGo{ width:36px; margin:2rem 0 0 0; padding:6px 0 0 0;}
	.main-xian .btGo span{ position:absolute; top:-9999px; left:-9999px;}
	.main-xian .btGo::before{ content:""; width:36px; height:1px; background-color:#fff; display:block; }
	.main-xian .btGo::after{ content:""; position:absolute; bottom:3px; right:-1px; width:8px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.main-xian .inner .thumb{ margin:2rem 0 0 0;}
	.main-xian .thumb .goMov{ width:100%; display:block;}
	.main-xian .thumb .goMov img{ width:100%; display:block;}
}
@media screen and (max-width:767px){
	.main-slide{ display:none;}

	.main-slideM{ position:relative; display:block; width:100%; overflow:hidden; background-color:#000;}
	.main-slideM .swiper-slide{ position:relative; background-size:cover; background-color:#000; background-position:50% 50%;}
	.main-slideM .swiper-slide .desc{ width:100%; table-layout:fixed; display:table; height:20rem;}
	.main-slideM .swiper-slide .desc .txt{ font-family: 'Graphik Web' !important; font-weight:600; display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:1.8rem; padding:0 2rem;}
	.main-slideM .thumb{ position:absolute; bottom:2rem; left:0; width:100%; text-align:center; z-index:9;}
	.main-slideM .thumb .swiper-pagination-bullet{ width:6px; height:6px; opacity:.3; background-color:#fff;}
	.main-slideM .thumb .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; background-color:#fa5a28; }
	.main-slideM .prev span,
	.main-slideM .next span{ position:absolute; top:-9999px; left:-9999px;}
	.main-slideM .prev{ position:absolute; top:50%; left:1rem; width:2rem; height:2rem; z-index:9; margin-top:-1rem;}
	.main-slideM .next{ position:absolute; top:50%; right:1rem; width:2rem; height:2rem; z-index:9; margin-top:-1rem;}
	.main-slideM .prev::after,
	.main-slideM .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none; opacity:.3;}
	.main-slideM .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.main-slideM .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	
	.main-gm .hd{ height:auto;}
	.main-gm .hd .inner{ width:100%;}
	.main-gm .hd::before{ display:none;}
	.main-gm .hd .tit{ float:none; width:100%; padding:2rem; height:auto; background:url('../images/main_g1.jpg') 50% 50% no-repeat; background-size:cover; text-align:center;}
	.main-gm .hd .tit h2{ font-size:1.6rem;}
	.main-gm .hd .tit p{ font-size:1rem; margin-top:.5rem;}
	.main-gm .hd .g-tab{ width:100%; float:none; overflow:hidden;}
	.main-gm .hd .g-tab .itm{ width:33.3%; padding:.3rem 0 0 0; font-size:.9rem; height:7.5rem; border-top:#e6e6e6 1px solid; border-left:#e6e6e6 1px solid;} /* 20190304 */
	.main-gm .hd .g-tab .itm:nth-child(3n+1){ border-left:none;}
	.main-gm .hd .g-tab .itm:nth-child(1),
	.main-gm .hd .g-tab .itm:nth-child(2),
	.main-gm .hd .g-tab .itm:nth-child(3){ border-top:none;}
	.main-gm .hd .g-tab .itm .thumb{ margin:0 auto .5rem; width:6rem;}
	.main-gm .hd .g-tab .itm.active::after{ display:none;}
	.main-gm .tc{ padding:3rem 4.5vw;}
	.main-gm .tc::before{ display:none;}
	.main-gm .tc-t1{ position:relative;}
	.main-gm .tc-t1 .swiper-slide a{ font-size:1.1rem; line-height:1; padding:.5rem 0;}	
	.main-gm .tc-t1 .prev,
	.main-gm .tc-t1 .next{ display:block;}
	.main-gm .tc-t1 .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.main-gm .tc-t1 .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.main-gm .tc-t1 .prev::after,
	.main-gm .tc-t1 .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.main-gm .tc-t1 .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.main-gm .tc-t1 .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.main-gm .tc-gp{ margin-top:1.5rem; display:block;}
	.main-gm .tc-gp .tc-t2{ position:relative; display:block; padding:0 0 0 5rem;}
	.main-gm .tc-gp .tc-t2 .tit {;width:65px; color:#fff; display:inline-block; line-height:40px; float:left; margin-left:-60px; word-break:break-all;}
	.main-gm .tc-gp .tc-t3 .tit {;width:65px; color:#fff; display:inline-block; line-height:20px; float:left; margin-left:-60px; word-break:break-all;font-size: 1.0rem;}
	.main-gm .tc-gp .tc-t2 .tc-con{ float:none; margin-left: 3%;}
	.main-gm .tc-gp .tc-t2 .tc-con a{ width:24%; margin-left:1%; }
	.main-gm .tc-gp .tc-t2 .tc-con a + a{ margin-left:1%; }
	.main-gm .tc-gp .tc-t2 .tc-con a:hover{ background-color:#747ba2; color:#060c26; }
	.main-gm .tc-gp .tc-t2 .tc-con a.active{ background-color:#942780; color:#fff; }
	.main-gm .tc-gp .tc-t3{ position:relative; display:block; padding:0 0 0 5rem; margin-top:.5rem; width:100%;}
	.main-gm .tc-gp .tc-t3 .tc-con{ float:right; width:96%;}
	.main-gm .tc-gp .tc-t3 .tc-con > .sel{ width:100%;}
	.rut-lst{ margin-top:1.5rem;}
	.rut-lst .itm{ padding:1.2rem 1.2rem 1.2rem 2.2rem;}
	.rut-lst .itm .tit{ height:auto; width:100%; margin-left:-1rem; text-indent:-1rem; margin-bottom:.5rem; text-overflow:clip; overflow:visible; white-space:normal; line-height:1.4; padding:0 0 0 1rem;}
	.rut-lst .itm .date{ width:auto; height:auto; line-height:2.2rem; margin-top:0; font-size:.9rem; display:inline-block;}
	.rut-lst .itm .btn{ position:relative; top:auto; right:auto; margin-top:0; float:right;}

	.main-gint{ padding:3rem 4.5vw;}
	.main-gint .inner{ width:100%; padding:0;}
	.main-gint .inner .left{ position:relative; top:auto; left:auto; width:100%;}
	.main-gint .inner .left h2.tit{ font-size:1.8rem; text-align:center; margin:0 0 1rem 0;}
	.main-gint .inner .left .tab{ width:100%; overflow:hidden; margin-left:-1%;}
	.main-gint .inner .left .tab li{ float:left; width:15.6%; margin-left:1%;}
	.main-gint .inner .left .tab li span{ position:absolute; top:-9999px; left:-9999px;}
	.main-gint .inner .left .tab li a::before{ content:""; display:block; width:3.2rem; height:3.2rem; border-radius:50%; background-color:#fff; margin:0 auto; background-position:50% 50%; background-repeat:no-repeat; background-size:90%;}
	.main-gint .inner .left .tab li.itm1 a::before{ background-image:url('../images/main_g_ic01.png');}
	.main-gint .inner .left .tab li.itm2 a::before{ background-image:url('../images/main_g_ic02.png');}
	.main-gint .inner .left .tab li.itm3 a::before{ background-image:url('../images/main_g_ic03.png');}
	.main-gint .inner .left .tab li.itm4 a::before{ background-image:url('../images/main_g_ic04.png');}
	.main-gint .inner .left .tab li.itm5 a::before{ background-image:url('../images/main_g_ic05.png');}
	.main-gint .inner .left .tab li.itm6 a::before{ background-image:url('../images/main_g_ic06.png');}
	.main-gint .inner .left .tab li.itm7 a::before{ background-image:url('../images/main_g_ic07.png');}
	.main-gint .inner .left .tab li.active a::before{ background-color:#fa5a28;}
	.main-gint .inner .left .tab li + li a{ border:none;}
	.main-gint .inner .left .tab li.active a::after{ display:none;}
	.g-info{ margin-top:1rem;}
	.g-info .sTab li{ display:table; table-layout:fixed;}
	.g-info .sTab li a{ display:table-cell; vertical-align:middle; height:4rem; font-size:1.1rem; line-height:1.2; font-size:.9rem;}
	.g-info .gbox{ margin-top:2rem;}
	.g-info .gbox .gbox01{ height:auto; min-height:auto;}
	.g-info .gbox .gbox01 .desc{ padding:1rem; height:14rem; font-size:.9rem;}
	.g-info .gbox .gbox01 .desc strong{ font-size:1.2rem; margin:0 0 .5rem 0;}
	.g-info .gbox .gbox01 .tbx{ position:relative; top:auto; left:auto; padding:1rem 0;}
	.g-info .gbox .gbox01 .tbx ul li{ width:33.3%; padding:0 0 0 1rem; font-size:.9rem;}
	.g-info .gbox .gbox01 .tbx ul li strong{ font-size:1.1rem; margin-top:0;}
	.g-info .gbox .gbox01 .tbx .btn-grp{ position:relative; top:auto; right:auto; margin:2rem 0 0 0; text-align:center;}

	.main-news{ padding:3rem 4.5vw;}
	.main-news .t-area{ margin-bottom:1.5rem;}
	.main-news .t-area .tit{ font-size:1.6rem;}
	.slide-lst-news .itm{ background-color:#fff;}
	.slide-lst-news .itm a .desc{ margin:0; padding:.5rem 0 1rem;}
	.slide-lst-news .itm a .desc strong{ font-size:1.2rem; height:3.2rem;}
	.slide-lst-news .itm a .desc .date{ margin-top:.8rem;}
	.slide-lst-news .itm a .desc .date .dat{ float:right;}
	.slide-lst-news .itm a .desc .date em::before{ display:none;}
	.slide-lst-news .itm a .desc .date .cnt{ display:none;}	
	.slide-lst-news .prev{ top:2rem; left:-4.5vw; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .next{ top:2rem; right:-4.5vw; width:4rem; height:5rem; background-color:rgba(0,0,0,.4);}
	.slide-lst-news .prev::after,
	.slide-lst-news .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #fff; width:2rem; height:2rem; border-top:none;border-right:none;}
	.slide-lst-news .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.slide-lst-news .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	
	.m-pop{ max-width:480px; width:90%; background-color:#fff;}
	.m-pop img{ width:100%; height:auto;}
	
	.main-conf::before{ display:none;}
	.main-conf .inner{ padding:0; display:block;}
	.main-conf .inner > *{ display:block; width:100%;}
	.main-conf h2{ font-size:1.8rem; text-align:center; }
	.main-conf .btGo{ width:36px; margin:2rem 0 0 0; padding:6px 0 0 0;}
	.main-conf .btGo span{ position:absolute; top:-9999px; left:-9999px;}
	.main-conf .btGo::before{ content:""; width:36px; height:1px; background-color:#fff; display:block; }
	.main-conf .btGo::after{ content:""; position:absolute; bottom:3px; right:-1px; width:8px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.main-conf .l-con{ padding:3rem 4.5vw; background:#01254a url('../images/m_conf.jpg') 50% 50% no-repeat; background-size:cover; }
	.main-conf .l-con .t-tab{ margin:1rem 0 5rem;}
	.main-conf .l-con .t-tab::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
	.main-conf .l-con .t-tab li{ float:left; width:50%;}
	.main-conf .l-con .t-tab li a{ font-size:1rem; text-align:center;}
	.main-conf .l-con .t-tab li a::after{ content:""; position:absolute; display:block; width:100%; bottom:0; left:0; height:1px; background-color:#2f4c69;}
	.main-conf .l-con .t-con{ height:auto;}
	.main-conf .l-con .t-con p span{ font-size:1rem;}
	.main-conf .l-con .t-con p.tx-lg span{ font-size:1.8rem;}
	.main-conf .l-con .btGo{ position:relative; bottom:auto; left:auto; margin-top:2rem; }
	.main-conf .r-con{ padding:3rem 4.5vw;}
	.main-conf .r-con .conf-r{ display:block; width:100%; padding:0;}
	.main-conf .r-con .conf-r > *{ display:block; width:100%;}
	.main-conf .r-con .conf-r-l{ width:100%; padding:0;}
	.main-conf .r-con h3{ font-size:1.8rem; text-align:center;}
	.main-conf .r-con h3 .pc{ display:none;}
	.main-conf .r-con .t-tab{ display:table; width:100%;}
	.main-conf .r-con .t-tab li{ display:table-cell; width:25%;}
	.main-conf .r-con .t-tab li + li{ border-top:none;}
	.main-conf .r-con .t-tab li a{ font-size:1rem; text-align:center; padding:.5rem 0;}
	.main-conf .r-con .t-tab li a::before{ content:""; position:absolute; bottom:0; left:0; background-color:#e6e6e6; height:1px; width:100%; display:block;}
	.main-conf .r-con .t-tab li.active a::after{ display:none;}
	.main-conf .r-con .t-tab li.active a::before{ height:2px; background-color:#fa5a28; }
	.main-conf .r-con .conf-r .conf-rc{ margin-top:2rem;}
	.main-conf .r-con .tx01{ margin:0; font-size:4.5rem;}
	.main-conf .r-con .tx02{ margin:2rem 0 0 0; font-size:1.1rem;}
	.main-conf .r-con .tx03{ margin:1rem 0 0 0; font-size:1rem; height:auto;}
	.main-conf .r-con .thumb{ width:100%; margin:1rem 0 0 0;}
	.main-conf .r-con .thumb img{ width:100%; display:block;}

	.main-xian .inner{ padding:3rem 4.5vw; display:block;}
	.main-xian .inner > *{ display:block; width:100%;}
	.main-xian .inner .desc h2 img{ height:39px;}
	.main-xian .inner .desc .cnt-tx{ font-size:1.8rem; margin:1.5rem 0;}
	.main-xian .inner .desc span{ font-size:1rem;}
	.main-xian .inner .desc strong{ font-size:1.2rem;}
	.main-xian .btGo{ width:36px; margin:2rem 0 0 0; padding:6px 0 0 0;}
	.main-xian .btGo span{ position:absolute; top:-9999px; left:-9999px;}
	.main-xian .btGo::before{ content:""; width:36px; height:1px; background-color:#fff; display:block; }
	.main-xian .btGo::after{ content:""; position:absolute; bottom:3px; right:-1px; width:8px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
	.main-xian .inner .thumb{ margin:2rem 0 0 0;}
	.main-xian .thumb .goMov{ width:100%; display:block;}
	.main-xian .thumb .goMov img{ width:100%; display:block;}
	.main-xian .thumb .goMov::after{ margin:-17px 0 0 -15px; display:block; width:30px; height:34px;} 
	.main-xian .thumb{ position: relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; } 
	.main-xian .thumb #mov-if, 
	.main-xian .thumb object, 
	.main-xian .thumb embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.tx-coming{ text-align:center; font-size:1.1rem; padding:7rem 1rem; margin-left : -7rem;}
}

@media screen and (max-width: 410px){
	.g-gm .tc-t1 .swiper-slide a{ font-size:0.9em; line-height:1; padding:.5rem 0;}
}

@media screen and (max-width: 363px){
	.g-gm .tc-t1 .swiper-slide a{ font-size:0.85rem; line-height:1; padding:.5rem 0;}
}

/* --------------------------------------------
 * WCG
/* ------------------------------------------ */
.hd-history{ position:relative; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; height:450px;}
.hd-history .his-tit{ position:relative; display:table; width:100%; max-width:1200px; margin:0 auto; padding:70px 0 0 0; z-index:3;}
.hd-history .his-tit > *{ display:table-cell;}
.hd-history .his-tit .logo{ width:200px;}
.hd-history .his-tit .his-sel{ position:relative; vertical-align:bottom;}
.hd-history .his-tit .sel-dv{ display:inline-block;}
.hd-history .his-tit .sel-dv > a{ font-family:'GTHaptik-Bold'; font-weight:600; position:relative; font-size:50px; color:#fff; text-transform:uppercase; line-height:1; display:block; width:400px; padding:0 25px;}
.hd-history .his-tit .sel-dv > a::after{ content:""; position:absolute; top:50%; right:.45rem; margin-top:-7px; width:10px; height:10px; display:block; border:#0d2143 2px solid; border-top:none; border-left:none; -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.hd-history .his-tit .sel-dv > a::before{ content:""; position:absolute; top:50%; right:0; margin-top:-13px; width:25px; height:25px; display:block; background-color:#fff; border-radius:50%; }
.hd-history .his-tit .sel-dv > a span{ display:inline-block; white-space:nowrap; font-size:.95em; letter-spacing:-.05em;}
.hd-history .his-tit .sel-dv > .sel-lst{ position:absolute; top:190px; left:0; width:400px; padding:10px 0 0 25px; display:none;}
.hd-history .his-tit .sel-dv > .sel-lst ul{ background-color:#2e3740; overflow:hidden;}
.hd-history .his-tit .sel-dv > .sel-lst ul::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.hd-history .his-tit .sel-dv > .sel-lst ul li{ width:33.3%; float:left; border-bottom:#5d6572 1px solid; margin-bottom:-1px; padding:1rem 0;}
.hd-history .his-tit .sel-dv > .sel-lst ul li a{ display:block; color:#fff; text-align:center; line-height:1; border-left:#5d6572 1px solid;}
.hd-history .his-tit .sel-dv > .sel-lst ul li:nth-child(3n+1) a{ border-left:none;}
.hd-history .his-tit .sel-dv > .sel-lst ul li a:hover{ color:#e94b40;}
.hd-history .hd-data{ max-width:1200px; width:100%; position:absolute; bottom:0; left:50%; margin-left:-600px; padding:30px 0; background-color:#e94b40; overflow:hidden;}
.hd-history .hd-data .itm{ padding:0 0 0 25px; color:#fff; border-left:#e86a61 1px solid;}
.hd-history .hd-data .itm span{ display:block;}
.hd-history .hd-data .itm strong{ display:block; font-size:18px;}
.hd-history .hd-data .itm:first-child{ border-left:none;}
.hd-history .hd-data .itm:first-child strong{ letter-spacing:-0.05em;}
.hd-history .hd-data .prev,
.hd-history .hd-data .next{ display:none;}
.hd-history .hd-data .prev{ position:absolute; top:50%; left:1rem; width:1rem; height:1rem; margin-top:-.5rem;}
.hd-history .hd-data .next{ position:absolute; top:50%; right:1rem; width:1rem; height:1rem; margin-top:-.5rem;}
.hd-history .hd-data .prev span,
.hd-history .hd-data .next span{ position:absolute; top:-9999px; left:-9999px;}
.hd-history .hd-data .prev::after,
.hd-history .hd-data .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-.3rem 0 0 -.3rem; display:block; border:2px solid #fff; width:.6rem; height:.6rem; border-top:none;border-right:none;}
.hd-history .hd-data .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.hd-history .hd-data .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.hd-history.y2000{ background-image:url('../images/history_hd1.jpg');}
.hd-history.y2001{ background-image:url('../images/history/his2001_(2500x450).jpg');}
.hd-history.y2002{ background-image:url('../images/history/his2002_(2500x450).jpg');}
.hd-history.y2003{ background-image:url('../images/history/his2003_(2500x450).jpg');}
.hd-history.y2004{ background-image:url('../images/history/his2004_(2500x450).jpg');}
.hd-history.y2005{ background-image:url('../images/history/his2005_(2500x450).jpg');}
.hd-history.y2006{ background-image:url('../images/history/his2006_(2500x450).jpg');}
.hd-history.y2007{ background-image:url('../images/history/his2007_(2500x450).jpg');}
.hd-history.y2008{ background-image:url('../images/history/his2008_(2500x450).jpg');}
.hd-history.y2009{ background-image:url('../images/history/his2009_(2500x450).jpg');}
.hd-history.y2010{ background-image:url('../images/history/his2010_(2500x450).jpg');}
.hd-history.y2011{ background-image:url('../images/history/his2011_(2500x450).jpg');}
.hd-history.y2012{ background-image:url('../images/history/his2012_(2500x450).jpg');}
.hd-history.y2013{ background-image:url('../images/history/his2013_(2500x450).jpg');}

.his-con1 + .his-con1{ margin-top:6rem;}
.his-con1 .desc{ font-size:20px; text-align:center; color:#5f5f5f; padding:0 180px; line-height:1.6;}
.his-con1 .records-desc{ font-size:16px; }
.his-winner{ margin-top:110px;}
.his-winner .tit{ font-family:'Graphik Web'; font-weight:600; color:#111; font-size:30px; text-transform:uppercase; margin:0 0 30px 0; }
.his-winner ul.winner-lst:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.his-winner ul.winner-lst li{ float:left; width:367px; margin-left:48px;}
.his-winner ul.winner-lst li:first-child{ margin:0;}
.his-winner ul.winner-lst li:nth-child(4){ margin:2rem 0 0 0;}
.his-winner ul.winner-lst li .flag{ position:relative; }
.his-winner ul.winner-lst li .flag img{ width:100%; display:block;}
.his-winner ul.winner-lst li .flag i{ position:absolute; bottom:0; left:0; display:block; background-color:#0d2143; text-align:center; width:50px; height:50px; line-height:50px; color:#fff; font-size:36px; }
.his-winner ul.winner-lst li dl{ margin:25px 0 0 0; display:table; width:100%; }
.his-winner ul.winner-lst li dl > *{ display:table-cell; vertical-align:middle; }
.his-winner ul.winner-lst li dl dt{ width:50%; color:#111; font-size:20px; font-weight:600;}
.his-winner ul.winner-lst li dl dd{ text-align:right; color:#5f5f5f; font-size:18px; line-height:25px; height:25px;}
.his-winner ul.winner-lst li dl dd span{ display:inline-block; }
.his-winner ul.winner-lst li dl dd span + span{ margin-left:1rem;}
.his-winner ul.winner-lst li dl dd span i{ margin-right:.5rem; }

.rec-ul > li{ position:relative; padding:0 0 0 36rem; min-height:1rem;}
.rec-ul > li .tit{ position:absolute; top:0; left:0; color:#111; font-weight:600;}
.rec-ul > li .tit::before{ content:""; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:.5rem; width:3px; height:3px; background-color:#5f5f5f}
.rec-ul > li + li{ margin-top:.5rem;}

.his-rut .hd{ display:table; width:100%;}
.his-rut .hd > *{ display:table-cell; width:25%;}
.his-rut .hd .tit{ color:#111; font-size:16px; font-weight:600; }
.his-rut .con{ margin-top:.5rem;}
.his-rut .con .dv-row{ display:table; width:100%; padding:20px 0; border-radius:5px;}
.his-rut .con .dv-row:nth-child(odd){ background-color:#fff;}
.his-rut .con .dv-row > *{ display:table-cell; width:25%;}
.his-rut .con .dv-row .tit{ padding:0 2rem;}
.his-rut .con .dv-row .tit strong{ display:block; line-height:1.1; color:#111; font-size:16px; margin:0 0 .5rem 0; text-indent:-.6rem;}
.his-rut .con .dv-row .tit strong::before{ content:""; width:3px; height:3px; background-color:#fa5a28; display:inline-block; margin-right:.4rem; vertical-align:middle;}
.his-rut .con .dv-row [class^=cy-]{ display:none;}
.his-rut .con .dv-row .col{ position:relative; padding:0 0 0 30px;}
.his-rut .con .dv-row .col .flag{ position:absolute; top:0; left:0; width:25px;}
.his-rut .con .dv-row .col .flag img + img{ margin-top:.3rem; }
.his-rut .con .dv-row .col p + p{ margin-top:.5rem;}
.his-rut .con .dv-row .col p strong{ color:#111; display:block;}
.his-rut .con .dv-row .col p span{ color:#a0a0a0; font-size:.85rem; display:block;}

.year-bx{ max-width:1200px; margin:0 auto; text-align:center; padding:20px 0;}
.year-bx .itm{ position:relative; color:#fff; font-size:18px; display:inline-block; padding:0 18px;}
.year-bx .itm + .itm::before{ content:""; position:absolute; top:50%; left:0; margin-top:-.5rem; width:1px; height:1rem; background-color:#a2aab1; display:block; }
.year-bx .itm:hover{ text-decoration:underline;}

.wcg-hd{ position:relative; display:table; width:100%; vertical-align:middle; height:450px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; background-image:url('../images/guide_hd.jpg');}
.wcg-hd > *{ display:table-cell; text-align:center; vertical-align:middle; }
.wcg-hd .tit h2{ font-family:'GT-Haptik-Black'; font-size:44px; color:#fff;}
.wcg-hd.intro{ display:block; background-color:#060c26; background-image:none; overflow:hidden;}
.wcg-hd.intro .intro-slide{ position:absolute; top:0; left:0; width:100%; display:block; }
.wcg-hd.intro .intro-slide .swiper-slide{ height:450px; background-size:cover; background-position:50% 50%;}
.wcg-hd.intro .tit{ position:relative; display:table; width:100%; vertical-align:middle; height:450px; z-index:9;}
.wcg-hd.intro .tit h2{ font-family:'Graphik Web'; font-weight:600; display:table-cell; font-size:52px; vertical-align:middle; }
.wcg-hd.intro .tit h2 span{ display:block;}
.wcg-hd.hall{ background-image:url('../images/hall-of-fame.jpg'); } /* 20190906 ?? */
/* 20190906 ?? // */
@media screen and (max-width: 1200px){
.wcg-hd.hall{ background-image:url('../images/hall-of-fame_m.jpg'); }
}
/* // 20190906 ?? */
.wcg-hd.hall .logo{ display:block; text-align:center;}
.wcg-hd.hall .logo img{ display:block; margin:0 auto;}
.wcg-hd.hall .tit h2{ font-size:80px; font-family: 'Playfair Display', serif; font-weight:700;}
.wcg-hd.halld > *{ vertical-align:bottom; padding:0 0 65px 0; }
.wcg-hd.halld.d1{ background-image:url('../images/hall/player_01_(2500x450).png');}
.wcg-hd.halld.d2{ background-image:url('../images/hall/player_02_(2500x450).png');}
.wcg-hd.halld.d3{ background-image:url('../images/hall/player_03_(2500x450).png');}
.wcg-hd.halld.d4{ background-image:url('../images/hall/player_04_(2500x450).png');}
.wcg-hd.halld.d5{ background-image:url('../images/hall/player_05_(2500x450).png');}
.wcg-hd.halld.d6{ background-image:url('../images/hall/player_06_(2500x450).png');}
.wcg-hd.halld.d7{ background-image:url('../images/hall/player_07_(2500x450).png');}
.wcg-hd.halld.d8{ background-image:url('../images/hall/player_08_(2500x450).png');}
.wcg-hd.halld.d9{ background-image:url('../images/hall/player_09_(2500x450).png');}
.wcg-hd.halld.d10{ background-image:url('../images/hall/player_10_(2500x450).png');}
.wcg-hd.halld.d11{ background-image:url('../images/hall/player_11_(2500x450).png');}
.wcg-hd.halld.d12{ background-image:url('../images/hall/player_12_(2500x450).png');}
.wcg-hd.halld.d13{ background-image:url('../images/hall/player_13_(2500x450).png');}
.wcg-hd.halld.d14{ background-image:url('../images/hall/player_14_(2500x450).png');}
.wcg-hd.halld.d15{ background-image:url('../images/hall/player_15_(2500x450).png');}
.wcg-hd.halld.d16{ background-image:url('../images/hall/player_16_(2500x450).png');}
.wcg-hd.halld.d17{ background-image:url('../images/hall/player_17_(2500x450).png');}
.wcg-hd.halld.d18{ background-image:url('../images/hall/player_18_(2500x450).png');}
.wcg-hd.halld.d19{ background-image:url('../images/hall/player_19_(2500x450).png');}
.wcg-hd.halld.d20{ background-image:url('../images/hall/player_20_(2500x450).png');}
.wcg-hd.halld.d21{ background-image:url('../images/hall/player_21_(2500x450).png');}
.wcg-hd.halld.d22{ background-image:url('../images/hall/player_22_(2500x450).png');}
.wcg-hd.halld.d23{ background-image:url('../images/hall/player_23_(2500x450).png');}
.wcg-hd.halld.d24{ background-image:url('../images/hall/player_24_(2500x450).png');}
.wcg-hd.halld.d25{ background-image:url('../images/hall/player_25_(2500x450).png');}
.wcg-hd.halld .profile{ max-width:1200px; text-align:left; margin:0 auto;}
.wcg-hd.halld .profile .nat{ color:#fa5a28; font-size:30px; display:block;}
.wcg-hd.halld .profile .name{ font-family:'Graphik Web'; color:#fff; font-size:52px; display:block; font-weight:600;}
.wcg-hd.halld .profile dl{ margin:25px 0 0 0;}
.wcg-hd.halld .profile dl > *{ display:inline-block; line-height:25px; height:25px; color:#fff; font-size:18px; vertical-align:middle;}
.wcg-hd.halld .profile dl dd{ margin-left:55px;}
.wcg-hd.halld .profile dl dd span{ display:inline-block; line-height:25px; height:25px; }
.wcg-hd.halld .profile dl dd span + span{ margin-left:.5rem;}
.wcg-hd.halld .profile dl dd span i{ vertical-align:bottom; margin-right:.4rem; }

.giude-wr{ background-color:#fff; padding:20px 0;}
.giude-wr .guide-con{ width:1200px; margin:0 auto; padding:80px 0; display:table; table-layout:fixed;}
.giude-wr .guide-con > *{ display:table-cell; vertical-align:top;}
.giude-wr .guide-con + .guide-con{ border-top:#e6e6e6 1px solid;}
.giude-wr .guide-con .tbx{ padding:0 1rem 0 0;}
.giude-wr .guide-con h3{ font-family:'Graphik Web'; font-weight:600; color:#111; font-size:30px; margin:0 0 2rem 0;}
.giude-wr .guide-con .desc{ font-size:16px; line-height:1.4;}
.giude-wr .guide-con .thumb{ position:relative; width:590px; text-align:center;}
.giude-wr .guide-con .thumb .bt-down{ position:absolute; top:0; right:0; border:#fa5a28 1px solid; border-radius:3px; line-height:28px; height:30px; display:inline-block; padding:0 2rem; color:#fa5a28; }
.giude-wr .guide-con .thumb .bt-down::before{ content:""; width:9px; height:12px; background:url('../images/ic_down.png') 50% 50% no-repeat; display:inline-block; margin-right:.5rem; }
.giude-wr .guide-con:last-child .thumb{ padding-top:50px; }

.intro-con{ padding:110px 0;  overflow:hidden;}
.intro-con .inner{ position:relative; max-width:1200px; margin:0 auto;}
.intro-con .tit-ar{ margin:0 0 25px 0; }
.intro-con .tit-ar .tit{ font-family:'Graphik Web'; font-weight:600; font-weight:600; color:#111; font-size:36px; }
.intro-con.bg-pro{ background:url('../images/bg_hor.jpg') 50% 50% no-repeat; background-size:cover;}
.intro-con.bg-pro .tit-ar .tit{ font-family:'Graphik Web'; font-weight:600; color:#fff; }

.intro-bx1{ display:table; width:100%;}
.intro-bx1 > *{ display:table-cell; vertical-align:top;}
.intro-bx1 .tbx{ padding:0 40px 0 0;}
.intro-bx1 .tbx h3{ font-family:'Graphik Web'; font-weight:600; color:#111; font-size:36px; text-transform:uppercase; margin:0 0 25px 0;}
.intro-bx1 .tbx h3 span{ display:inline-block;}
.intro-bx1 .tbx .desc{ font-size:18px; line-height:1.4;}
.intro-bx1 .thumb{ width:285px;}

.intro-bx2{ margin-left:-20px;}
.intro-bx2::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.intro-bx2 > li{ width:285px; float:left; margin:0 0 0 20px;}
.intro-bx2 > li .thumb{ margin:0 0 25px 0;}
.intro-bx2 > li .thumb img{ display:block;}
.intro-bx2 > li .tit{ font-size:22px; color:#111;}
.intro-bx2 > li .txt{ color:#5f5f5f; margin-top:10px;}

.intro-bx3{ position:relative; height:570px; }
.intro-bx3::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.intro-bx3 .itm{ position:absolute; width:25%; height:570px; padding:45px 30px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}
.intro-bx3 .itm::before{ content:""; position:absolute; top:0; left:0; width:100%; bottom:0; background-color:#000; opacity:0; transition:all 0.2s ease-in-out;}
.intro-bx3 .itm:hover::before{ opacity:.5;}
.intro-bx3 .itm .desc{ position:relative; color:#fff;}
.intro-bx3 .itm .desc strong{ display:block; font-size:22px;}
.intro-bx3 .itm .desc span{ display:block; margin-top:15px;}
.intro-bx3 .itm.itm1{ left:0; background-image:url('../images/wcg_img31.jpg');}
.intro-bx3 .itm.itm2{ left:25%; background-image:url('../images/wcg_img32.jpg');}
.intro-bx3 .itm.itm3{ left:50%; background-image:url('../images/wcg_img33.jpg');}
.intro-bx3 .itm.itm4{ left:75%; background-image:url('../images/wcg_img34.jpg');}
.intro-bx3 .itmb{ display:none; cursor:pointer;}
.intro-bx3 .itmb .desc .tit{ font-weight:600;}

.intro-con .tab-group{ margin-top:25px;}
.wcg-hisCon{ background-color:#f5f5f5; padding:40px 30px; display:table; width:100%; table-layout:fixed;}
.wcg-hisCon > *{ display:table-cell; vertical-align:top;}
.wcg-hisCon .logo{ width:200px;}
.wcg-hisCon .logo img{ background-color:#fff; display:block; width:100%;}
.wcg-hisCon .rank{ width:278px;}
.wcg-hisCon .rank .btn-box{ text-align:left; margin-top:20px; }
.wcg-hisCon .rank ul li{ display:table; width:100%; table-layout:fixed;}
.wcg-hisCon .rank ul li > *{ display:table-cell; vertical-align:middle; line-height:25px;}
.wcg-hisCon .rank ul li > em{ width:20px; text-align:left; color:#111;}
.wcg-hisCon .rank ul li > strong{ width:103px;}
.wcg-hisCon .rank ul li > .score span{ display:inline-block;}
.wcg-hisCon .rank ul li > .score span + span{ margin-left:1rem;}
.wcg-hisCon .rank ul li + li{ margin-top:13px; padding-top:13px; border-top:#e6e6e6 1px solid;}
.wcg-hisCon .tbx{ padding:0 30px;}
.wcg-hisCon .tbx h4{ font-size:26px; color:#111; margin:0 0 15px 0;}
.wcg-hisCon .tbx .desc{ font-size:16px; line-height:1.4;}

.hall-lst{ margin-top:-50px;}
.hall-lst::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.hall-lst .itm{ width:367px; float:left; margin-left:48px; margin-top:50px;}
.hall-lst .itm:nth-child(3n+1){ margin-left:0; clear:both;}
.hall-lst .itm .thumb{ display:block; overflow:hidden; }
.hall-lst .itm .thumb img{ display:block; border:#e6e6e6 1px solid; transition:all .2s ease;}
.hall-lst .itm .thumb:hover img{ transform:scale(1.1); }
.hall-lst .itm .desc{ margin:24px 0 0 0;}
.hall-lst .itm .desc .nat{ display:block; color:#a0a0a0;}
.hall-lst .itm .desc .name{ display:block; color:#111; font-size:20px; font-weight:600; }
.hall-lst .itm .desc dl{ margin:15px 0 0 0; display:table; width:100%; }
.hall-lst .itm .desc dl > *{ display:table-cell; vertical-align:middle;}
.hall-lst .itm .desc dl dt{ width:50%; color:#5f5f5f; font-size:18px;}
.hall-lst .itm .desc dl dd{ text-align:right; color:#5f5f5f; font-size:18px; line-height:25px; height:25px;}
.hall-lst .itm .desc dl dd span{ display:inline-block; }
.hall-lst .itm .desc dl dd span + span{ margin-left:.5rem;}
.hall-lst .itm .desc dl dd span i{ margin-right:.4rem; }

.wcgHall-tbl table{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; }
.wcgHall-tbl thead th{ padding:10px 0; color:#111; font-size:16px; font-weight:600; text-align:left;}
.wcgHall-tbl thead th .sort span{ position:absolute; top:-9999px; left:-9999px;}
.wcgHall-tbl thead th .sort::after{ content:""; vertical-align:middle; display:inline-block; margin-left:.3rem; border-top:#111 4px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; }
.wcgHall-tbl thead th .sort.on::after{ border-bottom:#111 4px solid; border-top:none; }
.wcgHall-tbl tbody tr{ border-radius:5px; }
.wcgHall-tbl tbody tr:nth-child(odd){ background-color:#fff;}
.wcgHall-tbl tbody tr td{ padding:24px 0;}
.wcgHall-tbl .ha1{ width:78px;}
.wcgHall-tbl .ha2{ width:183px;}
.wcgHall-tbl .ha3{ width:120px;}
.wcgHall-tbl .ha4{ width:108px;}
.wcgHall-tbl .ha5{ width:210px;}
.wcgHall-tbl .ha6,
.wcgHall-tbl .ha7,
.wcgHall-tbl .ha8{ width:90px;}
.wcgHall-tbl tbody td.ha1{  text-align:center;}
.wcgHall-tbl tbody td.ha2{  color:#111; font-weight:600;}
.wcgHall-tbl tbody td.ha5{ color:#9daab0;}

.hall-desc{ font-size:16px; line-height:1.4;}

.halld-tw .tab{ border-bottom:#e6e6e6 1px solid;}
.halld-tw .tab .itm{ width:auto; }
.halld-tw .tab .itm a{ position:relative; display:block; padding:15px 54px; font-size:18px; color:#5f5f5f; text-align:center;}
.halld-tw .tab .itm.active a{ color:#fa5a28;}
.halld-tw .tab .itm.active a::after{ content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background-color:#fa5a28; display:block; }
.halld-tw .tab .prev,
.halld-tw .tab .next{ display:none;}
.halld-tw h3{ font-size:40px; color:#111; font-weight:600; text-align:center; margin:60px 0 40px;}
.halld-tw dl{ background-color:#fff; border-radius:3px; overflow:hidden;}
.halld-tw dl + dl{ margin-top:15px;}
.halld-tw dl dt{ background-color:#0d2143; padding:15px 0; color:#fff; text-align:center;}
.halld-tw dl.gray dt{ background-color:#8b959e;}
.halld-tw dl dt strong{ font-size:18px; display:inline-block; margin-right:1rem;}
.halld-tw dl dd{ position:relative; display:table; width:100%; padding:20px 70px; text-align:center;}
.halld-tw dl dd::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.halld-tw dl dd .bt-vew{ position:absolute; top:50%; right:30px; margin-top:-13px; background:url('../images/ic_play2.png') 50% 50% no-repeat; width:25px; height:25px; display:block; }
.halld-tw dl dd .bt-vew span{ position:absolute; top:-9999px; left:-9999px; }
.halld-tw dl dd > div{ position:relative; display:table-cell; width:36%;}
.halld-tw dl dd > .vs{ width:22%; text-align:center;}
.halld-tw dl dd > .vs > *{ display:inline-block; text-align:center; color:#111; font-size:28px;}
.halld-tw dl dd > .vs > span{ width:70px; color:#a0a0a0; font-size:16px;}
.halld-tw dl dd > div > *{ display:table-cell; vertical-align:middle;}
.halld-tw dl dd > div:nth-child(1){ text-align:right; padding:0 60px 0 0;}
.halld-tw dl dd > div:nth-child(3){ text-align:left; padding:0 0 0 60px;}
.halld-tw dl dd > div .name{ color:#a0a0a0; font-weight:400;}
.halld-tw dl dd > div .name.on{ color:#111; font-weight:600;}
.halld-tw dl dd .flag{ position:absolute; top:50%; margin-top:-12px; width:25px; display:inline-block;}
.halld-tw dl dd > div:nth-child(1) .flag{ right:0;}
.halld-tw dl dd > div:nth-child(3) .flag{ left:0;}
.halld-tw dl dd .name{ font-size:16px; display:inline-block;}


@media screen and (min-width:1024px){
	.intro-bx3 .itmb{ position:absolute; top:0; left:0; width:100%; height:570px; padding:50px 45px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
	.intro-bx3 .itmb .desc{ color:#fff; }
	.intro-bx3 .itmb .desc .tit{ font-size:44px;}
	.intro-bx3 .itmb .desc .tbx{ opacity:0.8; margin-top:15px; font-size:22px;}
	.intro-bx3 .itmb .desc strong{ display:block;}
	.intro-bx3 .itmb.itmb1{ background-image:url('../images/wcg_img31b.jpg');}
	.intro-bx3 .itmb.itmb2{ background-image:url('../images/wcg_img32b.jpg');}
	.intro-bx3 .itmb.itmb3{ background-image:url('../images/wcg_img33b.jpg');}
	.intro-bx3 .itmb.itmb4{ background-image:url('../images/wcg_img34b.jpg');}
	.intro-bx3 .itmb .pop-colse{ display:none;}
}

@media screen and (min-width:1024px) and (max-width:1200px){
	.hd-history{ height:auto;}
	.hd-history .his-tit{ padding:70px 20px;}
	.hd-history .hd-data{ position:relative; bottom:auto; left:auto; margin-left:0; padding:30px 0; overflow:hidden;}

	.his-con1{ padding:0 20px;}
	.his-con1 .desc{ padding:0 6rem;}

	.his-winner ul.winner-lst li{ width:31.3%; margin-left:3%;}
	.his-winner ul.winner-lst li:first-child{ margin-left:0;}
	.his-winner ul.winner-lst li dl > *{ display:block; text-align:center; }
	.his-winner ul.winner-lst li dl dt{ width:100%;}
	.his-winner ul.winner-lst li dl dd{ width:100%; text-align:center; height:auto; line-height:1.4rem;}
	.his-winner ul.winner-lst li dl dd span i{ margin-right:.2rem;}
	.his-winner ul.winner-lst li dl dd span + span{ margin-left:.4rem;}
	
	.giude-wr{ padding:20px;}
	.giude-wr .guide-con{ width:100%;}
	
	.intro-con{ padding:110px 20px;}
	.intro-bx2{ margin-left:-2%;}
	.intro-bx2 > li{ width:23%; margin:0 0 1.2rem 2%;}
	
	.hall-lst{ margin-left:0;}
	.hall-lst .itm{ width:32%; margin-left:2%;}

	.wcg-hd.halld > *{ padding:0 20px 60px;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	.hd-history{ height:auto;}
	.hd-history .his-tit{ padding:3rem 2rem;}
	.hd-history .his-tit .logo{ width:200px;}
	.hd-history .his-tit .sel-dv{ display:block;}
	.hd-history .his-tit .sel-dv > a{ width:100%; font-size:1.8rem; padding:0 1rem;}
	.hd-history .his-tit .sel-dv > .sel-lst{ position:absolute; left:0; width:100%; padding:.5rem 0 0 1rem; display:none;}
	.hd-history .hd-data{ position:relative; bottom:auto; left:auto; margin-left:0; padding:1rem 2rem; overflow:hidden;}
	.hd-history .hd-data .slide{ overflow:hidden;}
	.hd-history .hd-data .itm{ padding:0 0 0 1rem;}
	.hd-history .hd-data .itm strong{ font-size:1.2rem;}
	.hd-history .hd-data .prev,
	.hd-history .hd-data .next{ display:block;}

	.his-con1{ padding:0 4.5vw;}
	.his-con1 .desc{ font-size:1.1rem; padding:0;}
	.his-winner{ margin-top:3rem;}
	.his-winner .tit{ font-size:1.8rem; margin-bottom:1rem;}
	.his-winner ul.winner-lst li{ width:31.3%; margin-left:3%;}
	.his-winner ul.winner-lst li:first-child{ margin-left:0;}
	.his-winner ul.winner-lst li .flag i{ width:1.6rem; height:1.6rem; line-height:1.6rem; font-size:1rem;}
	.his-winner ul.winner-lst li dl{ margin-top:.8rem; display:block;}
	.his-winner ul.winner-lst li dl > *{ display:block; text-align:center; }
	.his-winner ul.winner-lst li dl dt{ font-size:1rem; width:100%;}
	.his-winner ul.winner-lst li dl dd{ width:100%; text-align:center; font-size:.9rem; height:auto; line-height:1.4rem;}
	.his-winner ul.winner-lst li dl dd span i{ margin-right:.2rem;}
	.his-winner ul.winner-lst li dl dd span + span{ margin-left:.4rem;}

	.his-rut .hd{ display:none;}
	.his-rut .con .dv-row{ display:block;}
	.his-rut .con .dv-row > *{ display:block; width:100%;}
	.his-rut .con .dv-row .tit{ position:relative; padding:0 8rem 0 2rem; margin-bottom:1rem;}
	.his-rut .con .dv-row .tit strong{ font-size:1rem; margin:0;}
	.his-rut .con .dv-row .tit [class^=blt-] em{ display:none;}
	.his-rut .con .dv-row .tit .cls{ position:absolute; top:-.2rem; right:1rem; }
	.his-rut .con .dv-row .col{ margin:0 1rem; width:auto;}
	.his-rut .con .dv-row .col + .col{ margin-top:1rem;}
	.his-rut .con .dv-row [class^=cy-]{ position:absolute; top:0; left:0; width:25px; height:25px; line-height:25px; display:block;}
	.his-rut .con .dv-row .col p{ position:relative; padding:0 0 0 3rem;}
	.his-rut .con .dv-row .col .flag{ left:3rem;}

	.his-con1 + .his-con1{ margin-top:3rem;}

	.year-bx{ padding:.5rem;}
	.year-bx .itm{ padding:.5rem .4rem; font-size:1rem;}
	
	.giude-wr{ padding:20px;}
	.giude-wr .guide-con{ width:100%; display:block; padding:3rem 0;}
	.giude-wr .guide-con > *{ display:block; width:100%; }
	.giude-wr .guide-con h3{ font-size:1.6rem; margin:0 0 1rem 0;}
	.giude-wr .guide-con .desc{ font-size:1rem;}
	.giude-wr .guide-con .thumb{ width:100%; text-align:center; margin-top:1rem;}
	.giude-wr .guide-con .thumb img{ display:block; width:auto; max-width:100%; margin:0 auto;}
	.giude-wr .guide-con .thumb .bt-down{ position:relative; margin-top:1rem;}
	.giude-wr .guide-con:last-child .thumb{ padding-top:0; }

	.intro-con{ padding:3rem 20px;}
	.intro-bx1{ display:table;}
	.intro-bx1 > *{ display:table;}
	.intro-bx1 .thumb{ width:100%; margin:2rem 0 0 0; text-align:center;}

	.intro-bx2{ margin-left:-2%;}
	.intro-bx2 > li{ width:48%; margin:0 0 1.2rem 2%;}
	.intro-bx2 > li .thumb{ margin-bottom:.8rem;}
	.intro-bx2 > li .thumb img{ width:100%;}
	.intro-bx2 > li .tit{ font-size:1.2rem;}
	.intro-bx2 > li .txt{ margin-top:.5rem; font-size:1rem;}	
	
	.intro-bx3{ height:auto;}
	.intro-bx3 .itm{ position:relative; float:left; width:50%; height:300px; padding:1.5rem 1rem; }
	.intro-bx3 .itm .desc strong{ font-size:1.2rem;}
	.intro-bx3 .itm .desc span{ font-size:1rem; margin-top:1rem;}
	.intro-bx3 .itm.itm1,
	.intro-bx3 .itm.itm2,
	.intro-bx3 .itm.itm3,
	.intro-bx3 .itm.itm4{ left:auto;}
	.intro-bx3 .itmb .pop-colse{ display:block;}

	.itmb{ position:absolute; width:90vw; height:60vh; padding:2rem 1rem; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
	.itmb .pop-colse{ position:absolute; top:-2.5rem; right:0; width:2rem; height:2rem; display:block;}
	.itmb .pop-colse::before{ content:""; position:absolute; top:50%; left:0; width:2rem; height:1px; display:block; background-color:#fff; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.itmb .pop-colse::after{ content:""; position:absolute; top:0; left:50%; width:1px; height:2rem; display:block; background-color:#fff; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.itmb .desc{ color:#fff;}
	.itmb .desc .tit{ font-size:2.4rem;}
	.itmb .desc .tbx{ opacity:0.8; margin-top:15px; font-size:1.2rem;}
	.itmb .desc strong{ display:block;}
	.itmb.itmb1{ background-image:url('../images/wcg_img31b.jpg');}
	.itmb.itmb2{ background-image:url('../images/wcg_img32b.jpg');}
	.itmb.itmb3{ background-image:url('../images/wcg_img33b.jpg');}
	.itmb.itmb4{ background-image:url('../images/wcg_img34b.jpg');}

	.intro-con .inner .tab-wrap{ position:relative; top:auto; left:auto;}
	.intro-con .inner .tab-wrap .tab-mTit{ top:0; right:0;}
	.tab-wrap .tab-mTit a.mobile_on{ line-height:27px;}
	.intro-con .tab-group{ margin-top:0; top:2.2rem;}
	.wcg-hisCon{ display:block; padding:1rem; }
	.wcg-hisCon > *{ display:block;  }
	.wcg-hisCon .logo{ width:100%; background-color:#fff;}
	.wcg-hisCon .logo img{ max-width:100%; width:auto; margin:0 auto; height:10rem;}
	.wcg-hisCon .tbx{ padding:0; margin-top:1.5rem;}
	.wcg-hisCon .tbx h4{ font-size:1.2rem; margin-bottom:.5rem;}
	.wcg-hisCon .tbx .desc{ font-size:1rem;}
	.wcg-hisCon .rank{ width:100%; margin:1.5rem 0 0 0; padding:0;}
	.wcg-hisCon .rank .score{ text-align:right;}
	.wcg-hisCon .rank .btn-box .btn{ width:100%;}
	.wcg-hisCon .rank ul li > *{ font-size:1rem;}
	.wcg-hisCon .rank ul li > strong{ width:10rem;}
	
	.hall-lst{ margin-left:0;}
	.hall-lst .itm{ width:48%; margin-left:4%;}
	.hall-lst .itm:nth-child(3n+1){ margin-left:4%; clear:none;}
	.hall-lst .itm:nth-child(2n+1){ margin-left:0; clear:both;}

	.wcgHall-tbl{ overflow-x:auto; width:100%;}
	.wcgHall-tbl table{ width:1200px;}
	.wcgHall-tbl thead th{ font-size:.85rem;}
	.wcgHall-tbl tbody tr td{ padding:1rem 0;}	

	.wcg-hd.halld > *{ padding:0 20px 60px;}

	.halld-tw dl dd{ padding:20px 50px 20px 10px;}
	.halld-tw dl dd > div{ width:41%;}
	.halld-tw dl dd > div:nth-child(1){ position:relative; padding:0 25px 0 0;}
	.halld-tw dl dd > div:nth-child(3){ position:relative; padding:0 0 0 25px;}
	.halld-tw dl dd .flag{ position:absolute; width:22px; top:50%; margin-top:-11px;}
	.halld-tw dl dd .flag img{ width:22px; height:22px;}
	.halld-tw dl dd > div:nth-child(1) .flag{ right:0;}
	.halld-tw dl dd > div:nth-child(3) .flag{ left:0;}
	.halld-tw dl dd .bt-vew{ right:1rem;}
	.halld-tw dl dd .name{ font-size:1rem;}
	.halld-tw dl dd > .vs{ width:18%;}
	.halld-tw dl dd > .vs > *{ font-size:1.4rem;}
	.halld-tw dl dd > .vs > span{ width:auto; font-size:.85rem; padding:0 .2rem;}
}

@media screen and (max-width:767px){
	.hd-history{ height:auto;}
	.hd-history .his-tit{ padding:3rem 1rem;}
	.hd-history .his-tit .logo{ width:100px;}
	.hd-history .his-tit .sel-dv{ display:block;}
	.hd-history .his-tit .sel-dv > a{ width:100%; font-size:1.8rem; padding:0 1rem;}
	.hd-history .his-tit .sel-dv > a::after{ margin-top:-4px; width:.4rem; height:.4rem; border:#0d2143 1px solid; border-top:none; border-left:none;}
	.hd-history .his-tit .sel-dv > a::before{ width:16px; height:16px; margin-top:-8px;}
	.hd-history .his-tit .sel-dv > .sel-lst{ position:absolute; top:95px; left:0; width:100%; padding:.5rem 0 0 1rem; display:none;}
	.hd-history .his-tit .sel-dv > .sel-lst ul li a{ font-size:.9rem;}
	.hd-history .hd-data{ position:relative; bottom:auto; left:auto; margin-left:0; padding:1rem 2rem; overflow:hidden;}
	.hd-history .hd-data .slide{ overflow:hidden;}
	.hd-history .hd-data .itm{ padding:0 0 0 1rem;}
	.hd-history .hd-data .itm strong{ font-size:1.2rem;}
	.hd-history .hd-data .prev,
	.hd-history .hd-data .next{ display:block;}
	.hd-history.y2000{ background-image:url('../images/history_hd1.jpg');}
	.hd-history.y2001{ background-image:url('../images/history/his2001_(640x500).jpg');}
	.hd-history.y2002{ background-image:url('../images/history/his2002_(640x500).jpg');}
	.hd-history.y2003{ background-image:url('../images/history/his2003_(640x500).jpg');}
	.hd-history.y2004{ background-image:url('../images/history/his2004_(640x500).jpg');}
	.hd-history.y2005{ background-image:url('../images/history/his2005_(640x500).jpg');}
	.hd-history.y2006{ background-image:url('../images/history/his2006_(640x500).jpg');}
	.hd-history.y2007{ background-image:url('../images/history/his2007_(640x500).jpg');}
	.hd-history.y2008{ background-image:url('../images/history/his2008_(640x500).jpg');}
	.hd-history.y2009{ background-image:url('../images/history/his2009_(640x500).jpg');}
	.hd-history.y2010{ background-image:url('../images/history/his2010_(640x500).jpg');}
	.hd-history.y2011{ background-image:url('../images/history/his2011_(640x500).jpg');}
	.hd-history.y2012{ background-image:url('../images/history/his2012_(640x500).jpg');}
	.hd-history.y2013{ background-image:url('../images/history/his2013_(640x500).jpg');}

	.his-con1{ padding:0 4.5vw;}
	.his-con1 .desc{ font-size:1.1rem; padding:0;}
	.his-winner{ margin-top:3rem;}
	.his-winner .tit{ font-size:1.8rem; margin-bottom:1rem;}
	.his-winner ul.winner-lst li{ width:31.3%; margin-left:3%;}
	.his-winner ul.winner-lst li:first-child{ margin-left:0;}
	.his-winner ul.winner-lst li .flag i{ width:1.6rem; height:1.6rem; line-height:1.6rem; font-size:1rem;}
	.his-winner ul.winner-lst li dl{ margin-top:.8rem; display:block;}
	.his-winner ul.winner-lst li dl > *{ display:block; text-align:center; }
	.his-winner ul.winner-lst li dl dt{ font-size:1rem; width:100%;}
	.his-winner ul.winner-lst li dl dd{ width:100%; text-align:center; font-size:.9rem; height:auto; line-height:1.4rem;}
	.his-winner ul.winner-lst li dl dd span i{ margin-right:.2rem;}
	.his-winner ul.winner-lst li dl dd span + span{ margin-left:.4rem;}

	.his-rut .hd{ display:none;}
	.his-rut .con .dv-row{ display:block;}
	.his-rut .con .dv-row > *{ display:block; width:100%;}
	.his-rut .con .dv-row .tit{ position:relative; padding:0 8rem 0 2rem; margin-bottom:1rem;}
	.his-rut .con .dv-row .tit strong{ font-size:1rem; margin:0;}
	.his-rut .con .dv-row .tit [class^=blt-] em{ display:none;}
	.his-rut .con .dv-row .tit .cls{ position:absolute; top:-.2rem; right:1rem; }
	.his-rut .con .dv-row .col{ margin:0 1rem; width:auto;}
	.his-rut .con .dv-row .col + .col{ margin-top:1rem;}
	.his-rut .con .dv-row [class^=cy-]{ position:absolute; top:0; left:0; width:25px; height:25px; line-height:25px; display:block;}
	.his-rut .con .dv-row .col p{ position:relative; padding:0 0 0 3rem;}
	.his-rut .con .dv-row .col .flag{ left:3rem;}
	
	.rec-ul > li{ padding:0 0 0 1rem;}
	.rec-ul > li .tit{ position:relative; top:auto; left:auto; display:block; text-indent:-1rem;}

	.his-con1 + .his-con1{ margin-top:3rem;}

	.year-bx{ padding:.5rem;}
	.year-bx .itm{ padding:.5rem .4rem; font-size:1rem;}

	.wcg-hd{ height:18rem;}
	.wcg-hd .tit h2{ font-size:2rem;}
	.wcg-hd.intro .tit{ height:18rem;}
	.wcg-hd.intro .tit h2{ font-size:2rem; }
	.wcg-hd.intro .tit h2 span{ display:block;}
	.wcg-hd.intro .tit h2 span img{ height:4.4rem;}
	.wcg-hd.intro .tit h2 em{ display:inline-block;}
	.wcg-hd.intro .intro-slide .swiper-slide{ height:18rem;}
	.wcg-hd.hall .tit h2{ font-size:3rem; }
	.wcg-hd.hall .logo img{ height:25px;}
	.wcg-hd.halld > *{ padding:0 4.5vw 2rem;}
	.wcg-hd.halld .profile .nat{ font-size:1.2rem;}
	.wcg-hd.halld .profile .name{ font-size:1.6rem;}
	.wcg-hd.halld .profile dl{ margin:1rem 0 0 0;}
	.wcg-hd.halld .profile dl > *{ font-size:1rem;}
	.wcg-hd.halld .profile dl dd{ float:right;}
	.wcg-hd.halld .profile dl dd span i{ width:25px; height:25px; line-height:25px;}

	.giude-wr{ padding:0 4.5vw;}
	.giude-wr .guide-con{ width:100%; display:block; padding:3rem 0;}
	.giude-wr .guide-con > *{ display:block; width:100%; }
	.giude-wr .guide-con h3{ font-size:1.6rem; margin:0 0 1rem 0;}
	.giude-wr .guide-con .desc{ font-size:1rem;}
	.giude-wr .guide-con .thumb{ width:100%; text-align:center; margin-top:1rem;}
	.giude-wr .guide-con .thumb img{ display:block; width:auto; max-width:100%; margin:0 auto;}
	.giude-wr .guide-con .thumb .bt-down{ position:relative; margin-top:1rem;}
	.giude-wr .guide-con:last-child .thumb{ padding-top:0; }

	.intro-con{ padding:3rem 4.5vw;}
	.intro-bx1{ display:block;}
	.intro-bx1 > *{ display:block;}
	.intro-bx1 .tbx{ padding:0;}
	.intro-bx1 .tbx h3{ font-size:1.8rem; margin-bottom:1rem;}
	.intro-bx1 .tbx h3 span{ display:inline;}
	.intro-bx1 .tbx .desc{ font-size:1rem;}
	.intro-bx1 .thumb{ width:100%; margin-top:2rem;}
	.intro-bx1 .thumb img{ width:100%;}
	
	.intro-con .tit-ar{ margin-bottom:1rem;}
	.intro-con .tit-ar .tit{ font-size:1.7rem;}
	
	.intro-bx2{ margin-left:-2%;}
	.intro-bx2 > li{ width:48%; margin:0 0 1.2rem 2%;}
	.intro-bx2 > li .thumb{ margin-bottom:.8rem;}
	.intro-bx2 > li .tit{ font-size:1.2rem;}
	.intro-bx2 > li .txt{ margin-top:.5rem; font-size:1rem; min-height:4.0rem;}
	
	.intro-bx3{ height:auto;}
	.intro-bx3 .itm{ position:relative; width:100%; height:230px; padding:1.5rem 1rem; }
	.intro-bx3 .itm .desc strong{ font-size:1.2rem;}
	.intro-bx3 .itm .desc span{ font-size:1rem; margin-top:1rem;}
	.intro-bx3 .itm.itm1,
	.intro-bx3 .itm.itm2,
	.intro-bx3 .itm.itm3,
	.intro-bx3 .itm.itm4{ left:auto;}

	.itmb{ position:absolute; width:90vw; height:60vh; padding:2rem 1rem; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
	.itmb .pop-colse{ position:absolute; top:-2.5rem; right:0; width:2rem; height:2rem; display:block;}
	.itmb .pop-colse::before{ content:""; position:absolute; top:50%; left:0; width:2rem; height:1px; display:block; background-color:#fff; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.itmb .pop-colse::after{ content:""; position:absolute; top:0; left:50%; width:1px; height:2rem; display:block; background-color:#fff; -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	.itmb .desc{ color:#fff;}
	.itmb .desc .tit{ font-size:2.4rem;}
	.itmb .desc .tbx{ opacity:0.8; margin-top:15px; font-size:1.2rem;}
	.itmb .desc strong{ display:block;}
	.itmb.itmb1{ background-image:url('../images/wcg_img31b.jpg');}
	.itmb.itmb2{ background-image:url('../images/wcg_img32b.jpg');}
	.itmb.itmb3{ background-image:url('../images/wcg_img33b.jpg');}
	.itmb.itmb4{ background-image:url('../images/wcg_img34b.jpg');}

	.intro-con .inner .tab-wrap{ position:relative; top:auto; left:auto;}
	.intro-con .inner .tab-wrap .tab-mTit{  top:0; right:0;}
	.tab-wrap .tab-mTit a.mobile_on{ line-height:27px;}
	.intro-con .tab-group{ margin-top:0; top:2.2rem;}
	.wcg-hisCon{ display:block; padding:1rem; }
	.wcg-hisCon > *{ display:block;  }
	.wcg-hisCon .logo{ width:100%; background-color:#fff;}
	.wcg-hisCon .logo img{ max-width:100%; width:auto; margin:0 auto; height:10rem;}
	.wcg-hisCon .tbx{ padding:0; margin-top:1.5rem;}
	.wcg-hisCon .tbx h4{ font-size:1.2rem; margin-bottom:.5rem;}
	.wcg-hisCon .tbx .desc{ font-size:1rem;}
	.wcg-hisCon .rank{ width:100%; margin:1.5rem 0 0 0; padding:0;}
	.wcg-hisCon .rank .score{ text-align:right;}
	.wcg-hisCon .rank .btn-box .btn{ width:100%;}

	.hall-lst{ margin:-2rem 0 0 0;}
	.hall-lst .itm{ width:100%; margin:2rem 0 0 0; }
	.hall-lst .itm .desc{ margin:1rem 0 0 0;}
	.hall-lst .itm .desc .name{ font-size:1.2rem;}
	.hall-lst .itm .desc dl{ margin-top:.8rem;}
	.hall-lst .itm .desc dl dt{ font-size:1rem; line-height:1rem;}
	.hall-lst .itm .desc dl dt img{ vertical-align:middle;}
	.hall-lst .itm .desc dl dd{ font-size:1rem;}

	.wcgHall-tbl{ overflow-x:auto; width:100%;}
	.wcgHall-tbl table{ width:1200px;}
	.wcgHall-tbl thead th{ font-size:1rem;}
	.wcgHall-tbl tbody tr td{ padding:1rem 0;}

	.hall-desc{ font-size:1.2rem;}
	
	.halld-tw{ overflow:hidden;}
	.halld-tw .tab{ position:relative; }
	.halld-tw .tab .itm a{ padding:.8rem 0; text-align:center; font-size:1.2rem;}	
	.halld-tw .tab .prev,
	.halld-tw .tab .next{ display:block;}
	.halld-tw .tab .prev{ position:absolute; top:50%; left:.2rem; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.halld-tw .tab .next{ position:absolute; top:50%; right:0; width:.8rem; height:.8rem; z-index:9; margin-top:-.2rem;}
	.halld-tw .tab .prev::after,
	.halld-tw .tab .next::after{ content:""; position:absolute; display:block; border:2px solid #747ba2; width:.6rem; height:.6rem; border-top:none;border-right:none; opacity:.3;}
	.halld-tw .tab .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.halld-tw .tab .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.halld-tw h3{ margin:2rem 0 1rem; font-size:1.6rem;}
	.halld-tw dl dt{ padding:.8rem 0; font-size:.85rem;}
	.halld-tw dl dt strong{ font-size:1.2rem;}
	.halld-tw dl dd{ padding:1.5rem 3rem 1.5rem 0;}
	.halld-tw dl dd > div{ width:39%;}
	.halld-tw dl dd > div:nth-child(1){ position:relative; padding:0 25px 0 0;}
	.halld-tw dl dd > div:nth-child(3){ position:relative; padding:0 0 0 25px;}
	.halld-tw dl dd .flag{ position:absolute; width:25px; top:50%; margin-top:-11px;}
	.halld-tw dl dd .flag img{ width:22px; height:22px;}
	.halld-tw dl dd > div:nth-child(1) .flag{ right:0;}
	.halld-tw dl dd > div:nth-child(3) .flag{ left:0;}
	.halld-tw dl dd .bt-vew{ right:1rem;}
	.halld-tw dl dd .name{ font-size:1rem;}
	.halld-tw dl dd > .vs{ width:20%;}
	.halld-tw dl dd > .vs > *{ font-size:1.4rem;}
	.halld-tw dl dd > .vs > span{ width:auto; font-size:.85rem; padding:0 .2rem;}

}


/* --------------------------------------------
 * ��ȣ������
/* ------------------------------------------ */
.hor-wr{ padding:120px 0; background:url('../images/bg_hor.jpg') 50% 50% no-repeat; background-size:cover;}
.hor-wr > .tit{ max-width:1200px; color:#fff; margin:0 auto; font-size:44px; font-weight:400; text-align:center;}
.hor-wr > .tit strong{ font-size:52px; font-weight:600;}
.hor-wr .hor-lst{ max-width:1200px; margin:70px auto; }
.hor-wr .hor-lst::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.hor-wr .hor-lst .itm{ position:relative; display:block; float:left; width:292px; height:570px; margin-left:10px; padding:20px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.hor-wr .hor-lst .itm::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,.4); opacity:0; transition:all 0.2s ease-in-out;}
.hor-wr .hor-lst .itm:hover::before{ opacity:1;}
.hor-wr .hor-lst .itm:first-child{ margin-left:0;}
.hor-wr .hor-lst .itm.itm1{ background-image:url('../images/hor_bg1.jpg');}
.hor-wr .hor-lst .itm.itm2{ background-image:url('../images/hor_bg2.jpg');}
.hor-wr .hor-lst .itm.itm3{ background-image:url('../images/hor_bg3.jpg');}
.hor-wr .hor-lst .itm.itm4{ background-image:url('../images/hor_bg4.jpg');}
.hor-wr .hor-lst .itm h3{ position:relative; font-size:24px;}
.hor-wr .hor-lst .itm h3 span{ color:#fa5a28;  }
.hor-wr .hor-lst .itm h3 strong{ display:block; color:#fff; font-size:36px; margin-top:5px; line-height:1; letter-spacing:-.05em;}
.hor-wr .hor-lst .itm h3 strong em{ display:inline-block; }
.hor-wr .hor-lst .itm .desc{ position:absolute; top:355px; left:0; padding:0 20px; color:#fff; display:block; line-height:1.4;}
.hor-wr .hor-lst .itm .desc strong{ font-size:20px; color:#fff; font-weight:400; letter-spacing:-.05em;}
.hor-wr .hor-lst .itm .desc em{ display:block; margin-top:25px; opacity:.6; }

#container.hor-wrap{ width:100%; max-width:100%; padding:0; }
#container.hor-wrap::before{ content:""; position:absolute; top:0; left:0; width:100%; height:100vh; background:url('../images/bg_hor2.jpg') 50% 50% no-repeat; background-size:cover;}
.fix-bx{ position:absolute; top:50%; left:50%; width:282px; height:600px; z-index:9; margin:-300px 0 0 -600px;}
.fix-bx .tit-ar h3{ font-family:'Graphik Web'; font-weight:600; color:#fff; font-size:50px; line-height:1;}
.fix-bx .tit-ar p{ color:#fff; margin-top:20px;}
.fix-bx .hor-pag{ margin:60px 0 0 0;}
.fix-bx .hor-pag a{ position:relative; display:block; color:#747ba2; font-size:16px; padding:8px 0;}
.fix-bx .hor-pag a i{ width:0; left:150px; opacity:0; transition:all 0.6s ease-in-out;}
.fix-bx .hor-pag a.active{ color:#fa5a28; font-weight:600;}
.fix-bx .hor-pag a.active i{ position:absolute; top:50%; left:192px; opacity:1; background-color:#fa5a28; width:92px; height:1px;}
.fix-bx .hor-nav{ position:absolute; bottom:0; left:0; z-index:9;}
.fix-bx .hor-nav a{ position:relative; width:34px; height:34px; display:inline-block; background-color:#060c26; border-radius:3px;}
.fix-bx .hor-nav a span{ position:absolute; top:-9999px; left:-9999px;}
.fix-bx .hor-nav a::after{ content:""; position:absolute; top:50%; right:.8rem; margin-top:-6px; width:8px; height:8px; display:block; border:#274380 2px solid; border-top:none; border-left:none; }
.fix-bx .hor-nav a.prev::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); margin-top:-1px;}
.fix-bx .hor-nav a.next::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg);}
.fix-bx .hor-nav a:hover{ background-color:#fa5a28;}
.fix-bx .hor-nav a:hover::before,
.fix-bx .hor-nav a:hover::after{ border-color:#0d2143;}
.section-wr{ height:100vh; overflow:hidden;}
.section-bx .section{ height:100vh;}
.section-bx .section .img-bg{ position:absolute; right:0; top:0; bottom:0; left:50%; height:100vh; margin:0 0 0 -258px; overflow:hidden; background-repeat:no-repeat; background-position:50% 50%; background-size:130% 130%; text-indent:-9999px; }
.section-bx .section.ai .img-bg{ background-image:url('../images/hor_img01b.jpg'); }
.section-bx .section.robo .img-bg{ background-image:url('../images/hor_img02b.jpg'); }
.section-bx .section.scratch .img-bg{ background-image:url('../images/hor_img03b.jpg'); }
.section-bx .section.vr .img-bg{ background-image:url('../images/hor_img04b.jpg'); }
.section-bx .section .itm{ position:absolute; top:50%; left:50%; width:918px; margin:-300px 0 0 -318px; height:600px; background-repeat:no-repeat;  background-position:50% 50%; background-size:cover; }
.section-bx .section.ai .itm{ background-image:url('../images/hor_img01.png'); }
.section-bx .section.robo .itm{ background-image:url('../images/hor_img02.png'); }
.section-bx .section.scratch .itm{ background-image:url('../images/hor_img03.png'); }
.section-bx .section.vr .itm{ background-image:url('../images/hor_img04.png'); }
.section-bx .section .itm .sct-bt{ position:absolute; bottom:-60px; right:0; }
.section-bx .section .itm .sct-bt a{ line-height:34px; display:inline-block; color:#fff; font-size:16px; opacity:100;}
.section-bx .section .itm .sct-bt a i{ content:""; position:relative; vertical-align:middle; width:34px; height:34px; margin:0 10px 0 0; display:inline-block; border:#fff 1px solid; border-radius:50%; transition:all 0.2s ease-in-out;}
.section-bx .section .itm .sct-bt a i::before{ content:""; position:absolute; top:50%; left:50%; width:11px; height:1px; margin:0 0 0 -5px; display:block; background-color:#fff; transition:all 0.2s ease-in-out;}
.section-bx .section .itm .sct-bt a i::after{ content:""; position:absolute; top:50%; left:50%; width:1px; height:11px; margin:-5px 0 0 0; display:block; background-color:#fff; transition:all 0.2s ease-in-out;}
.section-bx .section .itm .sct-bt a + a{ margin-left:25px;}
.section-bx .section .itm .sct-bt a:hover{ color:#fa5a28;}
.section-bx .section .itm .sct-bt a:hover i{ border-color:#fa5a28; -webkit-transform:rotate(90deg);transform:rotate(90deg); }
.section-bx .section .itm .sct-bt a:hover i::before,
.section-bx .section .itm .sct-bt a:hover i::after{ background-color:#fa5a28;}
.section-bx .section dl{ position:absolute; width:918px; padding:60px; bottom:0; left:0; color:#fff; overflow:hidden;}
.section-bx .section dl dt a{ font-family:'Graphik Web'; font-weight:600; position:relative; font-size:52px; font-weight:600; display:block; color:#fff;}
.section-bx .section dl dt a::before{ content:""; position:absolute; top:50%; right:0; width:68px; height:1px; background-color:#fff; display:block; }
.section-bx .section dl dt a::after{ content:""; position:absolute; top:50%; right:0; width:12px; height:1px; background-color:#fff; display:block; -webkit-transform:rotate(45deg);transform:rotate(45deg); margin-top:-5px;}
.section-bx .section dl dd{ margin-top:15px; display:table; padding:0 110px 0 0;}
.section-bx .section dl dd > div{ display:table-cell; letter-spacing:-.05em; vertical-align:top;}
.section-bx .section dl dd > div:nth-child(1){ width:328px; font-size:22px; padding:0 30px 0 0;}
.section-bx .section .opacity{ opacity:0;}
.section-wr.tablet .section-bx .section .opacity{ opacity:1;}

@media screen and (min-width:1024px) and (max-width:1200px){
	.hor-wr{ padding:70px 20px;}
	.hor-wr .hor-lst{ margin-left:-1%;}
	.hor-wr .hor-lst .itm,
	.hor-wr .hor-lst .itm:first-child{ width:24%; margin-left:1%; }
	.hor-wr .hor-lst .itm h3 strong em{ word-break:break-all;}

	.fix-bx{ left:20px; margin:-300px 0 0 0;}
	.section-bx .section::before{ margin:0 0 0 -180px;}
	.section-bx .section .itm{ width:730px; margin:-300px 0 0 0; left:auto; right:0;}
	.section-bx .section dl{ width:100%; padding:0 20px 40px;}
	.section-bx .sct-bt{ padding:0 20px 0 0;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.hor-wr{ padding:3rem 20px;}
	.hor-wr .hor-lst .itm{ width:49%; margin-left:2%; margin-bottom:1rem; }
	.hor-wr .hor-lst .itm:nth-child(2n+1){ margin-left:0;}

	#container.hor-wrap{ overflow:hidden; background:url('../images/bg_hor2m.jpg') 50% 50% no-repeat; background-size:cover; bottom:0; height:auto;}
	#container.hor-wrap::before{ display:none;}
	.fix-bx{ position:relative; margin:0; top:auto; left:auto; width:100%; height:auto; padding:2rem 4.5vw 0; z-index:1;}
	.fix-bx .tit-ar h3{ font-size:1.8rem;}
	.fix-bx .tit-ar p{ margin:.5rem 0 0 0;}
	.fix-bx .hor-nav{ display:none;}
	.fix-bx .hor-pag{ margin:2rem 0 0 0; padding:0 0 20px 0;}
	.fix-bx .hor-pag::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	.fix-bx .hor-pag a{ width:25%; float:left; font-size:1rem;}
	.fix-bx .hor-pag a span{ display:block;}
	.fix-bx .hor-pag a i{ top:3.4rem; height:0; left:2rem; width:0; }
	.fix-bx .hor-pag a.active i{ top:3.4rem; height:24px; left:2rem; width:1px; }
	.section-wr{ position:relative; padding:0; z-index:3; height:auto;}
	.section-wr .swiper-slide{ position:relative; height:600px; width:100%;}
	.section-wr .swiper-slide .img-bg{ position:absolute; width:100%; top:40px; left:0; height:560px; display:block; background-size:cover;}
	.section-wr .swiper-slide.ai .img-bg{ background-image:url('../images/hor_img01b.jpg');} 
	.section-wr .swiper-slide.robo .img-bg{ background-image:url('../images/hor_img02b.jpg');} 
	.section-wr .swiper-slide.scratch .img-bg{ background-image:url('../images/hor_img03b.jpg');} 
	.section-wr .swiper-slide.vr .img-bg{ background-image:url('../images/hor_img04b.jpg');} 
	.section-wr .swiper-slide .itm{ position:relative; top:auto; left:auto; width:auto; height:500px; margin:0 20px; opacity:1; background-size:cover;}
	.section-wr .swiper-slide.ai .itm{ background-image:url('../images/hor_img01.png');}
	.section-wr .swiper-slide.robo .itm{ background-image:url('../images/hor_img02.png');}
	.section-wr .swiper-slide.scratch .itm{ background-image:url('../images/hor_img03.png');}
	.section-wr .swiper-slide.vr .itm{ background-image:url('../images/hor_img04.png');}
	.section-wr dl{ position:absolute; bottom:3rem; left:0; width:100%; color:#fff; padding:0 4.5vw;}
	.section-wr dl dt a{ display:block; color:#fff; font-size:1.8rem; font-weight:600;}
	.section-wr dl dd{ margin:1rem 0 0 0; font-size:1rem;}
	.section-wr dl dd div + div{ margin:1rem 0 0 0;}
	.section-wr .sct-bt{ position:absolute; bottom:-2.5rem; left:0; width:100%; }
	.section-wr .sct-bt a{ display:inline-block; line-height:34px; color:#fff;} 
	.section-wr .sct-bt a + a{ margin-left:1rem;}
	.section-wr .sct-bt a i{ content:""; position:relative; vertical-align:bottom; width:34px; height:34px; margin:0 .5rem 0 0; display:inline-block; border:#fff 1px solid; border-radius:50%;}
	.section-wr .sct-bt a i::before{ content:""; position:absolute; top:50%; left:50%; width:5px; height:1px; margin:0 0 0 -2px; display:block; background-color:#fff;}
	.section-wr .sct-bt a i::after{ content:""; position:absolute; top:50%; left:50%; width:1px; height:5px; margin:-2px 0 0 0; display:block; background-color:#fff;}
}
@media screen and (max-width:767px){
	.hor-wr{ padding:3rem 4.5vw;}
	.hor-wr > .tit{ font-size:1.6rem;}
	.hor-wr > .tit strong{ font-size:1.8rem;}
	.hor-wr > .tit span{ display:inline-block;}
	.hor-wr .hor-lst{ margin:3rem 0 0 0;}
	.hor-wr .hor-lst .itm{ padding:1rem; width:100%; margin-left:0; height:auto;}
	.hor-wr .hor-lst .itm + .itm{ margin-top:1rem;}
	.hor-wr .hor-lst .itm.itm1{ background-image:url('../images/hor_bg1mobi.jpg');}
	.hor-wr .hor-lst .itm.itm2{ background-image:url('../images/hor_bg2mobi.jpg');}
	.hor-wr .hor-lst .itm.itm3{ background-image:url('../images/hor_bg3mobi.jpg');}
	.hor-wr .hor-lst .itm.itm4{ background-image:url('../images/hor_bg4mobi.jpg');}
	.hor-wr .hor-lst .itm h3{ font-size:1rem;}
	.hor-wr .hor-lst .itm h3 strong{ font-size:1.5rem;}
	.hor-wr .hor-lst .itm .desc{ position:relative; top:auto; left:auto; margin-top:6rem; padding:1rem 0;}
	.hor-wr .hor-lst .itm .desc strong{ font-size:1.2rem;}
	.hor-wr .hor-lst .itm .desc em{ font-size:1rem; margin-top:.5rem;}
	
	#container.hor-wrap{ overflow:hidden; background:url('../images/bg_hor2m.jpg') 50% 50% no-repeat; background-size:cover;}
	#container.hor-wrap::before{ display:none;}
	.fix-bx{ position:relative; margin:0; top:auto; left:auto; width:100%; height:auto; padding:2rem 4.5vw 0; z-index:1;}
	.fix-bx .tit-ar h3{ font-size:1.8rem;}
	.fix-bx .tit-ar p{ margin:.5rem 0 0 0;}
	.fix-bx .hor-nav{ display:none;}
	.fix-bx .hor-pag{ margin:2rem 0 0 0; padding:0 0 20px 0;}
	.fix-bx .hor-pag::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
	.fix-bx .hor-pag a{ width:25%; float:left; font-size:1rem;}
	.fix-bx .hor-pag a span{ display:block;}
	.fix-bx .hor-pag a i{ top:3.4rem; height:0; left:2rem; width:0; }
	.fix-bx .hor-pag a.active i{ top:3.4rem; height:24px; left:2rem; width:1px; }
	.section-wr{ position:relative; padding:0; z-index:3; height:auto;}
	.section-wr .swiper-slide{ position:relative; height:480px; width:100%;}
	.section-wr .swiper-slide .img-bg{ position:absolute; width:100%; top:40px; left:0; height:440px; display:block; background-size:cover;}
	.section-wr .swiper-slide.ai .img-bg{ background-image:url('../images/hor_img01b.jpg');} 
	.section-wr .swiper-slide.robo .img-bg{ background-image:url('../images/hor_img02b.jpg');} 
	.section-wr .swiper-slide.scratch .img-bg{ background-image:url('../images/hor_img03b.jpg');} 
	.section-wr .swiper-slide.vr .img-bg{ background-image:url('../images/hor_img04b.jpg');} 
	.section-wr .swiper-slide .itm{ position:relative; top:auto; left:auto; width:auto; height:380px; margin:0 4.5vw; opacity:1; background-size:cover;}
	.section-wr .swiper-slide.ai .itm{ background-image:url('../images/hor_img01.png'); background-size:auto 100%; background-position:100% 50%;}
	.section-wr .swiper-slide.robo .itm{ background-image:url('../images/hor_img02.png');}
	.section-wr .swiper-slide.scratch .itm{ background-image:url('../images/hor_img03.png');}
	.section-wr .swiper-slide.vr .itm{ background-image:url('../images/hor_img04.png');}
	.section-wr dl{ position:absolute; bottom:3rem; left:0; width:100%; color:#fff; padding:0 4.5vw;}
	.section-wr dl dt a{ display:block; color:#fff; font-size:1.8rem; font-weight:600;}
	.section-wr dl dd{ margin:1rem 0 0 0; font-size:1rem;}
	.section-wr dl dd div + div{ margin:1rem 0 0 0;}
	.section-wr .sct-bt{ position:absolute; bottom:-2.5rem; left:0; width:100%; }
	.section-wr .sct-bt a{ display:inline-block; line-height:17px; color:#fff;} 
	.section-wr .sct-bt a + a{ margin-left:1rem;}
	.section-wr .sct-bt a i{ content:""; position:relative; vertical-align:bottom; width:17px; height:17px; margin:0 .5rem 0 0; display:inline-block; border:#fff 1px solid; border-radius:50%;}
	.section-wr .sct-bt a i::before{ content:""; position:absolute; top:50%; left:50%; width:5px; height:1px; margin:0 0 0 -2px; display:block; background-color:#fff;}
	.section-wr .sct-bt a i::after{ content:""; position:absolute; top:50%; left:50%; width:1px; height:5px; margin:-2px 0 0 0; display:block; background-color:#fff;}
}

/* --------------------------------------------
 * ���۷���
/* ------------------------------------------ */
.conf-hd{ display:table; width:100%; vertical-align:middle; height:450px; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; }
.conf-hd.wcg{ background-image:url('../images/conf_hd.jpg');}
.conf-hd.ted{ background-image:url('../images/ted_hd.jpg');}
.conf-hd > *{ display:table-cell; text-align:center; vertical-align:middle; }
.conf-hd .tit{ padding:0 4.5vw;}
.conf-hd .tit h2{ font-size:34px; color:#fff; font-weight:400;}
.conf-hd .tit h2 strong{ font-family:'GTHaptik-Bold'; }
.conf-hd.ted .tit h2 strong{ font-family: 'Graphik Web'; font-weight:600; font-size:70px;}
.conf-hd .tit *{ color:#fff; vertical-align:middle;}
.conf-hd .tit .tx01{ font-size:30px; margin-bottom:20px; line-height:1; font-weight:600;}
.conf-hd .tit .tx01 strong{ position:relative; display:inline-block; font-weight:400; color:#e10027; padding:0 0 0 1rem; margin-left:1rem;}
.conf-hd .tit .tx01 strong::before{ content:""; position:absolute; width:1px; height:40px; background-color:#a0a0a0; top:50%; left:0; display:block; margin-top:-20px;}
.conf-hd .tit .tx02{ font-size:20px; }
.conf-hd .tit .tx02 p{ font-family:'Graphik Web'; font-weight:600; font-size:1.8em; font-size:50px; margin:0 0 30px 0;}
.conf-hd.ted .tit .tx02{ margin:40px 0 0 0;}

.ted-wr{ padding:100px 0; max-width:1200px; margin:0 auto;}
.ted-wr h3{ font-size:36px; color:#111; margin-bottom:30px; text-transform:uppercase;}
.ted-wr h3 span{ display:inline-block;}
.ted-wr .tde-desc{ text-align:center; margin:0 0 50px 0; font-size:24px; padding:0;}
.ted-wr .tde-desc strong{ display:block; margin:0 0 30px 0; font-weight:400;}
.ted-wr .tde-desc p + p{ margin-top:15px;}
.ted-lst::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ted-lst .itm{ float:left; width:387px; display:block; background-color:#fff; margin-left:19px;}
.ted-lst .itm:first-child{ margin-left:0;}
.ted-lst .itm > *{ position:relative; display:block;}
.ted-lst .itm .thumb strong{ position:absolute; bottom:30px; width:100%; padding:0 30px; left:0; display:block; color:#fff; font-size:26px;}
.ted-lst .itm .thumb img{ width:100%; display:block;}
.ted-lst .itm .desc{ padding:30px 30px 0 30px; height:140px; line-height:1.4;}

.conf-con{ padding:100px 0;}
.conf-con > .inner{ max-width:1200px; margin:0 auto;}
.conf-con .tit-ar{ margin:0 0 30px 0;}
.conf-con .tit-ar i{ font-family:'Graphik Web'; font-weight:600; color:#fa5a28; font-size:24px; display:block; font-weight:600; margin:0 0 30px 0;}
.conf-con .tit-ar i::after{ content:""; width:3rem; height:1px; vertical-align:baseline; background-color:#fa5a28; display:inline-block; margin-left:.5rem;}
.conf-con .tit-ar h3{ font-family:'Graphik Web'; font-weight:600; font-size:36px; color:#111; text-transform:uppercase;}
.conf-con.bg-blue .tit-ar h3{ color:#fff;}
.conf-con h4{ color:#111; font-size:28px; margin:70px 0 30px; text-transform:uppercase; line-height:1;}
.conf-con .desc{ font-size:18px; line-height:1.4;}
.conf-con.bg-blue .desc{ color:#747ba2;}
.conf-lst01::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.conf-lst01 > li{ float:left; width:387px; margin-left:19px; }
.conf-lst01 > li:first-child{ margin-left:0;}
.conf-lst01 > li .thumb{ margin:0 0 25px 0;}
.conf-lst01 > li .thumb img{ display:block;}
.conf-lst01 > li .name{ font-size:25px; color:#111;}
.conf-lst01 > li .txt{ margin-top:15px; color:#a0a0a0;}
.conf-lst01 > li .txt span{ display:block;}
.conf-lst02{ margin:60px 0 0 0;}
.conf-lst02 > li{ position:relative; padding:0 0 0 60px; color:#747ba2; font-size:16px;}
.conf-lst02 > li i{ position:absolute; top:0; left:0; font-size:32px; display:inline-block; color:#747ba2;}
.conf-lst02 > li strong{ color:#fff; font-size:18px; font-weight:600; display:block; margin-bottom:10px; }
.conf-lst02 > li + li{ padding-top:50px; margin-top:50px;}
.conf-lst02 > li + li::before{ content:""; position:absolute; top:0; left:60px; right:0; height:1px; background-color:#1d223a; display:block;  }
.conf-lst02 > li + li i{ top:50px;}
.conf-map{ padding:0;}
.conf-map .g-map{ width:100%; }
.conf-map .g-map .map-if{ width:100%; height:650px; display:block;}
.conf-map .addr{ background-color:#fa5a28; padding:100px 0; }
.conf-map .addr dl{ max-width:1200px; margin:0 auto; text-align:center; color:#fff; }
.conf-map .addr dl dt{ font-size:36px; text-transform:uppercase; font-weight:600; }
.conf-map .addr dl dd{ margin-top:10px; font-size:16px;}
.conf-map .addr dl dd .contact{ margin-top:35px; line-height:1.4;}
.conf-map .addr dl dd .contact strong{ display:block; font-size:22px; font-weight:400;}
.conf-map .addr dl dd .contact span{ display:block;}
.conf-sev{ padding:100px 0;}
.conf-sev ul{ max-width:1200px; margin:0 auto; text-align:center;}
.conf-sev ul::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.conf-sev ul > li{ display:inline-block; color:#060c26; font-size:18px; }
.conf-sev ul > li::before{ content:""; width:82px; height:82px; display:inline-block; background-size:100%; background-repeat:no-repeat; background-position:50% 50%; margin:0 20px 0 0; vertical-align:middle;}
.conf-sev ul > li:first-child{ float:left;}
.conf-sev ul > li:last-child{ float:right;}
.conf-sev ul > li.acc::before{ background-image:url('../images/ic_conf1.png');}
.conf-sev ul > li.parking::before{ background-image:url('../images/ic_conf2.png');}
.conf-sev ul > li.trans::before{ background-image:url('../images/ic_conf3.png');}
.conf-spon{ background-color:#fff; padding:100px 0;}
.conf-spon .inner{ max-width:1200px; margin:0 auto;}
.spon-lst::after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.spon-lst > a{ float:left; width:20%; text-align:center; text-align:center;}

.conf-float{ position:absolute; top:815px; right:30px; width:10px; transition:all 0.2s ease-in-out;}
.conf-float.fix{ position:fixed; top:50%; margin-top:-55px;}
.conf-float a{ position:relative; display:block;}
.conf-float a::after{ content:""; width:10px; height:10px; border-radius:50%; border:#fa5a28 1px solid;display:block; transition:all 0.2s ease-in-out;}
.conf-float a span{ position:absolute; top:50%; right:20px; font-size:12px; color:#fa5a28; display:inline-block; line-height:1rem; height:1rem; margin-top:-.5rem; font-weight:600; opacity:0; transition:all 0.2s ease-in-out;}
.conf-float a + a{ margin-top:40px;}
.conf-float a.active::after,
.conf-float a:hover::after{ background-color:#fa5a28;}
.conf-float a.active span,
.conf-float a:hover span{ opacity:1;}
  

@media screen and (min-width:1024px) and (max-width:1200px){
	.ted-wr{ padding:3rem 20px;}
	
	.ted-lst .itm{ width:32%; margin-left:2%;}
	.ted-lst .itm .thumb strong{ font-size:1rem; bottom:.6rem; padding:0 20px;}
	.ted-lst .itm .desc{ padding:15px 20px 0 20px;  }

	.conf-con{ padding:100px 20px;}
	.conf-lst01 > li{ width:31.3%;}

	.conf-map{ padding:0;}
	.conf-sev,
	.conf-spon{ padding:100px 20px;}
}
@media screen and (min-width:768px) and (max-width:1023px){
	.ted-wr{ padding:3rem 20px;}
	.ted-wr h3{ font-size:1.6rem; margin:0 0 1rem 0;}
	.ted-lst .itm{ width:32%; margin-left:2%;}
	.ted-lst .itm .thumb strong{ font-size:1rem; bottom:.6rem; padding:0 20px;}
	.ted-lst .itm .desc{ padding:15px 20px 0 20px;}

	.conf-float{ display:none;}
	.conf-con{ padding:4rem 20px;}
	.conf-lst01 > li{ width:31.3%;}

	.conf-map{ padding:0;}
	.conf-map .g-map .map-if{ height:25rem;}
	.conf-map .addr{ padding:3rem 20px;}

	.conf-sev{ padding:3rem 0;}
	.conf-sev ul > li,
	.conf-sev ul > li:first-child,
	.conf-sev ul > li:last-child{ width:33.3%; float:left; text-align:center; margin:0; font-size:.9rem;}
	.conf-sev ul > li::before{ display:block; width:4rem; height:4rem; margin:0 auto .5rem;}

	.conf-spon{ padding:3rem 20px;}
	.spon-lst{ padding:0 4.5vw;}
}
@media screen and (max-width:767px){
	.conf-hd{ height:18rem;}
	.conf-hd  .tit h2{ font-size:1.4rem;}
	.conf-hd .tit img{ height:1rem; }
	.conf-hd .tit .tx01{ font-size:1.1rem; margin-bottom:.5rem;}
	.conf-hd .tit .tx01 strong{ padding-left:.5rem; margin-left:.5rem;}
	.conf-hd .tit .tx01 strong::before{ height:1rem; margin-top:-.5rem;}
	.conf-hd .tit .tx02{ font-size:1rem; margin-top:1rem;}
	.conf-hd .tit .tx02 p{ font-size:1.8rem; margin:0 0 1rem 0;}
	.conf-hd.ted .tit .tx02{ margin:1rem 0 0 0;}

	.ted-wr{ padding:3rem 4.5vw;}
	.ted-wr h3{ font-size:1.6rem; margin:0 0 1rem 0;}
	.ted-wr .tde-desc{ font-size:1.2rem; margin:0 0 1.5rem; padding:0;}
	.ted-wr .tde-desc strong{ margin:0 0 1rem;}
	.ted-wr .tde-desc p + p{ margin-top:.5rem;}
	.ted-lst .itm{ width:100%; margin-left:0;}
	.ted-lst .itm + .itm{ margin-top:1rem;}
	.ted-lst .itm .thumb strong{ font-size:1.4rem; bottom:1.5rem; padding:0 4vw;}
	.ted-lst .itm .desc{ padding:1.5rem 1.5rem 2rem 1.5rem; height:auto; }

	.conf-float{ display:none;}
	.conf-con{ padding:4rem 4.5vw;}
	.conf-con .tit-ar{ margin-bottom:1rem;}
	.conf-con .tit-ar i{ font-size:.9rem; margin-bottom:1rem;}
	.conf-con .tit-ar i::after{ width:2rem;}
	.conf-con .tit-ar h3{ font-size:1.6rem;}
	.conf-con .desc{ font-size:1.1rem;}
	.conf-con h4{ font-size:1.4rem; margin:3rem 0 1rem;}
	.conf-lst01{ margin-left:-2%;}
	.conf-lst01 > li,
	.conf-lst01 > li:first-child{ width:48%; margin-left:2%;}
	.conf-lst01 > li .thumb{ margin:0 0 1rem 0;}
	.conf-lst01 > li .name{ font-size:1.2rem;}
	.conf-lst01 > li .txt{ font-size:.9rem; margin-top:.5rem;}
	.conf-lst01 > li:nth-child(3){ margin-top:1.5rem;}
	.conf-lst02{ margin-top:3rem;}
	.conf-lst02 > li{ padding:0; font-size:1rem;}
	.conf-lst02 > li i,
	.conf-lst02 > li + li i{ position:relative; top:auto; left:auto; font-size:1.4rem;}
	.conf-lst02 > li strong{ font-size:1.4rem; margin-bottom:.4rem;}
	.conf-lst02 > li + li{ margin-top:2rem; padding-top:2rem;}
	.conf-lst02 > li + li::before{ left:0;}

	.conf-map{ padding:0;}
	.conf-map .g-map .map-if{ height:25rem;}
	.conf-map .addr{ padding:3rem 4.5vw;}
	.conf-map .addr dl dt{ font-size:1.6rem;}
	.conf-map .addr dl dd{ margin-top:1rem; font-size:1.1rem;}
	.conf-map .addr dl dd .contact{ margin-top:2rem;}
	.conf-map .addr dl dd .contact strong{ font-size:1.3rem;}

	.conf-sev{ padding:3rem 0;}
	.conf-sev ul > li,
	.conf-sev ul > li:first-child,
	.conf-sev ul > li:last-child{ width:33.3%; float:left; text-align:center; margin:0; font-size:.9rem;}
	.conf-sev ul > li::before{ display:block; width:4rem; height:4rem; margin:0 auto .5rem;}

	.conf-spon{ padding:3rem 4.5vw;}
	.spon-lst{ padding:0 4.5vw;}
	.spon-lst > a{ width:48%; margin-left:4%; margin-bottom:2rem; padding:0 1rem;}
	.spon-lst > a:nth-child(2n+1){ margin-left:0; clear:both;}
}

.error-bx{ background:url('../images/bg_hor2.jpg') 50% 50% no-repeat; background-size:cover; padding:220px 0 350px; text-align:center; color:#fff; }
.error-bx::before{ content:""; width:130px; height:122px; display:block; margin:0 auto 50px; background:url('../images/ic_warning.png') 50% 50% no-repeat; }
.error-bx .tx01{ font-size:50px;  }
.error-bx .tx02{ font-size:22px; margin:10px 0 30px;}

@media screen and (max-width:767px){
	.error-bx{ background:url('../images/bg_hor2m.jpg') 50% 50% no-repeat; background-size:cover; padding:100px 15vw 150px; font-size:1rem;}
	.error-bx::before{ width:60px; height:56px; background-size:100% auto; margin:0 auto 20px; }
	.error-bx .tx01{ font-size:1.8rem;}
	.error-bx .tx02{ font-size:1.2rem; margin:1rem 0 2rem;}
}

.bPopup{ display:none;}
.bPopup.pop-video{ width:1028px; height:580px;}
.bPopup.pop-video iframe{ width:100%; height:580px;}
.bPopup .pop-close{ display:block; overflow:hidden; text-indent:-99999px; position:absolute; right:0; top:-66px; width:33px; height:32px; background:url('../images/btn_modal_close.png') no-repeat 0 0;}

@media screen and (min-width:1024px) and (max-width:1200px){
	.bPopup.pop-video{ width:90vw; height:50vw;}
	.bPopup.pop-video iframe{ width:100%; height:50vw;}
}

@media screen and (min-width:768px) and (max-width:1023px){
	.bPopup.pop-video{ width:90vw; height:50vw;}
	.bPopup.pop-video iframe{ width:100%; height:50vw;}
}

@media screen and (max-width:767px){
	.bPopup.pop-video{ width:90vw; height:50vw;}
	.bPopup.pop-video iframe{ width:100%; height:50vw;}
	.bPopup .pop-close{ top:-25px; width:13px; height:13px; background-size:13px;}
}
/* 20190227 추가 S */
.total_sch .pc_sch {display: block;}
.total_sch .m_sch {display: none;}
/* 20190227 추가 E */

@media screen and (max-width:767px){
	.total_sch .pc_sch {display: none;} /*20190227 추가*/
	.total_sch .m_sch {display: block; padding-top: 50px;} /*20190227 추가*/
}

/* 20190321 S */
.bg-img { width:100%; height:100%; background:url('../images/big_bg.jpg') center 0 no-repeat; background-size:cover;}

.intro-bx_txt{ display:table; width:100%; color:#fff; text-align:center;}
.intro-bx_txt > *{ display:table-cell; vertical-align:top;}
.intro-bx_txt .tbx{ }
.intro-bx_txt .tbx h3{ font-family:poppins-semibold,poppins,sans-serif; font-weight:600; color:#111; font-size:36px;  margin:0 0 25px 0;}
.intro-bx_txt .tbx h3 span{ display:inline-block;}
.intro-bx_txt .tbx .desc{ font-size:16px; line-height:1.4; }
.btn_bor { font-family:poppins-semibold,poppins,sans-serif; padding:10px 20px; display:inline-block; border:2px solid #156061; border-radius:10px; color:#fff; }
.btn_bor:hover { background:#1a8b6f; color:#fff; border:2px solid #20ce88;  }
.btn_bor+.btn_bor { margin-left:20px; }

@media screen and (max-width:767px){
.btn_bor+.btn_bor { margin:10px 0 0 0; }	
	}	
/* 20190321 E */	

/* 20190329 S // */
.newHorizon p, .newHorizon strong, .newHorizon a, .newHorizon li, .newHorizon h4, .newHorizon .g-info .gbox .gbox01 .espt-qa .txt,
.newHorizon .g-info .gbox .sch01 .itm.duble dl dd span {font-family: 'Noto Sans', sans-serif;}

.newHorizon .hd-img .btn {text-transform: uppercase;} /* 20190402 ?? */

.newHorizon .estp-con .t-area .tit {text-transform: none;} /* 20190402 ?? */
.newHorizon .estp-con .desc p {margin-bottom: 20px;}

.newHorizon .estp-con.con-how .inner::after {content: ""; display: block; clear: both;}
.newHorizon .estp-con.con-how .inner .t-area {float: left; width: 35%; box-sizing: border-box;}
.newHorizon .estp-con.con-how .inner .how-area {float: left; width: 65%; box-sizing: border-box;}
.newHorizon .estp-con.con-how .inner .how-area ol li {position: relative; margin-bottom: 20px; padding-left: 38px;}
.newHorizon .estp-con.con-how .inner .how-area ol li:last-child {margin-bottom: 0;} /* 20190402 ?? */
.newHorizon .estp-con.con-how .inner .how-area ol li span {position: absolute; top: 0; left: 0; font-size: 24px; font-weight: 900; color: #000;}
.newHorizon .estp-con.con-how .inner .how-area ol li p {padding-top: 5px; font-size: 16px; color: #666;}

.newHorizon .g-info .gbox {margin: 20px 0 0 0;}
.newHorizon .g-info .gbox .gbox01#sTab0101 {padding: 60px 40px; background: #f5f5f5;}
.newHorizon .g-info .gbox .sch01 .tit {margin-bottom: 20px; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #111;}
.newHorizon .g-info .gbox .sch01 .itm.duble.span dl dd + dd {margin-left: 0;}
.newHorizon .g-info .gbox .sch01 .itm.duble.span dl dd.dd-desc {width: 100%; padding: 0; font-size: 16px; font-weight: 300; line-height: 1.5em; color: #666;}
.newHorizon .g-info .gbox .sch01 .itm dd > div, .newHorizon .g-info .gbox .sch01 .itm dd p span {margin-left: 2%;}
.newHorizon .g-info .gbox .sch01 .itm dd p {margin-top: 70px; font-size: 16px; line-height: 1.5em; color: #666;} /* 20190402 ?? */
.newHorizon .g-info .gbox .sch01 .itm dd:first-child p::before {display: none;}
.newHorizon .g-info .gbox .sch01 .itm dd p span {position: absolute; top: -50px; display: block; width: 100%; text-align: center; font-size: 14px;} /* 20190402 ?? */

.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .n {min-width: 100px; text-align: center;}

.newHorizon .g-info .gbox .gbox01 .espt-qa .btn-box {margin-top: 20px;}
.newHorizon .g-info .gbox .gbox01 .espt-qa .txt.border-none {border-top: none;}

@media screen and (max-width: 1300px) {
	.newHorizon .how-area {padding: 0 20px;}

	.newHorizon .g-info .gbox .sch01 .itm dd > div {font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
	.newHorizon .estp-con .desc p br {display: none;}

	.newHorizon .estp-con.con-how .inner .t-area {float: none; width: 100%;}
	.newHorizon .estp-con.con-how .inner .how-area {float: none; width: 100%; padding: 0 4.5vw;}
	.newHorizon .estp-con.con-how .inner .how-area ol li {padding-left: 30px;}
	.newHorizon .estp-con.con-how .inner .how-area ol li span {font-size: 20px;}
	.newHorizon .estp-con.con-how .inner .how-area ol li p {font-size: 14px;}

	.newHorizon .g-info .sTab li a {line-height: 60px; padding: 0;}
	.newHorizon .g-info .gbox .sch01 .itm dd > div {display: table; width: 100%;}
	.newHorizon .g-info .gbox .sch01 .itm dd > div span {display: table-cell; vertical-align: middle; line-height: 1.5em;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span {font-size: 12px;}
	.newHorizon .g-info .gbox .sch01 .itm dd p, .newHorizon .g-info .gbox .sch01 .itm.duble.span dl dd.dd-desc {font-size: 14px;}

	.newHorizon .g-info .gbox .gbox01 .espt-qa .txt {font-size: 14px;}
}

@media screen and (max-width: 767px) {
	.newHorizon .estp-con .desc p br {display: none;}
	.newHorizon .news-lst .itm .desc strong {height: 3.2rem;}

	.newHorizon .estp-con.con-how .inner .t-area {float: none; width: 100%;}
	.newHorizon .estp-con.con-how .inner .how-area {float: none; width: 100%; padding: 0 4.5vw;}
	.newHorizon .estp-con.con-how .inner .how-area ol li {padding-left: 30px;}
	.newHorizon .estp-con.con-how .inner .how-area ol li span {font-size: 20px;}
	.newHorizon .estp-con.con-how .inner .how-area ol li p {font-size: 14px;}

	.newHorizon .g-info .sTab li a {font-size: 0.8rem;}
	.newHorizon .g-info .gbox .gbox01#sTab0101 {padding: 1rem;}
	.newHorizon .g-info .gbox .gbox01 {height: auto; min-height: 400px;}
	.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx .t01 {font-size: 1.2rem;}

	.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul li {padding: 0;}
	.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .n {position: relative;}

	.newHorizon .g-info .gbox .sch01 .itm dd > div {display: table; width: 100%;}
	.newHorizon .g-info .gbox .sch01 .itm dd > div span {display: table-cell; vertical-align: middle; line-height: 1.5em;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span {font-size: 12px;}
	.newHorizon .g-info .gbox .sch01 .itm dd p, .newHorizon .g-info .gbox .sch01 .itm.duble.span dl dd.dd-desc {font-size: 14px;}

	.newHorizon .g-info .gbox .gbox01 .espt-qa .txt {font-size: 14px;}
}
/* // 20190329 E */

/* 20190402 S // */
@media screen and (max-width: 767px) {
	.newHorizon .estp-con .t-area {margin-bottom: 20px;}
	.newHorizon .estp-con.con-how .inner .how-area ol li span {left: 8px; font-size: 16px;}
	.newHorizon .estp-con.con-how .inner .how-area ol li p {padding-top: 0;}

	.newHorizon .g-info .sTab li a {height: 2.7rem; line-height: 2.7rem;} /* 20190508 ?? */
	.newHorizon .g-info .gbox .sch01 .tit {text-transform: none; font-size: 1.2rem;}
	.newHorizon .g-info .gbox .sch01 .itm dd > div {height: 30px;}
	.newHorizon .g-info .gbox .sch01 .itm dd p {margin-top: 30px;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span {top: -26px;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span {font-size: 11px;}
	.newHorizon .g-info .gbox .sch01 .itm dd p, .newHorizon .g-info .gbox .sch01 .itm.duble.span dl dd.dd-desc {font-size: 13px;}
	.newHorizon .g-info .gbox .sch01 .itm.duble, .g-info .gbox .sch01 .itm.fir, .g-info .gbox .sch01 .itm.last {padding: 0;}
	.newHorizon .g-info .gbox .sch01 .itm dd > div, .newHorizon .g-info .gbox .sch01 .itm dd p span {margin-left: 0;}
	.newHorizon .g-info .gbox .sch01 .itm.fir::before, .g-info .gbox .sch01 .itm.last::before, .g-info .gbox .sch01 .itm.duble::before {bottom: -2rem; left: auto; right: 50%; transform: translateX(50%) rotate(-45deg)}
	.newHorizon .g-info .gbox .sch01 .itm + .itm {margin: 4rem 0 0 0;}
	.newHorizon .g-info .gbox .sch01 .itm.duble.span dd:first-child p {padding: 0; border-top: none;}
	.newHorizon .g-info .gbox .sch01 .itm.duble dl dd + dd {margin: 0;}

	.newHorizon .g-info .gbox .gbox01 .espt-rule .thumb img {height: 4rem;}
	.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul {margin-left: -1rem; margin-right: -0.5rem;}
	.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .n {min-width: 70px; position: absolute; font-size: 11px;}
	.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul li .txt {padding-left: 80px;}
}
/* // 20190402 E */

/* 20190425 S // */
.newHorizon .scrc-con .g-gm .swiper-slide{width:50%;}
.newHorizon .scrc-con .g-gm .desc{margin-top:3.1rem;}
.newHorizon .scrc-con .g-gm .desc.fir .btn{margin-top:10px;}
.newHorizon .scrc-con .g-gm .desc-pic-lst{padding:20px 0 30px;}
.newHorizon .scrc-con .g-gm .desc-pic-lst li{float:left;width:21%; margin-right:5.3333%; position: relative;}
.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2n - 1)::before{ content:""; position:absolute; display:block; width:1.8rem; height:1.8rem; border-left:#e6e9ee 4px solid; border-bottom:#e6e9ee 4px solid; -webkit-transform:rotate(-134deg);transform:rotate(-134deg); right:-14%; top:50%; margin-top:-0.9rem;} 
.newHorizon .scrc-con .g-gm .desc-pic-lst li:last-child{margin-right:0;}
.newHorizon .scrc-con .g-gm .desc-pic-lst:after{content:""; display:block; clear:both;}
.newHorizon .scrc-con .g-gm .desc-pic-lst li img{width:100%;}
.newHorizon .scrc-con .g-gm .desc-pic .desc-pic-title{margin-bottom:40px;text-align: center; width:100%; font-size: 1.125rem; font-weight: 600; color:#111;}


.newHorizon .scrc-con .g-info .gbox .sch01 .itm.last dd p::before{content: ""; position: absolute; top: -3px; right: 0; width: 5px; height: 5px; border-radius: 50%; display: block; background-color: #fa5a28;}
.newHorizon .g-info .gbox .sch01 .itm.triple dd > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd p span{margin:0; width:90%;margin-left:5%;}
.newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child p span{margin-left:10%;}
.newHorizon .g-info .gbox .sch01 .itm.triple dd:first-child > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd:first-child p span{margin-left:0;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple{ width:78.5%; padding:0 6.5% 0 0;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple::before{ right:2rem; }
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dl::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dl dd{ width:33%; float:left;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dl dd + dd{ margin-left:0%;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dd p::before{display:none; }
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dd:last-child p::before{display:block;}
.newHorizon .scrc-con .g-info .gbox .sch01  .tit{text-transform:none;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm .stg_title{position: static; color:#0d2142; font-size: 1.25rem; font-weight:400;}
.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_pc{display:block;}
.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_m{display:none;}
.newHorizon .scrc-con .g-info .gbox .gbox01 .espt-rule .rule-tbx .t01{color:#111;}

.scrc-con .gscrc-lst-container{max-width:1200px; margin:0 auto; width:100%; position: relative;}
.scrc-con .gscrc-lst{max-width:1200px; margin:0 auto; width:100%; overflow: hidden;}
.gscrc-lst-control .prev{ position:absolute; top:50%; left:-4rem; margin:-5rem 0 0 0; width:2.5rem; height:2.5rem; display:block; z-index:3; }
.gscrc-lst-control .next{ position:absolute; top:50%; right:-4rem; margin:-5rem 0 0 0; width:2.5rem; height:2.5rem; display:block; z-index:3; }
.gscrc-lst-control .prev::after,
.gscrc-lst-control .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1.4rem; display:block; border:3px solid #c8c8c8; width:2.5rem; height:2.5rem; border-top:none;border-right:none;}
.gscrc-lst-control .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.gscrc-lst-control .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.gscrc-lst-control .prev span,
.gscrc-lst-control .next span{ position:absolute; top:-9999px; left:-9999px;}
.gscrc-lst .tbx{padding:1.25rem 0}
.gscrc-lst .tbx .cls, .gscrc-lst .tbx .tit{font-size: 1.125rem; font-weight: 600; color:#111;}

.gscrc-lst .tbx .date{display:block; margin-top: 30px;}




@media screen and (max-width: 767px){
	.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple{width:100%; padding:0;}
	.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dl dd{float:none; width:100%;
	}
	.newHorizon .g-info .gbox .sch01 .itm.triple dd > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd p span{margin:0; width:100%;}
	.newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child p span{margin-left:0%;}
	.g-info .gbox .sch01 .itm.triple dd p{border-top:0;}
	.g-info .gbox .sch01 .itm.triple dd:last-child p{border-top:#fa5a28 1px solid;}
	.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple dd:last-child p::before{display:none;}
	.newHorizon .scrc-con .g-info .gbox .sch01 .itm.last dd p::before{display:none;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_pc{display:none;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_m{display:block;}
.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple::before{ bottom:-2rem; left:auto; right:50%; transform: translateX(50%) rotate(-45reg)}
.newHorizon .scrc-con .g-gm .desc-pic-lst li{float:left;width:46%; margin-right:8%; position: relative;}
.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2n){margin:0;}
.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(1), 	.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2){margin-bottom:20px}
.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2n - 1)::before{right:-12%; width:1.4rem; height:1.4rem; margin-top:-0.7rem;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.newHorizon .scrc-con .g-info .gbox .sch01 .itm.triple::before{right:0.7rem;}
	.newHorizon .scrc-con .g-gm .desc-pic-lst li{float:left;width:46%; margin-right:8%; position: relative;}
	.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2n){margin:0;}
	.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(1), 	.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2){margin-bottom:20px}
	.newHorizon .scrc-con .g-gm .desc-pic-lst li:nth-child(2n - 1)::before{right:-10%;}
}
@media screen and (max-width:1400px){
	.scrc-con	.gscrc-lst-control .prev{ left:2rem;}
	.scrc-con .gscrc-lst-control .next{right:2rem;}
}

/* 20190429 S */
.g-gm .tc-t1.col6 .swiper-slide a {font-size: 16px; letter-spacing: -0.1em;}

@media screen and (max-width: 767px) {
	.g-gm .tc-t1.col6 .swiper-slide a {font-size: 0.9em;}
}
/* 20190429 E */

/* 20190430 S */
.total_banner .pc_banner {display: block;}
.total_banner .m_banner {display: none;}
.total_banner div a {display: block; text-align: center; background: #000;}
.total_banner div a img {display: inline-block; margin: 0 auto;}

@media screen and (max-width: 767px) {
	.total_banner .pc_banner {display: none;}
	.total_banner .m_banner {display: block;}
}
/* 20190430 E */

/* 20190508 S */
.scrc-con .desc.fir h4{font-size: 1.125rem; color:#111; font-weight: 400; margin-bottom: 10px;}
/* 20190508 E */

/* 20190507 S */
.match-title{font-size:18px; font-weight: 600; padding-left:12px; background:url('../images/dot_orange.jpg') no-repeat left center; color:#111;} /* 20190517 fix */
.bracket-wrapper{overflow-X:auto; padding-bottom:60px; }
.bracket-wrapper:last-child{padding-bottom: 120px;}
.match-horizontal{min-width:1100px; }
.match-horizontal *{box-sizing: border-box;}

.match-horizontal .match-col{ float:left;}
.match-horizontal .match-col-01, .match-horizontal .match-col-05{width:19.3%;}
.match-horizontal .match-col-02, .match-horizontal .match-col-03, .match-horizontal .match-col-04{width:20.45%;}

.match-horizontal .match-wrapper{ width:95%; overflow: hidden;} 
.match-horizontal .match-col-02 .match-wrapper{margin-left:5%; width:90%;}
.match-horizontal .match-col-03 .match-wrapper{margin-left:5%; width:90%;}
.match-horizontal .match-col-04 .match-wrapper{margin-left:5%; width:90%;}
.match-horizontal .match-col-05 .match-wrapper{margin-left:5%;}


.match-horizontal::after{content:""; display:block; clear:both;}
.match-horizontal .match{ position: relative;}
.match-horizontal .match::after{content:""; display:block; clear:both;}
.match-horizontal .match-blank{border:0; height:41px; }
.match-horizontal .match-blank-half{border:0; height:20.5px;}
.match-horizontal .match-blank-half-half{border:0; height:10.25px;}
.match-horizontal .player-wrapper{float:left;width:80%; border:1px solid #d5d5d5; background: #fff; }
.match-horizontal .match-player{width: 100%; padding: 0 5%; height:40px; line-height: 40px; font-size:13px; }
.match-horizontal .player-flag{float:left;}
.match-horizontal .player-flag img{margin:7.5px 0 0 0;}
.match-horizontal .player-name{color:#111; margin-left:7.5px;}
.match-horizontal .player-name-win{color:#111; font-weight: 800;}
.match-horizontal .player-name-win{color:#111; font-weight: 800;}
.match-horizontal .player-name-lose{color:#1a1a1a; font-weight: 400;}
.match-horizontal .player-score{float:right;}
.match-horizontal .match-icon-wrapper{width:20%; height:42px; float: left; border:1px solid #d5d5d5; border-left:0;text-align: center; background: #fff;}
.match-horizontal .match-icon{display:block; margin:7.5px 0 0 0;}
.match-horizontal .match-blank .match-num{height:41px; width:100%; line-height:41px; background: none; text-align: center; float: left; color:#111; font-weight: 600;}


.match-horizontal .match-line::after{content:""; display:block; width:5%; height:calc(50% + 1px );  float:left; box-sizing: border-box; border:2px solid #9da7b1; position: absolute;right:0;}
.match-horizontal .match-blank .match-line::after{width:50%; height:100%;}
.match-horizontal .match-line.line-after-down::after{border-bottom:0; border-left:0;  bottom:0; }
.match-horizontal .match-line.line-after-vertical::after{height:100%; border:0; border-right:2px solid #9da7b1; }
.match-horizontal .match-line.line-after-up::after{border-top:0; border-left:0;  top:0; }
.match-horizontal .match-line.line-after-horizon::after{border:0; border-top:2px solid #9da7b1; bottom:0; }
.match-horizontal .match-line.line-after-horizon-full::after{width:100%;  height:calc(50% + 1px); border:0; border-top:2px solid #9da7b1; bottom:0; }
.match-horizontal .match-line.line-after-none::after{display:none;}
.match-horizontal .match-line.line-after-loser::after{border-top:0; border-right:0; border-color:rgb(220, 220, 220);}

.match-horizontal .match-line::before{content:""; display:block; width:5%; height:calc(50% + 1px );  float:left; box-sizing: border-box; border:2px solid #9da7b1; position: absolute;left:0;}
.match-horizontal .match-line.line-before-down::before{border-bottom:0; border-left:0;  bottom:0; }
.match-horizontal .match-line.line-before-vertical::before{height:100%; border:0; border-right:2px solid #9da7b1; }
.match-horizontal .match-line.line-before-up::before{border-top:0; border-left:0;  top:0; }
.match-horizontal .match-line.line-before-horizon::before{border:0; border-top:2px solid #9da7b1; bottom:0; }
.match-horizontal .match-line.line-before-none::before{display:none; }
.match-horizontal .match-line.line-before-loser::before{border-color:rgb(220, 220, 220);}



.newHorizon .vr-con .g-info .gbox .gbox01#sTab0101{padding:100px 40px;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm dd p{padding-top:25px;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.last dd p::before{content: ""; position: absolute; top: -3px; right: 0; width: 5px; height: 5px; border-radius: 50%; display: block; background-color: #fa5a28;}
.newHorizon .g-info .gbox .sch01 .itm.triple dd > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd p span{margin:0; width:90%;margin-left:5%;}
.newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child p span{margin-left:10%;}
.newHorizon .g-info .gbox .sch01 .itm.triple dd:first-child > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd:first-child p span{margin-left:0;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple{ width:78.5%; padding:0 6.5% 0 0;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple::before{ right:2rem; }
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dl::after{ content:''; display:block; clear:both; height:0px; visibility:hidden;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dl dd{ width:33%; float:left;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dl dd + dd{ margin-left:0%;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dd p::before{display:none; }
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dd:last-child p::before{display:block;}
.newHorizon .vr-con .g-info .gbox .sch01  .tit{text-transform:none;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm .stg_title{position: static; color:#666; font-size: 1rem; font-weight:400; width:300%; margin-left:-100%; word-break: keep-all;} /* 20190510_fix */
.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_pc{display:block;}
.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_m{display:none;}
.newHorizon .vr-con .g-info .gbox .gbox01 .espt-rule .rule-tbx .t01{color:#111; padding-bottom:30px; border-bottom: 1px solid #e6e6e6; font-size:20px;} /* 20190510_fix */
.newHorizon .vr-con .g-info .gbox .gbox01 .espt-rule .rule-tbx p{font-size: 16px; line-height: 1.4;} /* 20190510_fix */
.vr-con .gscrc-lst-container{max-width:1200px; margin:0 auto; width:100%; position: relative;}
.vr-con .gscrc-lst{max-width:1200px; margin:0 auto; width:100%; overflow: hidden;}
.gscrc-lst-control .prev{ position:absolute; top:50%; left:-4rem; margin:-5rem 0 0 0; width:2.5rem; height:2.5rem; display:block; z-index:3; }
.gscrc-lst-control .next{ position:absolute; top:50%; right:-4rem; margin:-5rem 0 0 0; width:2.5rem; height:2.5rem; display:block; z-index:3; }
.gscrc-lst-control .prev::after,
.gscrc-lst-control .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1.4rem; display:block; border:3px solid #c8c8c8; width:2.5rem; height:2.5rem; border-top:none;border-right:none;}
.gscrc-lst-control .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.gscrc-lst-control .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.gscrc-lst-control .prev span,
.gscrc-lst-control .next span{ position:absolute; top:-9999px; left:-9999px;}
.gscrc-lst .tbx{padding:1.25rem 0}
.gscrc-lst .tbx .cls, .gscrc-lst .tbx .tit{font-size: 1.125rem; font-weight: 600; color:#111;}
.gscrc-lst .tbx .date{display:block; margin-top: 30px;}

.info-players-wrapper{padding: 0 5.8%;}
.info-players-wrapper::after{display:block; content:""; clear:both;}
.info-players-europe{margin:0 3.5%;}
.info-players{float:left; width:31%;}
.info-players .info-players-indi{width:100%; display:block; background: #fff; height:50px; line-height:50px; font-size: 1rem; margin-top:10px; color:#666;}
.info-players .info-players-indi p{float:left; overflow:hidden; border-radius: 100%;} /* 20190510 player pic border */
.info-players::after{content:""; display:block; clear: both;}
.info-players .info-players-header{ background: #0d2142;text-align: center; color:#fff; font-weight: 600;}
.info-players-pic{width:42px; height:42px; margin: 4px 20px 0 45px;}

.newHorizon .vr-con .g-info .gbox .gbox01 .espt-rule .rule-tbx .btn-box{margin: 20px 0 30px;} /* 20190510_fix */

.vr-con{position: relative;}
.vr-popup{position: fixed; width:700px; background: #fff; top:20%; left:50%; margin-left:-350px; z-index: 10; border:1px solid #d5d5d5;} /* 20190517 fix */
.vr-popup-header{height:3.75rem; background: url('../images/popup-back.jpg') no-repeat left center; background-size: cover;}
.vr-popup-header::after{content:""; display:block; clear:both;}
.vr-popup-header p{color:#fff; font-size:1.375rem; line-height:3.75rem; margin-left:3.125rem; font-weight: 600; float:left;}
.vr-popup-header a img{margin:1.0625rem 3.125rem 0 0;  width:1.625rem; height:1.625rem; float:right;}
.vr-popup-content-wrapper{padding:50px;}
.vr-popup-content-wrapper::after{content:""; display:block; clear:both;}
.vr-popup-left{width:44.5%; padding-right:5.5%; float:left;}
.vr-popup-right{width:50%; float:left;}
.vr-popup-pic{width:100%;}
.vr-popup-pic img{width:100%;}
.vr-popup-content-wrapper .btn-box{margin-top:25px; }
.vr-popup-content-wrapper .btn-box .btn{background: #f5f5f5; color:#aaa; border-color:#aaa;  width:90%;}
.vr-popup-nameBox{padding-bottom:25px; margin-bottom: 25px; border-bottom:1px solid #ededed;}
.vr-popup-nameBox::after{content:""; display:block; clear:both;}
.vr-popup-nameBox p{float:left;}
.vr-popup-nameBox .vr-popup-name{font-size: 18px; margin-left: 20px; line-height:70px; color:#111;}
.vr-popup-desc p{margin-bottom:25px;}
@media screen and (max-width: 767px){
	.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple{width:100%; padding:0;}
	.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dl dd{float:none; width:100%;
	}
	.newHorizon .g-info .gbox .sch01 .itm.triple dd > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd p span{margin:0; width:100%;}
	.newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child > div, .newHorizon .g-info .gbox .sch01 .itm.triple dd:last-child p span{margin-left:0%;}
	.g-info .gbox .sch01 .itm.triple dd p{border-top:0;}
	.g-info .gbox .sch01 .itm.triple dd:last-child p{border-top:#fa5a28 1px solid;}
	.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple dd:last-child p::before{display:none;}
	.newHorizon .vr-con .g-info .gbox .sch01 .itm.last dd p::before{display:none;}
	.newHorizon .vr-con .g-info .gbox .sch01 .itm .stg_title{width:100%; margin:0;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_pc{display:none;}
	.newHorizon .g-info .gbox .sch01 .itm dd p span.stg_title_m{display:block;}
.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple::before{ bottom:-2rem; left:auto; right:50%; transform: translateX(50%) rotate(-45reg)}
.newHorizon .vr-con .g-gm .desc-pic-lst li{float:left;width:46%; margin-right:8%; position: relative;}
.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(2n){margin:0;}
.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(1), 	.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(2){margin-bottom:20px}
.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(2n - 1)::before{right:-12%; width:1.4rem; height:1.4rem; margin-top:-0.7rem;}
.info-players-wrapper{padding: 0;}
.info-players{width:100%;}
.info-players-europe{margin:0;}

.vr-popup{width:95%; margin-left:-47.5%; top:11%;} /* 20190517 fix */
.vr-popup-content-wrapper{height:450px; /*fallback*/ height:73vh; overflow:auto;} /* 20190517 fix */
.vr-popup-left{width:100%; padding-right:0; float:none;}
.vr-popup-right{width:100%; float:none; margin-top:25px;}
}
@media screen and (max-width: 1023px) and (min-width: 768px){
	.newHorizon .vr-con .g-info .gbox .sch01 .itm.triple::before{right:0.7rem;}
	.newHorizon .vr-con .g-gm .desc-pic-lst li{float:left;width:46%; margin-right:8%; position: relative;}
	.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(2n){margin:0;}
	.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(1), 	.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(2){margin-bottom:20px}
	.newHorizon .vr-con .g-gm .desc-pic-lst li:nth-child(2n - 1)::before{right:-10%;}
	.info-players-wrapper{padding: 0;}
.info-players{width:100%;}
.info-players-europe{margin:0;}
}
@media screen and (max-width:1400px){
	.vr-con	.gscrc-lst-control .prev{ left:2rem;}
	.vr-con .gscrc-lst-control .next{right:2rem;}
}
/* 20190508 E */

/* 20190517 S */
.match-title-wrapper{ margin: 60px 0 27px;}
.match-title-wrapper::after{content:""; display:block; clear:both;}
.match-title-wrapper a, .match-title-wrapper p{float:left;}
.match-title-wrapper a{margin:-16px 0 0 13px;}
.match-title-wrapper .match-date{margin-left:13px; color:#111; font-weight: 600;}
/* 20190517 E */

/* 20190517 ROBOT S */
.robot-con .g-info .gbox .gbox01{background: #fff;}
.robot-con .g-info .gbox .gbox01 .btn.btn-gray2.btn-line{background: #f5f5f5;}
.robot-con .g-info .gbox .gbox01#sTab0101{background: #fff;}
.robot-con .g-info .gbox .gbox01#sTab0101 .tit{margin-bottom: 20px; text-transform: uppercase; font-size: 18px; font-weight: 600; color: #111;}
.robot-match-wrapper::after{content:""; display:block; clear:both;}
.robot-match-wrapper .tl{text-align:left; padding-left:20px;}
.robot-match-left{width:78%; padding-right:12.7%; float:left; position: relative;}
.robot-match-left::before{content: ""; position: absolute; top: 104px; right:5%; display: block; width: 30px; height: 30px; border-left: #e6e9ee 4px solid; border-bottom: #e6e9ee 4px solid; -webkit-transform: rotate(-134deg); transform: rotate(-134deg);}
.robot-match-left::after{content:""; display:block; clear:both;}
.robot-match-right{width:22%; float:left; margin-top:70px;}
.robot-table-wrapper::after{content:""; display:block; clear:both;}
.robot-table-left-wrapper{width:48.5%; box-sizing:border-box; float:left; margin-right:3%;}
.robot-table-right-wrapper{width:48.5%; box-sizing:border-box; float:left;}
.robot-match-left table{width:100%; text-align: center; background: #fff;}
.robot-match-left table th, .robot-match-left table td{height:40px; box-sizing:border-box;}
.robot-match-left table th{background: #9ea8b4; color:#fff; font-weight:400;}
.robot-match-left table th:nth-child(2){border-left:1px solid #fff; border-right:1px solid #fff;}
.robot-match-left table td{border:1px solid #d5d5d5;}
.robot-match-left table td:first-child{border-left:0;}
.robot-match-left table td:last-child{border-right:0;}
.robot-match-left .btn.btn-gray2.btn-line{margin-top:-19px; background: #f5f5f5;}
.robot-match-left .robot-match-desc{width:100%; text-align:center; padding-top:45px;}
.robot-match-right .robot-match-grand{background: #0d2142; height:50px; line-height:50px; text-align: center; font-size:16px; color:#fff; width:100%;}
.robot-match-right .robot-match-date{margin-top:28px; text-align: center;}
.robot-btn-mo{display:none;}
.csoon{text-align:center; line-height:320px;}
@media screen and (max-width: 767px){
	.robot-match-left{width:100%; float:none; padding:0;}
	.robot-match-right{width:100%; float:none;}
	.robot-btn-mo{display:block;}
	.robot-btn-pc{display:none;}
	.robot-match-left .robot-match-desc{padding-top:2rem;}
	.robot-table-left-wrapper{width:100%;float:none; margin-right:0%;}
	.robot-table-right-wrapper{width:100%; float:none; margin-top:40px;}
	.robot-match-left::before{top: unset; right:unset; bottom:-3rem; left:50%; width: 1.6rem; height: 1.6rem; margin-left:-0.8rem; border-left: #e6e9ee 2px solid; border-bottom: #e6e9ee 2px solid; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
}
/* 20190517 ROBOT E */

/* 20190521_2 Top Banner S */
.topBanner {display: none; position: relative; height: 100px;}
.topBanner.show {display: block;}
.topBanner.show + #header.main {top: 100px;}
#wrap.fixed .topBanner.show + #header.main {top: 100px;}

.topBanner .close {position: fixed; display: block; width: 100%; z-index: 10;}
.topBanner .close .inner {position: relative; max-width: 1200px; margin: 0 auto;}
.topBanner .close .btn_close {position: absolute; right: 5px; top: 10px;}

.topBanner .link {position: fixed; display: block; width: 100%; background: url(../images/bn_bg_top.jpg) no-repeat center / cover; text-align: center; line-height: 0; z-index: 10;}
.topBanner .link .banner {width: 100%; max-width: 1200px;}
.topBanner .link .banner.pc {display: inline-block;}
.topBanner .link .banner.mobile {display: none;}
.topBanner .link .banner div {height: 100px; background: no-repeat center / contain;}

@media screen and (min-width: 768px) and (max-width: 1024px){
	.topBanner {height: 80px;}
	.topBanner.show + #header.main {top: 80px;}
	#wrap.fixed .topBanner.show + #header.main {top: 80px;}
	.topBanner .link .banner div {height: 80px;}
}

@media screen and (max-width: 767px){
	.topBanner {height: 60px;}
	.topBanner.show + #header.main {top: 60px;}
	#wrap.fixed .topBanner.show + #header.main {top: 60px;}

	.topBanner .close .btn_close {width: 18px; height: 18px;}

	.topBanner .link {background: url(../images/bn_bg_top_m.jpg) no-repeat left center / cover;}
	.topBanner .link .banner.pc {display: none;}
	.topBanner .link .banner.mobile {display: inline-block;}
	.topBanner .link .banner div {height: 60px;}
}
/* 20190521_2 Top Banner E */

/* 20190523 r-qualifier S */
.ql-broadcast-wrapper{width: 100%; position: relative; background: url('../images/ql_flag_bg.jpg'); background-size: cover; padding: 30px 0;}
.ql-broadcast{width:100%; max-width: 800px; margin:0 auto;}
.ql-broadcast-btns ul{width:100%;}
.ql-broadcast-btns ul::after{content:""; display:block; clear:both;}
.ql-broadcast-ch{float:left; width:20%;}
.ql-broadcast-ch img{width:100%;}
.ql-broadcast-ch .lang-2::after{content:""; display:block; clear:both;}
.ql-broadcast-ch .lang-2 a{width:50%; display:block; float:left;}
.ql-broadcast-info{position:absolute; top:30px; left:50%; margin-left:420px;}
.ql-info-btn{margin-bottom:5px; display:block;}
.ql-info-btn img{width:100%;}
.ql-con{background:url('../images/ql_con_bg.jpg'); background-size: cover;}
.ql-con .g-info .ql-tab{width:100%; border-top:2px solid #1a3d7e; border-bottom:2px solid #1a3d7e;}
.ql-con .g-info .ql-tab::after{content:""; display:block; claer:both;}
.ql-con .g-info .ql-tab li a{box-sizing:border-box; height:80px; background: #0988e3; color:#fff; font-size:22px; padding:17px 0; font-weight: 500; letter-spacing:-1.5px;}
.ql-con .g-info .ql-tab li a span{font-size: 16px; letter-spacing:-1.5px;}
.ql-con .g-info .ql-tab li.active a, .ql-con .g-info .ql-tab li a:hover{background: #fa5a28;}
.ql-con .g-info .ql-tab li a{line-height:1; height:100%;}
.ql-con .g-info .ql-tab li.active a::after{display:none;}
.ql-con .g-info .ql-gbox .gbox01{background:none;}
.newHorizon .ql-con .g-info .gbox .gbox01#sTab0101, .newHorizon .ql-con .g-info .gbox .gbox01#sTab0102, .newHorizon .ql-con .g-info .gbox .gbox01#sTab0103, .newHorizon .ql-con .g-info .gbox .gbox01#sTab0104{background:none; padding:0;}
.newHorizon .ql-con .g-info .gbox .gbox01 img{width:100%}
.newHorizon .ql-con .g-info .gbox .gbox01  ul li{margin-bottom:61px;}
.ql-dim{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:999999;}
.ql-tit{margin-bottom:25px;}
.total_banner div a.bg-green{background:#000b0b;}
.embeded-iframe{position: relative; width:100%; height:0; padding-bottom: 56.25%;}
.embeded-iframe iframe{position: absolute; top:0; left:0; width:100%; height:100%;}
.ql-hd-img{padding: 47px 0 0 0; height:204px;}
.ql-table-m{display:none;}
.ql-table-m-early{display:none;}
.ql-hd-img{background-image:url('../images/ql_top.jpg');}
@media screen and (max-width: 767px){
.ql-hd-img {height: auto; padding: 3rem 0; background-size: cover;}
.ql-table-m{display:block;}
.ql-table-pc{display:none;}
.newHorizon .ql-con .g-info{padding:0;}
.ql-broadcast-wrapper{padding:0;}
.ql-con.estp-con{padding:0;}
.ql-broadcast-ch{float:none; width:100%;}
.ql-broadcast-ch{float:left;}
.ql-broadcast-ch::after{content:""; display:block; clear:both;}
.ql-broadcast-ch>img{width:50%; float:left;}
.ql-broadcast-ch .ql-broadcast-lang{width:50%; float:left;}
.ql-broadcast-ch .ql-broadcast-lang::after{content:""; display:block; clear:both;}
.ql-broadcast-ch .ql-broadcast-lang a{float:left;}
.ql-broadcast-ch .ql-broadcast-lang.lang-1 a{width:100%;}
.ql-broadcast-ch .ql-broadcast-lang.lang-2 a{width:50%;}
.ql-broadcast-ch .ql-broadcast-lang a img{width:100%;}
.ql-broadcast-popup .vr-popup-content-wrapper{padding:0; height:auto;}
.ql-broadcast-popup .vr-popup {width:100%; left:0; margin:0;}
.ql-hd-img{background-image:url('../images/ql_top_m.jpg'); padding-right:2rem; padding-left:2rem;}
.ql-con .g-info .ql-tab li a{font-size:3vw;}
.ql-con .g-info .ql-tab li a span{font-size:2vw;}
.ql-broadcast-wrapper{background:#285aaa;}
}
@media screen and (max-width: 1024px) {
	.ql-broadcast-info{position:static; margin:5px 0 0;}
	.ql-broadcast-info::after{content:""; display:block; clear:both;}
	.ql-info-btn{float:left; width:25%;margin:0; }
	.ql-table-m-early{display:block;}
	.ql-table-pc-early{display:none;}
}
/* 20190524 r-qualifier E */

/* 2019052323 Main Renewal S */
/* tab */
.main-slide-new .ir-tab .tc-con {float: left; position: relative; width: 100%; max-width: 240px;}
.main-slide-new .ir-tab .tc-con .sel {position: relative; line-height: 40px; display: block; border: 1px solid #ccc; border-radius:3px; padding: 0 20px 0 6px; color: #8b959e;}
.main-slide-new .ir-tab .tc-con .sel::after {content: ""; position: absolute; top: 50%; right: 10px; border-top: 5px solid #8b959e; border-left: 4px solid transparent; border-right: 4px solid transparent; transition: all 0.2s ease-in-out;}
.main-slide-new .ir-tab .tc-con.active .sel::after {margin-top: -3px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.main-slide-new .ir-tab .tc-con .selLst {position: absolute; top: 38px; right: 0; width: 100%; background-color: #f5f5f5; border: 1px solid #8b959e; border-top: none; border-radius: 3px; height: 240px; display: none; z-index: 10;}
.main-slide-new .ir-tab .tc-con .selLst a {display: block; padding: 6px; color: #999;}

/* player */
.main-slide-new .ir-player {display: inline-block; position: relative;}
.main-slide-new .ir-player .img {position: absolute; top: 50%; display: inline-block; width: 100%; max-width: 25px; height: auto; margin-top: -8px; line-height: 0;} /* 20190524_8 */
.main-slide-new .ir-player .img img {vertical-align: middle;}
.main-slide-new .ir-player .name {font-size: 24px; color: #fff;}
.main-slide-new .ir-player.left .img {left: 0;}
.main-slide-new .ir-player.left .name {padding-left: 35px;}
.main-slide-new .ir-player.right .img {right: 0;}
.main-slide-new .ir-player.right .name {padding-right: 35px;}

.main-slide-new .ir-player.fz-m .img {margin-top: -10px;}
.main-slide-new .ir-player.fz-m .name {display: inline-block; width: 100%; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.main-slide-new .ir-player.fz-s .img {margin-top: -10px;}
.main-slide-new .ir-player.fz-s .name {display: inline-block; width: 100%; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-slide-new .ir-player.fz-s.left .name {padding-left: 28px;}
.main-slide-new .ir-player.fz-s.right .name {padding-right: 28px;}

/* score */
.main-slide-new .ir-score {text-align: center;}
.main-slide-new .ir-score .inner::after {content: ""; display: block; clear: both;}
.main-slide-new .ir-score .ir-player {float: left;}
.main-slide-new .ir-score .ir-player.left {width: 35%; position: relative;}
.main-slide-new .ir-score .ir-player.center {width: 30%; text-align: center;}
.main-slide-new .ir-score .ir-player.center .in {display: inline-block;}
.main-slide-new .ir-score .ir-player.center .num {float: left; font-size: 18px; color: #fff;}
.main-slide-new .ir-score .ir-player.center .vs {float: left; margin: 2px 15px 0; font-size: 14px; color: #ccc;}
.main-slide-new .ir-score .ir-player.right {width: 35%;}

.main-slide-new .ir-score .ir-player.center.fz-s .num {font-size: 14px;}
.main-slide-new .ir-score .ir-player.center.fz-s .vs {margin-top: 0;}

/* calendar */
.main-slide-new .ir-calendar .ir-cont {padding: 50px 30px 53px; background: #fff; box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.2);} /* 20190524_7 */

.main-slide-new .ir-calendar .date {text-align: center;}
.main-slide-new .ir-calendar .date span {position: relative; padding: 0 50px;}
.main-slide-new .ir-calendar .date span i {position: absolute; top: 0; display: inline-block; line-height: 1;}
.main-slide-new .ir-calendar .date span i.ir-prev {left: 0;}
.main-slide-new .ir-calendar .date span i.ir-next {right: 0;}
.main-slide-new .ir-calendar .date span i.ir-prev a {background: url(../images/index_renewal/icn_prev.png) no-repeat center / cover;}
.main-slide-new .ir-calendar .date span i.ir-next a {background: url(../images/index_renewal/icn_next.png) no-repeat center / cover;}
.main-slide-new .ir-calendar .date span i a {display: inline-block; width: 20px; height: 20px; text-indent: -9999px;}
.main-slide-new .ir-calendar .date span b {font-size: 18px; font-weight: 400; color: #666;}

.main-slide-new .ir-calendar .select {margin-top: 30px;}
.main-slide-new .ir-calendar .select::after {content: ""; display: block; clear: both;}
.main-slide-new .ir-calendar .select .ir-tab {float: left; width: 49%; margin-left: 2%;}
.main-slide-new .ir-calendar .select .ir-tab:first-child {margin-left: 0;}

.main-slide-new .txt_coming {text-align: center; font-size: 1.8rem; padding: 7rem 1rem;} /* 20190524_9 ?? */

.main-slide-new .ir-calendar .score {margin-top: 45px; min-height: 17rem;} /* 20190524_9 ?? */
.main-slide-new .ir-calendar .score .score-row {border-bottom: 1px solid #ccc;}
.main-slide-new .ir-calendar .score .score-row a {display: block; padding: 10px 0;}

.main-slide-new .ir-calendar .score .ir-score .ir-player.left {width: 32%; margin-top: 5px;}
.main-slide-new .ir-calendar .score .ir-score .ir-player.center {width: 36%;}
.main-slide-new .ir-calendar .score .ir-score .ir-player.right {width: 32%; margin-top: 5px;}
.main-slide-new .ir-calendar .score .ir-score .ir-player.center .num {font-size: 20px; color: #111;}
.main-slide-new .ir-calendar .score .ir-score .ir-player.center .vs {margin: 4px 10px 0; color: #111;}
.main-slide-new .ir-calendar .score .ir-score .ir-player .name {color: #999;}
.main-slide-new .ir-calendar .score .ir-score .ir-player.winner .name {font-weight: 500; color: #111;}

/* layout */
.main-slide-new {background: url(../images/index_renewal/bg_main_slide_new.jpg) no-repeat left top / cover; font-family: 'Noto Sans KR', sans-serif;}

.main-slide-new .slide-new {display: table; width: 80%; height: 100%; margin: 0 auto;}
.main-slide-new .slide-new-inner {position: relative; display: table-cell; vertical-align: middle;}
.main-slide-new .slide-new-inner::after {content: ""; display: block; clear: both;}
.main-slide-new .sn-video {position: relative; float: left; width: 70%; height: 524px; margin-top: 40px; overflow: hidden;}
.main-slide-new .sn-video .video {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; min-width: 100%; min-height: 100%; transform: scale(2);}
.main-slide-new .sn-desc {float: right; width: 30%; margin-top: 40px;}
.main-slide-new .ir-calendar .ir-cont {height: 524px;} /* 20190524_7 */

@media screen and (min-width: 992px) and (max-width: 1600px) {
	.main-slide-new .slide-new {width: 90%;}
	.main-slide-new .sn-video {width: 60%;}
	.main-slide-new .sn-desc {width: 40%;}
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
	.main-slide-new .sn-video {margin-bottom: 40px;}
	.main-slide-new .sn-desc {margin-bottom: 40px;}
}

@media screen and (max-width: 991px) {
	.main-slide-new {background: none;}
	.main-slide-new .slide-new {width: 100%;}
	.main-slide-new .sn-video {float: none; width: 100%; height: auto; margin-top: 0;} /* 20190524 stream */
	.main-slide-new .sn-desc {float: none; width: 100%; margin-top: 0;}
	
	.main-slide-new .ir-tab .tc-con {max-width: 100%;}
	.main-slide-new .ir-calendar .ir-cont {padding: 3rem 4.5vw;}  /* 20190524_7 */
	.main-slide-new .ir-calendar .select {margin-top: 1.2rem;}
	.main-slide-new .ir-calendar .score {margin-top: 1.2rem;}

	.main-slide-new .ir-calendar .date span {padding: 0 2.5rem;}
	.main-slide-new .ir-calendar .date span b {font-size: 1.3rem;}

	.main-slide-new .ir-tab .tc-con .sel {font-size: 1rem;}
	.main-slide-new .ir-tab .tc-con .selLst a {font-size: 1rem;}

	.main-slide-new .ir-calendar .score .score-row a {padding: 0.5rem 0;}
	.main-slide-new .ir-calendar .score .ir-score .ir-player .name {font-size: 1rem;}
	.main-slide-new .ir-calendar .score .ir-score .ir-player.center .num {font-size: 1.3rem;}
	.main-slide-new .ir-score .ir-player.center .vs {font-size: 1.3rem;}
	.main-slide-new .ir-calendar .score .ir-score .ir-player.center .vs {margin: 0px 0.6rem 0;}
}

.main-slide-new .ir-calendar .ir-cont {padding: 50px 0 53px;}
.mainReTab .sTab {width: 100%; padding: 0 30px;}
.mainReTab .sTab::after {content: ""; }
.mainReTab .sTab li {float: left; width: 25%; height: 40px; line-height: 40px; border: 1px solid #999; background: #b3b3b3;}
.mainReTab .sTab li a {display: block; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; text-align: center; color: #fff;}
.mainReTab .sTab li.active {border-color: #1459a3; background: #0988e3;}
.mainReTab .gbox .img {padding: 0 30px 0; width: 100%;}
.mainReTab .gbox .img img {margin-top: 10px; width: 100%; max-width: 424px;}

.mainReTab2 .sTab {width: 100%; padding: 0 30px;}
.mainReTab2 .sTab li {float: left; width: 25%; height: 40px; line-height: 40px; border: 1px solid #999; background: #b3b3b3;}
.mainReTab2 .sTab li a {display: block; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; text-align: center; color: #fff;}
.mainReTab2 .sTab li.active {border-color: #1459a3; background: #0988e3;}
.mainReTab2 .gbox .img {padding: 0 30px 0; width: 100%;}
.mainReTab2 .gbox .img img {margin-top: 10px; width: 100%; max-width: 424px;}

@media screen and (min-width: 992px) {
    .main-slide-new .slide-new-inner {position: relative;}
    .main-slide-new .sn-video {position: relative; width: 100%;}
    .main-slide-new .sn-desc {position: absolute; right: 0; top: 62px; width: 500px; height: 524px;}
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .main-slide-new .sn-desc {top: 0;}
}

@media screen and (max-width: 991px) {
    .main-slide-new .sn-desc {float: none;  width: 100%; margin-top: 0;}
    .mainReTab2 .gbox .img img {max-width: 100%;}
    .main-slide-new .ir-calendar .ir-cont {height: auto;}
}
/* 2019052323 Main Renewal Tab E */

.sn-video .embeded-iframe {padding-bottom:0 !important; height:524px !important; width:calc(100% - 500px) !important;}

@media screen and (max-width: 991px) {
.sn-video .embeded-iframe {width:100% !important;}
}

@media screen and (max-width: 991px) {
.sn-video .embeded-iframe {height: 60vw !important;}
}

/* 20190527 Main Renewal2 S */
.mainReTab {font-family: 'Graphik Web', 'Noto Sans KR', sans-serif;}
.mainReTab .link {position: absolute; right: 30px; top: 15px;}
.mainReTab .link a {font-size: 0.8rem; color: #285aaa;}
.mainReTab .sTab::after {content: ""; display: block; clear: both;}
.mainReTab .gbox {margin: 10px 30px;}

.sn-video .embeded-iframe {background: #000;}

.mainReTab2 {position: relative; font-family: 'Graphik Web', 'Noto Sans KR', sans-serif;}
.mainReTab2 .link {position: absolute; right: 30px; top: 15px;}
.mainReTab2 .link a {color: #285aaa;}
.mainReTab2 .sTab::after {content: ""; display: block; clear: both;}
.mainReTab2 .gbox {margin: 10px 30px;}

.sn-box {display: table; width: 100%; padding: 8px 0; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf;}
.sn-box::after {content: ""; display: block; clear: both;}

.sn-box .sn-box-l {display: table-cell; vertical-align: middle; width: 50%; position: relative; text-align: center;}
.sn-box .sn-box-l::after {content: ""; position: absolute; right: -1px; top: 0; display: block; width: 3px; height: 100%; background: #00b0f0;}
.sn-box .sn-box-l img {height: 36px;}

.sn-box .sn-box-r {display: table-cell; vertical-align: middle; width: 50%; padding-left: 12px;}
.sn-box .sn-box-r .p1 {font-size: 14px; font-weight: 500; letter-spacing: -0.025rem; color: #002244;}
.sn-box .sn-box-r .p2 {margin-top: 5px;}
.sn-box .sn-box-r .p2 b {font-size: 14px; font-weight: 500; letter-spacing: -0.025rem; color: #000;}
.sn-box .sn-box-r .p2 span {font-size: 13px; font-weight: 400; letter-spacing: -0.025rem; color: #a0a0a0;}

.sn-tbl {margin-top: 2px; border-top: 1px solid #bfbfbf;}
.sn-tbl td {width: 50%; padding: 7px 0; border-bottom: 1px solid #bfbfbf; font-size: 13px; text-align: center; color: #000;}
.sn-tbl td:first-child {padding: 0 0 0 30px; border-right: 1px solid #bfbfbf; text-align: left;}

.gbox .sn-img {display: inline-block; width: 22px; height: 22px; padding: 0;}
.gbox .sn-img img {margin-top: 0; width: 100%; max-width: 100%;}

.sn-player {display: inline-block; position: relative;}
.sn-player .sn-img {position: absolute; left: 0; top: 50%; display: inline-block; width: 100%; max-width: 25px; height: auto; max-height: 25px; margin-top: -12px; line-height: 0;}
.sn-player .sn-img img {vertical-align: middle;}
.sn-player .name {display: inline-block; padding: 0 0 0 40px; font-size: 14px; color: #000;}

.sn-tbl2 {min-height: 66px; margin-top: 8px;}
.sn-tbl2 tr:first-child td {border-top: 0;}
.sn-tbl2 th {width: 25%;  padding: 6px 0; background: #e7e7e7; font-size: 11px; font-weight: 500; color: #285aaa;}
.sn-tbl2 th p {margin-top: 5px; font-size: 12px;}
.sn-tbl2 td {min-height: 33px; padding: 0 10px; border-left: 1px solid #285aaa; background: #e7e7e7; color: #285aaa;}
.sn-tbl2 td {border-top: 1px solid #285aaa; word-break: keep-all;}
.sn-tbl2 td:first-child {border-left: 0;}
.sn-tbl2 td.lang {width: 15%; font-size: 12px; font-weight: 500;}
.sn-tbl2 td.name {width: 60%; font-size: 12px; font-weight: 500; text-align: center;}


@media screen and (max-width: 991px) {
	.main-slide-new .ir-calendar .ir-cont {padding: 3rem 4.5vw;}
	.mainReTab2 .link {position: absolute; right: 0; top: -2rem;}
	.mainReTab2 .sTab {padding: 0;}
	.mainReTab2 .sTab li a {font-size: 1rem;}
	.mainReTab2 .gbox {margin: 0.5rem 0;}
	.sn-box .sn-box-l img {max-height: 2.2rem;}
	.sn-box .sn-box-r .p1 {font-size: 1rem;}
	.sn-box .sn-box-r .p2 b {font-size: 1rem;}
	.sn-box .sn-box-r .p2 span {font-size: 0.8rem;}
	.sn-tbl td:first-child {padding-left: 1.5rem;}
	.sn-tbl td {font-size: 1rem;}
	.sn-player .name {font-size: 1rem;}

	.sn-tbl2 th {padding: 0.5rem 0;}
	.sn-tbl2 th p {font-size: 0.8rem;}
	.sn-tbl2 td {padding: 0 0.5rem;}
	.sn-tbl2 td.lang {font-size: 0.8rem;}
	.sn-tbl2 td.name {font-size: 0.8rem;}
}
/* 20190527 Main Renewal2 E */

/* 20190529 scratch fix S */
.scrc-con .g-info .sTab li{width:33.3333%;}
.scrc-con .btn-box{text-align: left; margin:0;}
.btn-box .btn-orange.btn-line.btn-scrc{background: #fa5a28; color:#fff; padding:0 12px;}
.estp-con.scrc-vid-wrapper{padding-top:0;}
.scrc-vid{padding:0 173px; background: url('../images/scratch_vid_bg_1.jpg') left top no-repeat, url('../images/scratch_vid_bg_2.jpg') right top no-repeat; background-size:contain, contain;}
.scrc-fw-600{font-weight: 600; color:#111; font-size: 18px;}
/* .scrc-unline{border-bottom:1px solid #111; padding-bottom:5px; display:inline-block;} */
.scrc-list>li{margin-bottom:20px;}
.scrc-ml-8{margin-left:8px;}
.scrc-icon-wrapper{margin-left:70px;}
.scrc-icon-wrapper::after{content:""; display:block; clear:both;}
.scrc-icon{float:left; text-align: center; position: relative; padding-top:20px;}
.newHorizon .estp-con .desc p.scrc-icon-pic{padding:0 35px; margin-bottom:10px;}
.scrc-icon-optional{position: absolute; top:0; left:35px; font-size: 10px;}
.newHorizon .scrc-con .g-gm .desc.fir .btn{margin:0; margin-bottom:20px;}
.newHorizon .scrc-con  .btn{margin:0; margin-bottom:20px;}
.newHorizon .estp-con .desc .scrc-list .scrc-mb-5{margin-bottom:5px;}
.scrc-list-partner{margin-bottom:30px;}
.scrc-list-partner li::after{content:""; display:block; clear:both;}
.scrc-partner-pic{float:left; width:27.5%;}
.scrc-partner-desc{float:right; width:72.5%;}
.scrc-partner-desc ul{float:left; width: 45%;}
.newHorizon .espt-rule p{margin-bottom:20px;}

@media screen and (max-width: 991px) {
.scrc-vid{padding:0;}
.scrc-icon-wrapper{margin:0;}
.scrc-icon{width:33.3333%;}
.scrc-partner-pic{float:none; width:100%; text-align: center;}
.newHorizon .scrc-con .btn{width:100%;}
.newHorizon .scrc-con .g-gm .desc.fir .btn + .btn{margin-left:0;}
.newHorizon .estp-con .desc p.scrc-icon-pic{padding:0;}
.scrc-partner-desc{float:none; width:100%; }
.scrc-icon-optional{left:5%;}
.scrc-partner-pic{margin-top:30px;}
.scrc-partner-desc ul{float:none; width: 100%;}
}
/* 20190529 scratch fix E */

/* 20190530 Main Renewal Fix S */
@media screen and (min-width: 992px) and (max-width: 1023px) {
	.mainReTab2 .link {top: -30px;}
}
/* 20190530 Main Renewal Fix E */

/* 20190607 VR update S */
.newHorizon .vr-con .g-info .gbox .sch01 .itm.last .stg_title{width:100%; margin-left:0;}
.match-win .player-wrapper {border-color:#fa5a28;}
.match-win .match-icon-wrapper {border-color:#fa5a28;}
.macth-doule{height:82px;}
.macth-doule .match-player{height:80px; line-height:80px;}
.macth-doule .player-flag{line-height:0; margin-top: 21px;}
.macth-doule .match-icon-wrapper{height:82px;}
.macth-doule .match-icon{ height:32.5px;}
.player-winner{float:left; line-height:40px; height:42px; border:1px solid #d5d5d5; border-right:0; background: #fff; width:30%; text-align: center;}
.match-col-05 .player-wrapper{width:70%; white-space:nowrap;}
/* 20190607 VR update E */

/* 20190613 main icon links S */
.mainReTab .icon-links{position: absolute; top:8px; left:30px;}
.mainReTab2 .icon-links{position: absolute; top:-2.5rem; left:0;}
/* 20190613 main icon links E */

/* 20190627 ESPORTS :: S*/
.intro-con.team_con {padding: 103px 0;}
.intro-con.team_con .t-area {margin: 0 0 30px 0;}
.intro-con.team_con .t-area .tit {font-family: 'GTHaptik-Bold','Nanum Square' !important; font-size: 30px; line-height: 1; color: #111;}
.intro-con.team_con .hall-desc {font-size: 14px; line-height: 1.4;}

.intro-con.team_con .tr {text-align: right;}
.intro-con.team_con .tr .more{display: inline-block; margin-top: 30px; color: #a0a0a0;}
.intro-con.team_con .tr .more::after{content: "+"; margin: 0 0 0 .5rem;}

.intro-con.bg_purple {background: #060c26 url(../images/tournament/team_bg_02.jpg) no-repeat center / cover;}
.intro-con.bg_purple.team_con .t-area .tit {color: #fff;}

.intro-con.team_con .team_wrap::after {content: ""; display: block; clear: both;}
.intro-con.team_con .team_box .img {margin-bottom: 30px; text-align: center;}
.intro-con.team_con .team_box .img img {width: 100%; height: auto;}
.intro-con.team_con .team_box .name {margin-bottom: 25px; text-align: center;}
.intro-con.team_con .team_box .name b {font-size: 16px; font-weight: 500; color: #c032b0;}
.intro-con.team_con .team_box .name p a {font-size: 16px; font-weight: 500; color: #fff;}

/*20190701 ?? :: S*/
.intro-con.team_con .team_box p.team_contry {display:inline-block;vertical-align:middle;width: 15%;margin-right: 5%;}
.intro-con.team_con .team_box p.team_contry + div.name{margin-bottom: 0;vertical-align: middle;display:inline-block;text-align: left;width:75%;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;overflow:hidden;}/*20190715 수정 bsm*/
.intro-con.team_con .team_box p.team_contry + div.name p{height: 20px;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;overflow:hidden;}/*20190715 bsm 추가*/
/*E :: 20190701 ??*/

.intro-con.team_con .team_box dl {margin-top: 5px;}
.intro-con.team_con .team_box dl:first-child {margin-top: 0;}
.intro-con.team_con .team_box dl::after {content: ""; display: block; clear: both;}
.intro-con.team_con .team_box dl dt, .intro-con.team_con .team_box dl dd {float: left; width: 50%; box-sizing: border-box; font-size: 14px; color: #747ba2;}
.intro-con.team_con .team_box dl dt {font-weight: 600;} 
.intro-con.team_con .team_box dl dd {padding-left: 20px; font-weight: 400;}

.team_slide{width:100%;}
.team_slide .swiper-container{width:100%;}
.team_slide .swiper-container .swiper-slide{width:100%;}
.team_slide .prev{position:absolute;top: 40%;left:10px;margin:0;width:48px;height:48px;display:block;z-index:3;transform: translateY(-50%);}/* 20190701 ??*/
.team_slide .next{ position:absolute; top:40%; right:10px; margin:0; width:48px; height:48px; display:block; z-index:3; transform:translateY(-50%);}/* 20190701 ??*/
.team_slide .prev::after,
.team_slide .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-20px 0 0 -20px; display:block; border:3px solid #c8c8c8; width:40px; height:40px; border-top:none;border-right:none;}
.team_slide .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
.team_slide .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
.team_slide .prev span,
.team_slide .next span{ position:absolute; top:-9999px; left:-9999px;}


@media screen and (max-width: 767px) {
    /* TeamDetail */
    .intro-con.team_con {padding: 3.7rem 4.5vw;}
    .intro-con.team_con .t-area {margin-bottom: 1.5rem;}
    .intro-con.team_con .t-area .tit {font-size: 1.5rem;}
    .intro-con.team_con .hall-desc {font-size: 1rem;}
    .intro-con.team_con .tr .more {position: absolute; top: 0; right: 0; margin-top: 0;}
    .intro-con.team_con {margin: 0;}
    
	/*20190701 ?? ? ?? :: S*/
    .intro-con.team_con .team_box .img {width: 100%; margin-bottom: 1.3rem; }
	.intro-con.team_con .team_box p.team_contry{width:20%;}
	.intro-con.team_con .team_box p.team_contry + div.name {width: 55%;text-align: left;}/*20190715 bsm */
	
    .team_slide .prev{ position:absolute; top:41%; left:2rem; margin:0 0 0 0; width:2rem; height:2rem; display:block; z-index:3; transform:translateY(-50%)}
	.team_slide .next{ position:absolute; top:41%; right:2rem; margin:0; width:2rem; height:2rem; display:block; z-index:3;  transform:translateY(-50%)}
	/*E :: 20190701 ?? ? ?? */

	.team_slide .prev::after,
	.team_slide .next::after{ content:""; position:absolute; top:50%; left:50%; margin:-1rem 0 0 -1rem; display:block; border:2px solid #c8c8c8; width:2rem; height:2rem; border-top:none;border-right:none;}
	.team_slide .prev::after{ -webkit-transform:rotate(45deg);transform:rotate(45deg); }
	.team_slide .next::after{ -webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
	.team_slide .prev span,
	.team_slide .next span{ position:absolute; top:-9999px; left:-9999px;}
    
    
}

/* E :: 20190627 ESPORTS*/

/* 20190702 TED S // */
.conf-hd.ted{position:relative;}
.conf-hd.ted .tit h2 strong{font-weight: 800; }
.conf-hd.ted .tit .tx02{font-family: 'Graphik Web', 'Noto Sans', sans-serif; font-weight: 500;}
.ted-wr .tde-desc p{font-family: 'Graphik Web', 'Noto Sans', sans-serif; font-weight: 500;}
.ted-lst .itm .thumb strong{font-family: 'Graphik Web', 'Noto Sans', sans-serif; font-weight: 500;}
.conf-hd.ted .conf-copy{position: absolute; bottom:20px; right:20px;}

@media screen and (max-width: 767px) {
.conf-hd.ted .conf-copy{right:0; width:100%; text-align: center;}
.conf-hd .tit{padding: 4rem 4.5vw;}
}
/* // 20190702 TED E/ */

/* 20190703 Main Banner Ad :: 추가 S */
/* 20190705 spon :: 수정 S // */
#wrap #footer{padding-top:0;}
.newFooter.footer_ad {margin-bottom: 35px; padding:15px 0 20px;  border-bottom: 1px solid #eee; background:#fff}
.newFooter.footer_ad ul {display: block; width: 50%; margin:0 auto; overflow: hidden;}
.newFooter.footer_ad ul:after{content:""; display:block; clear:both;}
.newFooter.footer_ad ul li {display: block; width: calc( (105% / 5) - 5% ); padding:0 2.5%; margin:10px 0 0; height:30px; text-align: center; vertical-align: middle; float:left; box-sizing:content-box;} 
.newFooter.footer_ad ul li:nth-child(1), .newFooter.footer_ad ul li:nth-child(6){padding-left:0; text-align: left;}
.newFooter.footer_ad ul li:nth-child(5), .newFooter.footer_ad ul li:nth-child(10){padding-right:0; text-align: right;}
.newFooter.footer_ad ul li a{width:100%; margin:0 auto; display:block;}
.newFooter.footer_ad ul li a img{width:auto; vertical-align:-webkit-baseline-middle;}
@media screen and (max-width: 1200px){
		#footer .newFooter.footer_ad{padding:8px 4.5vw; }
		#footer .newFooter.footer_ad img{height:auto;}
		.newFooter.footer_ad ul {display: block; width: 100%; margin:0 auto; overflow: hidden;}

}
@media screen and (max-width: 1200px) and (min-width: 1024px) {
	#wrap #footer{padding:0; padding-bottom:60px;}
	#footer .inner{padding: 0 20px;}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
	#wrap #footer{padding:0; padding-bottom:35px;}
}
@media screen and (max-width: 767px) {
	.newFooter.footer_ad ul {display: block; width: 100%; margin:0 auto; overflow: hidden;}
		.newFooter.footer_ad ul li {display: block; width: calc((105% / 3) - 5%); padding:0 2.5%; margin:13px 0 5px;} 
		.newFooter.footer_ad ul li:nth-child(4), .newFooter.footer_ad ul li:nth-child(5), .newFooter.footer_ad ul li:nth-child(6), .newFooter.footer_ad ul li:nth-child(7){width: calc((105% / 4) - 5%);}
.newFooter.footer_ad ul li:nth-child(1), .newFooter.footer_ad ul li:nth-child(6){padding-left:2.5%; text-align: center;}
.newFooter.footer_ad ul li:nth-child(5), .newFooter.footer_ad ul li:nth-child(10){padding-right:2.5%; text-align: center;}
.newFooter.footer_ad ul li:nth-child(1), .newFooter.footer_ad ul li:nth-child(4), .newFooter.footer_ad ul li:nth-child(8){padding-left:0; text-align: left;}
.newFooter.footer_ad ul li:nth-child(3), .newFooter.footer_ad ul li:nth-child(7), .newFooter.footer_ad ul li:nth-child(10){padding-right:0; text-align: right;}
	#wrap #footer{padding:0 0 2.5rem 0;}
  .newFooter.footer_ad ul li {height:26px;} 
}
/* // 20190705 spon :: 수정 E */
/* 20190703 Main Banner Ad :: 추가 E */

/* 20190709_3 fix S */
.newFooter.footer_ad{}
.newFooter .spons_all{width:50%; margin:0 auto;position: relative;}
.newFooter .spons_all img{width:100%;}
.newFooter .logo_all_m {display:none;}
.newFooter.footer_ad .spons{position: absolute; display:block; text-indent:-9999px; height:40%; }

.spons.logo_ssd{top:0; left:0; width:18%;}
.spons.logo_s10{top:0; left:21%; width:12%;}
.spons.logo_smile{top:0; left:36%; width:13%;}
.spons.logo_t{top:0; left:50%; width:10%;}
.spons.logo_gameon{top:0; left:62%; width:10%;}
.spons.logo_gjs{top:0; left:74%; width:9%;}
.spons.logo_dx{top:0; left:86%; width:14%;}

.spons.logo_penguin{top:58%;  left:0; width:10%;}
.spons.logo_afreeca{top:58%; left:14%; width:11%;}
.spons.logo_appota{top:58%; left:29%; width:19%;}
.spons.logo_egg{top:58%; left:52%; width:7%;}
.spons.logo_sina{top:58%; left:62%; width:22%;}
.spons.logo_es{top:58%; left:88%; width:12%;}

@media screen and (max-width: 1200px){
.newFooter .spons_all{width:100%; margin:15px auto;}
}

@media screen and (max-width: 768px){
.newFooter .spons_all{width:100%; margin:15px 0;}
.newFooter .logo_all_pc {display:none;}
.newFooter .logo_all_m {display:block;}
.newFooter.footer_ad .spons{height:19.5%;}

.spons.logo_ssd{top:0; left:0; width:28.1%;}
.spons.logo_s10{top:0; left:34%; width:21%;}
.spons.logo_smile{top:0; left:60%; width:19%;}
.spons.logo_t{top:0; left:86%; width:14%;}

.spons.logo_gameon{top:25.4%; left:0; width:15%;}
.spons.logo_gjs{top:25.4%; left:25%; width:15%;}
.spons.logo_dx{top:25.4%; left:50%; width:24%;}
.spons.logo_penguin{top:25.4%;  left:85%; width:15%;}

.spons.logo_afreeca{top:53.4%; left:0; width:19%;}
.spons.logo_appota{top:53.4%; left:39%; width:31%;}
.spons.logo_egg{top:53.4%; left:89%; width:11%;}

.spons.logo_sina{top:79%; left:0; width:36%;}
.spons.logo_es{top:79%; left:44%; width:19%;}
}
/* 20190709_3 fix E */

/* 20190710_1 fix S */
@media screen and (max-width: 768px){
	.newFooter .spons_all{width:100%; margin:15px 0;}
	.newFooter .logo_all_pc {display:none;}
	.newFooter .logo_all_m {display:block;}
	.newFooter.footer_ad .spons{height:19.5%;}
	
	.spons.logo_ssd{top:0; left:0; width:28.1%;}
	.spons.logo_s10{top:0; left:40%; width:21%;}
	.spons.logo_smile{top:0; left:81%; width:19%;}
	
	.spons.logo_t{top:25.4%; left:0; width:14%;}
	.spons.logo_gameon{top:25.4%; left:26%; width:15%;}
	.spons.logo_gjs{top:25.4%; left:52%; width:15%;}
	.spons.logo_dx{top:25.4%; left:76%; width:24%;}
	
	.spons.logo_penguin{top:53.4%; left:0; width:16%;}
	.spons.logo_afreeca{top:53.4%; left:34%; width:19%;}
	.spons.logo_appota{top:53.4%; left:69%; width:31%;}
	
	.spons.logo_egg{top:79%; left:0%; width:11%;}
	.spons.logo_sina{top:79%; left:28%; width:36%;}
	.spons.logo_es{top:79%; left:81%; width:19%;}
}
/* 20190710_1 fix E  */

/* 20190710 ai-masters :: 추가 S */
.horizon-con .rankingArea .tit{padding-top:0;}
.horizon-con{padding-bottom:0;}
.horizon-con .moreArea{padding-bottom:0;}
.gbox-item:after{content:""; display:block; clear:both;}
.block-container:after{content:""; display:block; clear:both;}
.block-container{float:left;position:relative;}
.block-container::before {content: ""; position: absolute; top: 50%; right: 8%; display: block; width: 30px; height: 30px; border-left: #e6e9ee 4px solid; border-bottom: #e6e9ee 4px solid; -webkit-transform: rotate(-134deg); transform: rotate(-134deg);}
.block-container-last::before{content: ""; position: absolute; top: 50%; left: 3%; display: block; width: 30px; height: 30px; border-left: #e6e9ee 4px solid; border-bottom: #e6e9ee 4px solid; -webkit-transform: rotate(-134deg); transform: rotate(-134deg);}
.block-container-2::before{display:none;}
.block-container-1{width:27.5%; padding-right:61px;}
.block-container-2{width:45%;}
.block-container-last{padding:0;padding-left:61px;}
.single-block{float:left; width:100%;}
.block-container-2 .single-block{width:calc((100% - 10px) / 2);}
.block-container-2 .single-block:first-child{margin-right:10px;}
.single-block .sbj-box{background:#9ea8b4; width:100%;text-align: center;}
.single-block .sbj-box p{line-height:50px; color:#fff; }
.single-block .date-box{text-align: center; color:#666; font-weight:600;}
.single-block .date-box p{line-height:30px;}
.gbox-item-mid{padding:50px 0;}
.gbox-item-mid  .block-container::before {content: ""; position: absolute; top: 50%; left: 3%; display: block; width: 30px; height: 30px; border-left: #e6e9ee 4px solid; border-bottom: #e6e9ee 4px solid; -webkit-transform: rotate(-134deg); transform: rotate(-134deg);}
.gbox-item-mid .block-container-1{width:27.5%; padding:0; padding-left:61px;}
.gbox-item-mid .block-container-2::before{display:none;}
.gbox-item-bot .block-container::before{display:none;}
.gbox-item-bot .block-container{width:68%}
.gbox-item-bot .block-container .single-block{float:left; width:calc((100% - 20px) / 3);}
.gbox-item-bot .block-container .single-block:nth-child(2){margin:0 10px;}
.gbox-item-bot .block-container .sbj-box .neun{display:inline;}
.gbox-item-bot .block-container .sbj-box .break{display:none;}
.single-block .box-nvy{background:#0d2142; font-weight:600;}
.single-block .box-org{background:#fa5a28; font-weight:600;}

@media screen and (max-width:1024px){
.block-container{width:100%;float:none;}
.block-container-1{width:100%;padding:0;padding-bottom:65px;}
.block-container-2{width:100%;padding:0;}
.block-container-2 .single-block{width:100%;padding:0; margin:0;}
.block-container-last{padding:0; padding-top:65px;}
.single-block .sbj-box{ width:100%;text-align: center;}
.single-block .sbj-box p{line-height:3rem;}
.single-block .date-box p{line-height:3rem;}
.block-container::before {bottom: -2rem;left: auto;right: 50%;transform: translateX(50%) rotate(-45deg);width: 1.6rem;height: 1.6rem;border-left: #e6e9ee 2px solid;border-bottom: #e6e9ee 2px solid;top: auto;bottom: 2.5rem;}
.block-container-last::before{bottom: -2rem;left: auto;right: 50%;transform: translateX(50%) rotate(-45deg);width: 1.6rem;height: 1.6rem;border-left: #e6e9ee 2px solid;border-bottom: #e6e9ee 2px solid; top: 1rem; bottom: auto;}
.gbox-item-mid  .block-container::before {bottom: -2rem;left: auto;right: 50%;transform: translateX(50%) rotate(-45deg);width: 1.6rem;height: 1.6rem;border-left: #e6e9ee 2px solid;border-bottom: #e6e9ee 2px solid;top: 1rem;bottom: auto;}
.gbox-item-mid .block-container-1{width:100%; padding:0;}
.gbox-item-mid .block-container-2::before{display:none;}
.gbox-item-mid .block-container-1{padding-top:65px;}
.gbox-item-bot .block-container{width:100%}
.gbox-item-bot .block-container .single-block{float:left; width:calc((100% - 20px) / 3);}
.gbox-item-bot .block-container .single-block:nth-child(2){margin:0 10px;}
.gbox-item-bot .block-container .single-block p{line-height:1.2;}
.gbox-item-bot .block-container .sbj-box{padding:1rem 0;}
.gbox-item-bot .block-container .sbj-box .neun{display:none;}
.gbox-item-bot .block-container .sbj-box .break{display:inline;}
}
/* 20190710 ai-masters :: 추가 E */

/* 20190710 scracth :: 추가 S */
.gbox-itm-vertical{width:calc((100% - 105px) / 4); box-sizing:content-box; float:left; padding-left:35px; position:relative;}
.gbox-itm-vertical:nth-child(1){padding:0; padding-bottom:2rem;}
.gbox-itm-vertical:after{content:""; display:block; clear:both;}
.gbox-itm-vertical .sbj-box{background:#9ea8b4; width:100%;text-align: center; margin-bottom:20px;}
.gbox-itm-vertical .sbj-box p{line-height:50px; color:#fff; }
.gbox-itm-vertical .box-nvy{background:#0d2142; font-weight:500; font-size:18px;}
.gbox-itm-vertical .desc-box{text-align:center; margin-bottom:50px;}
@media screen and (max-width:1024px){
	.gbox-itm-vertical{width:100%; padding:0; padding-bottom:2rem;}
	.gbox-itm-vertical .sbj-box{padding:1rem 0;}
.gbox-itm-vertical .sbj-box p{line-height:1.2;}
.gbox-itm-vertical::before {content: ""; position: absolute;display: block;left: auto;right: 50%;transform: translateX(50%) rotate(-45deg);width: 1.6rem;height: 1.6rem;border-left: #e6e9ee 2px solid;border-bottom: #e6e9ee 2px solid;top: auto;bottom: 2.5rem;}
}
.gbox-itm-vertical:last-child::before{display:none;}
/* 20190710 scracth :: 추가 E */

/* 20190711 robot :: 추가 S */
.b-royal .tit{text-align: center; font-size:18px; color:#111; margin-bottom:30px; font-weight:600;}
.b-royal:after{content:""; display:block; clear:both;}
.b-royal .gbox-item-royal{float:left; position:relative;}
.b-royal .gbox-item-royal-fir{width:65%;}
.b-royal .gbox-item-royal-sec{width:35%; padding-left:10rem;}
.b-royal .gbox-item-table{width:calc((100% - 20px) / 2); float:left; margin-bottom:20px; background: #fff;}
.b-royal .gbox-item-table:nth-child(2n){margin-left:20px;}
.b-royal .gbox-item-table p img{width:28px;}
.b-royal .gbox-item-table th{background: #9ea8b4; color:#fff;height:40px; }
.b-royal .gbox-item-table tr:nth-child(1) td{border-top:0;}
.b-royal .gbox-item-table tr td{height:40px; text-align: center; border: 1px solid #d5d5d5;}
.b-royal .gbox-item-table tr td:nth-child(1){width:25%; border-left:0;}
.b-royal .gbox-item-table tr td:nth-child(2){width:75%; border-right:0;}
.b-royal .sbj-box{background:#9ea8b4; width:100%;text-align: center; margin-bottom:20px;}
.b-royal .sbj-box p{line-height:50px; color:#fff; }
.b-royal .box-nvy{background:#0d2142; font-weight:500; font-size:18px;}
.b-royal .desc-box{text-align:center; margin: 30px 0;}
.b-royal .gbox-item-royal-sec::before {content: ""; position: absolute; top: 50%; left: 4rem; display: block; width: 30px; height: 30px; border-left: #e6e9ee 4px solid; border-bottom: #e6e9ee 4px solid; -webkit-transform: rotate(-134deg); transform: rotate(-134deg);}
.robot-con .btn-box{margin-top:70px;}
.newHorizon .robot-con .g-info .gbox .gbox01{background:#f5f5f5;}
.newHorizon .robot-con .g-info .gbox .gbox01#sTab0101{background:#f5f5f5;}
@media screen and (max-width:1024px){
	.b-royal .gbox-item-royal-fir{width:100%}
.b-royal .gbox-item-royal-sec{width:100%; padding-left:0; padding-top:5rem;}
.b-royal .gbox-item-table{width:100%; float:left;}
.b-royal .gbox-item-table:nth-child(2n){margin-left:0;}
.b-royal .gbox-item-royal-sec::before {left: auto;right: 50%;transform: translateX(50%) rotate(-45deg);width: 1.6rem;height: 1.6rem;border-left: #e6e9ee 2px solid;border-bottom: #e6e9ee 2px solid;top: auto;top: .5rem;}
}
/* 20190711 robot :: 추가 E */

/* 20190712 vr ::추가 S */
.new-bracket-wrapper .match-horizontal .match-name-wrapper{width:17%; float:left; background:#9ea8b4; border:1px solid #d5d5d5; border-right:0;}
.new-bracket-wrapper .match-horizontal .match-name{line-height:80px; color:#fff; text-align: center; font-weight: 500;}
.new-bracket-wrapper .match-horizontal .player-wrapper{width:66%;}
.new-bracket-wrapper .match-horizontal .match-icon-wrapper{width:17%;}
.new-bracket-wrapper .match-horizontal .match-icon-wrapper{height:82px;}
.new-bracket-wrapper .match-horizontal .match-player-top{border-bottom:1px solid #d5d5d5}
.new-bracket-wrapper .match-horizontal .match-icon{margin-top:27px;}
.new-bracket-wrapper .match-horizontal .player-flag{width:25%; text-align: center;}
.new-bracket-wrapper .match-horizontal .player-flag img{height:25px;}
.new-bracket-wrapper .match-horizontal .player-score{border-left:1px solid #d5d5d5; display: block; text-align: center; width:18%;font-size:24px; font-weight: 500; color:#111;}
.new-bracket-wrapper .match-horizontal .match-player{padding:0;}
.new-bracket-wrapper .match-horizontal .player-name{display:block; width:57%; float:left; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; margin:0;}
.new-bracket-wrapper .match-horizontal .match-col-01, .new-bracket-wrapper .match-horizontal .match-col-05{width:24.3%}
.new-bracket-wrapper .match-horizontal .match-col-02, .new-bracket-wrapper .match-horizontal .match-col-03, .new-bracket-wrapper .match-horizontal .match-col-04{width:25.7%}
.new-bracket-wrapper .match-horizontal .match-blank {height:82px;}
.new-bracket-wrapper .match-horizontal .match-blank-half {height:41px;}
.new-bracket-wrapper .match-horizontal .match-blank-half-half {height:20.5px;}
.new-bracket-wrapper .match-win .match-name-wrapper{border-color:#fa5a28;}
.new-bracket-wrapper .match-medal{width:15%; text-align:center; line-height: 40px; color:#fff; float: left; border-right:1px solid #d5d5d5;}
.new-bracket-wrapper .match-medal.gold{background: #ffd00f;}
.new-bracket-wrapper .match-medal.silver{background: #b4b4b4;}
.new-bracket-wrapper .match-medal.bronze{background: #bb7159;}
.new-bracket-wrapper .match-horizontal .match-wrapper-podium .match-player{width:85%; float:left;;}
.new-bracket-wrapper .match-horizontal .match-wrapper-podium .player-name{width:70%;}
.new-bracket-wrapper .match-wrapper-podium{border:1px solid #d5d5d5; background: #fff;}
.new-bracket-wrapper .player-name.winner{color:#111; font-weight: 600;}
.new-bracket-wrapper .player-name.loser{color:#a0a0a0;}
.new-bracket-wrapper .match-horizontal .match-line.line-after-loser::after{border-right:2px solid #9da7b1;;border-bottom:0;border-top:0;border-left-color:#fa5a28;}
.new-bracket-wrapper .match-horizontal .match-line.line-after-ascend::after{border-right:0;border-bottom:0;border-top:0;border-left-color:#9da7b1;}
.new-bracket-wrapper .match-message{width:50%; padding-right:13px; float:left; line-height: 80px; color:#fa5a28; text-align: right; font-weight: 600;}
.new-bracket-wrapper .match-message2{width:50%;  float:left; line-height: 80px; color:#9da7b1; text-align: left; font-weight: 600;}
.new-bracket-wrapper .match-gray{background: #e6e9ee;}
.new-bracket-wrapper.bracket-wrapper:last-child{padding-bottom:0;}
.vr-tournament{background: url('../images/vr_bgcolor.gif') bottom repeat-x; padding-bottom:0; }
.match-blank .match-title-wrapper{margin:0;line-height:80px;;}
/* 20190712 vr ::추가 E */

/* 20190715 vr :: 추가 S */
.match-blank .match-title-wrapper{margin:0;line-height: 1.2; margin-top:20px;}
/* 20190715 vr :: 추가 E */

/* 20190715_3 robot :: 추가 S */
.newHorizon .g-info .gbox .gbox01 .espt-rule .rule-tbx ul{margin:0 auto;}
/* 20190715_3 robot :: 추가 E */

/* 20190715_4 ai-masters :: 추가 S */
@media screen and (max-width: 767px){
	.newHorizon .g-info .sTab li a {line-height:1.2;}
}
/* 20190715_4 ai-masters :: 추가 E */

/* 20190716 sticker :: 추가 S */
.sticker-con img{width:100%;}
.sticker-con img.mo{display:none}
@media screen and (max-width:1024px){
.sticker-con img.mo{display:block}
.sticker-con img.pc{display:none}
}
/* 20190716 sticker :: 추가 E */

/* 20190717 st-pop :: 추가 S */
.popupSt02 {display: none;}
@media screen and (max-width: 1024px){
	.popupSt02 .pop_cont{position: relative;}
	.popupSt02 {position: fixed;width:90%; background: #fff; left:5%;top: 10%; z-index: 100;display: block;}
	.popupSt02 a.appdown_link{position: absolute;bottom: 11.7%;display: block;width: 84.2%;height: 7%;left: 8%;}
	.popupSt02 a.pop_close{position: absolute;top:2rem;right: 2rem;;}
	.popupSt02 a.pop_close img{width:1.625rem; height:1.625rem; float:right;}
	.popupSt02 a.appdown_today{position: absolute; bottom:7.5%; right:8%; }
	.popupSt02 p img{width:100%;}
}
/* 20190717 st-pop :: 추가 E */

/* 20190717 star2 :: 추가 S */
.match-horizontal .match-line.line-after-ascend::after{border-right:0;border-bottom:0;border-top:0;border-left-color:rgb(220, 220, 220);}
.player-name.winner{color:#111; font-weight: 600;}
.player-name.loser{color:#a0a0a0;}
.match-gray{background: #e6e9ee;}
.match-horizontal .match-blank{height:42px;}
.st2-con .bracket-wrapper{padding-bottom:0;}
.st2-con{background: url('../images/st-bg.png') bottom; padding-bottom:0; background-repeat: repeat-x;}
/* 20190717 star2 :: 추가 E */

/* 20190718 CRL :: 추가 S */
.crl-tbl-wrap .crl-tbl{text-align: center; width:100%;}
.crl-tbl-wrap .crl-tbl td{height:64px; font-weight: 400; word-break:keep-all;}
.crl-tbl-wrap .crl-tbl th{height:45px; font-weight: 600; word-break:keep-all;}
.crl-tbl-wrap .crl-tbl thead{background: url(../images/crl-tbl-bg.png) no-repeat; background-size: cover; border-radius: 2px;}
.crl-tbl-wrap .crl-tbl thead tr{border-bottom:1px solid #3d4d69; color:#fff;}
.crl-tbl-wrap .crl-tbl thead tr:first-child th{border-right:1px solid #3d4d69;}
.crl-tbl-wrap .crl-tbl thead tr:first-child th:last-child{border-right:0;}
.crl-tbl-wrap .crl-tbl-pc thead tr:nth-child(2) th:nth-child(2), .crl-tbl-wrap .crl-tbl-pc thead tr:nth-child(2) th:nth-child(4), .crl-tbl-wrap .crl-tbl-pc thead tr:nth-child(2) th:nth-child(7), .crl-tbl-wrap .crl-tbl-pc thead tr:nth-child(2) th:nth-child(10){border-right:1px solid #3d4d69;} /* CRLTBL */
.crl-tbl-wrap .crl-tbl tbody{color:#888; background: #f5f5f5;}
.crl-tbl-wrap .crl-tbl tbody tr{border-bottom:1px solid #d5d5d5;}
.crl-tbl-wrap .crl-tbl tbody tr td:nth-child(3){color:#010000;}

.crl-tbl-wrap .crl-tbl-mo{display:none;}
.crl-tbl-wrap .crl-tbl-mo thead tr:nth-child(2) th:nth-child(2), .crl-tbl-wrap .crl-tbl-mo thead tr:nth-child(2) th:nth-child(4), .crl-tbl-wrap .crl-tbl-mo thead tr:nth-child(2) th:nth-child(5){border-right:1px solid #3d4d69;} /* CRLTBL */

@media screen and (max-width:1024px){
.crl-tbl-wrap .crl-tbl{font-size:12px;}
.crl-tbl-wrap .crl-tbl-mo{display:block;}
.crl-tbl-wrap .crl-tbl-pc{display:none;}
}

.crl-tbl-detail-wrap .detail-tit{padding: 30px 0 15px 15px;}
.crl-tbl-detail-wrap{width:100%; background: #f5f5f5; padding:0 0 30px 0; margin-top:30px;}
.crl-tbl-detail-wrap.dark{background: #e9e9e9; padding-top:30px; margin-top:0;}
.crl-tbl-detail-wrap.dark .detail-tit-final{margin-bottom: 15px;padding-left: 15px;background: url(../images/tournament/dot.png) no-repeat 1px center;font-size: 18px;font-weight: 600;color: #111;}
.crl-tbl-detail-wrap.dark .detail-tit{padding-top:0;}
.crl-tbl-detail-wrap table{text-align: center;}
.crl-tbl-detail-wrap thead{background: #d9dde6; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#010000;}
.crl-tbl-detail-wrap tbody{ background: #fff;}
.crl-tbl-detail-wrap td, .crl-tbl-detail-wrap th{height:45px;}
.crl-tbl-detail-wrap td:first-child, .crl-tbl-detail-wrap th:first-child{text-align:left; padding-left:40px;}
.crl-tbl-detail-wrap td:last-child, .crl-tbl-detail-wrap th:last-child{text-align:right; padding-right:40px;}
.crl-tbl-detail-wrap td:nth-child(3), .crl-tbl-detail-wrap th:nth-child(3){text-align:right;}
.crl-tbl-detail-wrap th:nth-child(2) .crl-score{font-weight: 600; padding:0 25px; color:#010000; font-size: 17px;}
.crl-tbl-detail-wrap th:nth-child(2){font-size:12px; color:#a0a0a0;}
.crl-tbl-detail-wrap tbody tr{ border-bottom:1px solid #d5d5d5; color:#a0a0a0; font-weight: 400;}
/* 20190718 CRL :: 추가 E */

.match-horizontal .player-flag img{height: 25px;}
.crl-tbl-detail-wrap.dark{background: #fff;}

/* 20190826 추가 // */
.wcg-hisCon .rank i img{width:25px;}
@media screen and (max-width:1024px){
.intro-con .tab-group{height:50vh; overflow: auto;}
}
/* // 20190826 추가 */

/* 20190828 추가 // */
.hd-history.y2019{background-image: url('../images/history/his2019_(2500x450).jpg')}
@media screen and (max-width: 767px){
.hd-history.y2019{background-image: url('../images/history/his2019_(640x500).jpg')}
}
/* // 20190828 추가 */