@charset "utf-8";

/* GCP WD_WP Team. Author : Choi Hyunsun 2016-10-10. Edit : Jiwon Lee 2022-04-04 */
#GCWwrap	{min-height:200px;padding-top:41px;}

/* background image */
.banner .paging > span, .banner .paging > button, .shortcuts dd a:after, .shortcuts dl.stock dd.current .before span:after
{background-image:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/m_main_v1.png');background-repeat:no-repeat;background-size:50px 68px;}

/* banner */
.banner	{width:100%;height:235px;position:relative;overflow:hidden;}
.banner .list	{width:690px;height:100%;position:absolute;top:0;left:50%;margin-left:-345px;}
.banner .list.list1	{width:690px;margin-left:-345px;}
.banner .list.list2	{width:1560px;margin-left:-1035px;}
.banner .list.list3	{width:2340px;margin-left:-1725px;}
.banner .list.list4	{width:3120px;margin-left:-2415px;}
.banner .list.list5	{width:3900px;margin-left:-3105px;}
.banner .list li	{width:690px;height:100%;float:left;}
.banner .list li a	{width:100%;height:100%;display:block;}
.banner .list li a img	{width:690px;height:235px;}
.banner .btn_prev, .banner .btn_next	{display:none;}
.banner .paging	{width:100%;height:24px;position:absolute;bottom:14px;left:0;font-size:10px;line-height:24px;color:#fff;text-align:center;}
.banner .paging > span	{width:24px;height:24px;display:inline-block;margin-left:-3px;vertical-align:top;background-position:-25px 0;}
.banner .paging > span.on	{background-position:0 0;}
.banner .paging > button	{width:24px;height:24px;display:inline-block;border:0;background-color:transparent;}
.banner .paging button.btn_pause	{background-position:0 -25px;}
.banner .paging button.btn_play	{background-position:-25px -25px;}

/* shortcuts */
.shortcuts	{padding:29px 15px 31px;}
.shortcuts .title	{position:relative;margin-bottom:14px;padding:7px 0 8px;font-size:18px;line-height:23px;color:#2d2d32;text-align:center;}
.shortcuts .title:after	{width:18px;height:1px;content:'';position:absolute;bottom:0;left:50%;margin-left:-9px;font-size:0/0 a;background-color:#dc2828;}
.shortcuts .description	{margin-bottom:15px;font-size:10px;line-height:15px;color:#939393;text-align:center;word-wrap:break-word;word-break:keep-all;}
.shortcuts .description span, .shortcuts .title span	{display:block;}
:lang(ja) .shortcuts .description span	{display:inline;}
.shortcuts dl	{height:150px;margin:0 auto;padding:18px 20px 0 15px;color:#fff;box-sizing:border-box;}
:lang(ja).shortcuts dl	{padding: 7px 20px 0 15px;}
.shortcuts dl.intro	{background:#dc2828 url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/m_bg_main_shotcuts_1.jpg') no-repeat right 0;background-size:290px 150px;}
.shortcuts dl.stock	{background:#272f35;}
.shortcuts dl.game	{background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/m_bg_main_shotcuts_3.png') no-repeat 50% 0;background-size:1000px 150px;}
:lang(en) .shortcuts dl.game	{background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_en/m_bg_main_shotcuts_3.png') no-repeat 50% 0;background-size:1000px 150px;}
:lang(ja) .shortcuts dl.game	{background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ja/m_bg_main_shotcuts_3.png') no-repeat 50% 0;background-size:1000px 150px;}
:lang(zh-hant) .shortcuts dl.game	{background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_zhhant/m_bg_main_shotcuts_3.png') no-repeat 50% 0;background-size:1000px 150px;}
.shortcuts dl.recruit	{background:#ffc000 url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/m_bg_main_shotcuts_4.png') no-repeat right 0;background-size:290px 150px;}
.shortcuts dt	{margin-bottom:4px;padding-left:5px;font-size:15px;line-height:25px;}
.shortcuts dd.note{margin-bottom:14px;padding-left:5px;font-size:10px;line-height:15px;}
.shortcuts dd a	{min-width:45px;height:29px;display:inline-block;position:relative;padding:0 28px 0 20px;font-size:11px;line-height:29px;color:#fff;text-align:left;text-decoration:none;border:1px solid #fff;border-radius:30px;background-color:transparent;}
:lang(ko) .shortcuts dd a	{height:26px;padding-top:3px;line-height:26px;}
.shortcuts dl.intro dd a:hover, .shortcuts dl.intro dd a:focus, .shortcuts dl.intro dd a:active	{color:#dc2828;background-color:#fff;}
.shortcuts dl.game dd a:hover, .shortcuts dl.game dd a:focus, .shortcuts dl.game dd a:active	{color:#353535;background-color:#fff;}
.shortcuts dl.recruit dd a:hover, .shortcuts dl.recruit dd a:focus, .shortcuts dl.recruit dd a:active	{color:#ffc000;background-color:#fff;}
.shortcuts dd a:after	{width:9px;height:7px;content:'';display:block;position:absolute;top:11px;right:13px;font-size:0/0 a;background-position:0 -50px;}
.shortcuts dl.intro dd a:hover:after, .shortcuts dl.intro dd a:focus:after, .shortcuts dl.intro dd a:active:after	{background-position:-10px -50px;}
.shortcuts dl.game dd a:hover:after, .shortcuts dl.game dd a:focus:after, .shortcuts dl.game dd a:active:after	{background-position:-20px -50px;}
.shortcuts dl.recruit dd a:hover:after, .shortcuts dl.recruit dd a:focus:after, .shortcuts dl.recruit dd a:active:after	{background-position:-30px -50px;}
.shortcuts dl.stock dl	{background:none;}
.shortcuts dl.stock dt	{margin-bottom:0;}
.shortcuts dl.stock > dt	{margin-bottom:5px;}
.shortcuts dl.stock dd:after	{content:'';display:block;clear:both;overflow:hidden;}
.shortcuts dl.stock dd.current	{float:left;}
.shortcuts dl.stock dd.current .today	{display:block;margin-left:4px;font-size:22px;line-height:47px;text-align:center;}
.shortcuts dl.stock dd.current .before	{height:24px;display:inline-block;margin-left:4px;padding:0 14px 0 12px;font-size:10px;line-height:24px;color:#a6b0b8;border:1px solid #535c63;border-radius:30px;}
.shortcuts dl.stock dd.current .before span	{position:relative;display:inline-block;margin-left:4px;padding:1px 0 0 13px;font-size:13px;line-height:23px;vertical-align:top;}
.shortcuts dl.stock dd.current .before span:after	{width:10px;height:8px;content:'';display:block;position:absolute;top:8px;left:0;font-size:0/0 a;}
.shortcuts dl.stock dd.current .before .down	{color:#3d8aeb;}
.shortcuts dl.stock dd.current .before .up	{color:#ea3926;}
.shortcuts dl.stock dd.current .before .down:after	{background-position:0 -60px;}
.shortcuts dl.stock dd.current .before .up:after	{background-position:-20px -60px;}
.shortcuts dl.stock dd.info	{width:50%;float:right;}
.shortcuts dl.stock dd.info dl	{width:100%;height:auto;float:none;overflow:hidden;padding:0;border-top:1px solid #4d5155;}
.shortcuts dl.stock dd.info dt	{height:24px;float:left;padding-left:9px;font-size:10px;line-height:24px;color:#a6afb7;border-bottom:1px solid #4d5155;}
.shortcuts dl.stock dd.info dd	{height:24px;padding-right:13px;font-size:10px;line-height:24px;color:#fff;text-align:right;border-bottom:1px solid #4d5155;}
.shortcuts dl.stock dd.info dd:nth-child(4)	{color:#eb3826;}
.shortcuts dl.stock dd.info dd:nth-child(6)	{color:#418bef;}
.shortcuts dl.press	{height:130px;padding:20px 15px 0;background-color:#222a35;}
.shortcuts dl.press dt	{padding:0 0 2px 5px;font-size:13px;line-height:18px;}
.shortcuts dl.press dt a	{height:36px;display:block;text-decoration:none;color:#fff;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.shortcuts dl.press dd.date	{padding:0 0 16px 5px;}
.shortcuts dl.press dd a:hover, .shortcuts dl.press dd a:focus, .shortcuts dl.press dd a:active	{color:#353535;background-color:#fff;}
.shortcuts dl.press dd a:hover:after, .shortcuts dl.press dd a:focus:after, .shortcuts dl.press dd a:active:after	{background-position:-20px -50px;}

/* globalization */
.globalization	{height:390px;position:relative;background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/m_bg_globalization.jpg') no-repeat 50% 0;background-size:1000px 390px;}
.globalization:after	{width:222px;height:242px;content:'';display:block;position:absolute;bottom:0;left:50%;margin-left:-115px;z-index:10;background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/m_bg_globalization_2_v2.png') no-repeat 0 0;background-size:222px 242px;}
.globalization .title	{position:relative;margin-bottom:10px;padding:29px 0 6px;font-size:18px;line-height:37px;color:#fff;text-align:center;}
.globalization .title:after	{width:18px;height:1px;content:'';position:absolute;bottom:0;left:50%;margin-left:-9px;font-size:0/0 a;background-color:#dc2828;}
.globalization .description	{width:270px;margin:0 auto;font-size:10px;line-height:15px;color:#b2b2bc;text-align:center;word-wrap:break-word;word-break:keep-all;}
.globalization .description strong	{color:#dc2828;}
:lang(en) .globalization .description	{width:290px;}

/* com2uson */
.com2uson	{padding-top: 33px;padding-bottom: 15px;text-align: center;}
.com2uson .title	{width: 120px;height: 19px;background: url('https://hive-fn.qpyou.cn/markup/img/gcw/g_ko/logo_com2uson_red.png')no-repeat 0 0;background-size:100% auto;margin: 0 auto 12px;position: relative;padding-bottom: 12px;}
.com2uson .title:after	{width: 18px;height: 1px;content: '';position: absolute;bottom: 0;left: 50%;margin-left: -9px;background-color: #dc2828;}
.com2uson .description	{margin-bottom:20px;font-size:10px;line-height:15px;color:#939393;text-align:center;}
.com2uson .link_com2uson	{min-width:64px;height:38px;display:inline-block;padding:0 32px;font-size:12px;line-height:36px;color:#2d2d32;text-decoration:none;border:1px solid #2d2d32;border-radius:30px;background-color:transparent;background-position:right -240px;text-align: center;margin-bottom: 15px;box-sizing:border-box;}
.com2uson .link_com2uson:hover,.com2uson .link_com2uson:focus, .com2uson .link_com2uson:active	{color:#fff;background-color:#2d2d32;}
.com2uson .wrap-roll	{width:100%;max-width:100%;height:270px;margin:50px 0 0;padding:0;}
.com2uson .wrap-roll .swiper-wrapper	{transition-timing-function:linear;}
.com2uson .wrap-roll .swiper-slide	{display:inline-block;position:relative;width:220px;height:220px;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;color:#fff;text-align:right;vertical-align:middle;box-sizing:border-box;margin-right: 40px !important;}
.com2uson .wrap-roll	{height:203px;}
.com2uson .wrap-roll .banner_1	{width:176px;height:118px;margin-top: 66px;}
.com2uson .wrap-roll .banner_2	{width:211px;height:118px;}
.com2uson .wrap-roll .banner_3	{width:198px;height:133px;margin-top: 58px;}
.com2uson .wrap-roll .banner_4	{width:135px;height:135px;}
.com2uson .wrap-roll .banner_5	{width:125px;height:158px;margin-top: 45px;}
.com2uson .wrap-roll .banner_6	{width:211px;height:118px;}
.com2uson .wrap-roll .swiper-slide .category	{padding:0 24px 24px;}
.com2uson .swiper	{position:relative;width:calc(100% + 25px);max-width:100%;margin:0 auto;}
.com2uson .swiper .swiper-scrollbar	{display:none;}
.com2uson .swiper .item-product	{margin-left:0;}

/* news */
.news	{margin-bottom:35px;}
.news .title	{position:relative;margin-bottom:13px;padding:25px 0 6px;font-size:18px;line-height:33px;color:#2d2d32;text-align:center;}
.news .title:after	{width:18px;height:1px;content:'';position:absolute;bottom:0;left:50%;margin-left:-9px;font-size:0/0 a;background-color:#dc2828;}
.news .description	{margin:0 auto 21px;font-size:10px;line-height:15px;color:#b2b2bc;text-align:center;}
.news .description span	{display:block;}
.news a	{text-decoration:none;}
.news .list	{margin:0 15px 25px;border:1px solid #dedede;}
.news .list li	{height:128px;position:relative;padding:0 15px 0 13px;border-top:1px solid #dedede;}
.news .list li:first-child	{border-top:0;}
.news .list li h3	{height:56px;padding-left:30px;font-size:11px;line-height:38px;color:#4b4b4b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .list li h3 a	{color:#4b4b4b;}
.news .list li p	{height:34px;margin-bottom:4px;font-size:10px;line-height:17px;color:#7d7d7d;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.news .list li p a	{color:#7d7d7d;}
.news .list li .more	{display:block;font-size:12px;line-height:22px;color:#c3c3c3;}
.news .list li .more:hover, .news .list li .more:focus, .news .list li .more:active	{color:#dc2828;}
.news .list li .day	{width:35px;height:46px;position:absolute;top:0;left:0;font-style:italic;font-size:15px;line-height:46px;color:#575757;text-align:center;background-color:#f2f2f2;}
.news .list li .date	{position:absolute;top:28px;left:44px;font-style:italic;font-size:11px;line-height:20px;color:#b8b8b8;}
.news .view_detail	{text-align:center;}
.news .view_detail a	{height:37px;display:inline-block;padding:0 33px;font-size:12px;line-height:37px;color:#2d2d32;border:1px solid #2d2d32;border-radius:30px;}
:lang(ko) .news .view_detail a	{height:36px;padding-top:1px;line-height:36px;}
.news .view_detail a:hover, .news .view_detail a:focus, .news .view_detail a:active	{color:#fff;background-color:#2d2d32;}

.map		{height:235px;}
.map iframe	{width:100%;height:100%;border:0;}

.small_banner	{display:none;}

/* font family */
.shortcuts .title, .shortcuts dt, .globalization .title, .news .title, .news .list li .more, .news .list li .day, .news .view_detail a
{font-family:'Noto Ko Medium';}
:lang(en) .shortcuts .title, :lang(en) .shortcuts .title span, :lang(en) .shortcuts dt, :lang(en) .globalization .title, :lang(en) .news .title, :lang(en) .news .list li .more, :lang(en) .news .list li .day, :lang(en) .news .view_detail a
{font-family:'Noto En Bold';}
:lang(ja) .shortcuts .title, :lang(ja) .shortcuts dt, :lang(ja) .globalization .title, :lang(ja) .news .title, :lang(ja) .news .list li .more, :lang(ja) .news .list li .day, :lang(ja) .news .view_detail a
{font-family:'Noto Ja Medium';}
:lang(zh-hans) .shortcuts .title, :lang(zh-hans) .shortcuts dt, :lang(zh-hans) .globalization .title, :lang(zh-hans) .news .title, :lang(zh-hans) .news .list li .more, :lang(zh-hans) .news .list li .day, :lang(zh-hans) .news .view_detail a
{font-family:'Noto Hans Medium';}
:lang(zh-hant) .shortcuts .title, :lang(zh-hant) .shortcuts dt, :lang(zh-hant) .globalization .title, :lang(zh-hant) .news .title, :lang(zh-hant) .news .list li .more, :lang(zh-hant) .news .list li .day, :lang(zh-hant) .news .view_detail a
{font-family:'Noto Hant Medium';}
:lang(en) .globalization .description strong	{font-family:'Noto En Regular';}
*:lang(ja)	{word-wrap:normal !important;word-break:normal !important;}
*:lang(zh-hans)	{word-wrap:normal !important;word-break:normal !important;}
*:lang(zh-hant)	{word-wrap:normal !important;word-break:normal !important;}