@charset "utf-8"; /* GCP WD_WP Team. Author : Choi Hyunsun 2016-10-10. Edit : Kim Sunhye 2024-01-10 */ /* base */ html {-webkit-text-size-adjust:none;} body {margin:0;padding:0;font-weight:normal;font-size:14px;line-height:171.4%;font-family:'Noto Ko Regular';color:#666;background-color:#fff;} h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, th, td, caption {margin:0;padding:0;} h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:14px;line-height:24px;font-family:'Noto Ko Medium';} th, strong, em {font-weight:normal;font-family:'Noto Ko Medium';} ul, ol {list-style:none;} img {vertical-align:top;border:0;} table {width:100%;font-weight:normal;font-size:14px;line-height:24px;font-family:'Noto Ko Regular';color:#666;border:0;border-collapse:collapse;border-spacing:0;} table caption {display:none;} fieldset {border:0;} legend {width:0;height:0;position:absolute;top:0;left:0;overflow:hidden;visibility:hidden;padding:0;margin:0;font-size:0;line-height:0;} select, input, textarea, button {margin:0;padding:0;font-weight:normal;font-size:14px;line-height:24px;font-family:'Noto Ko Regular';color:#666;-webkit-appearance:none;border-radius:0;box-shadow:none;vertical-align:top;} textarea {resize:none;} button {cursor:pointer;vertical-align:top;} button::-moz-focus-inner {border:0;padding:0;} input::-moz-focus-inner {border:0;padding:0;} a, a:hover, a:focus, a:active {color:#666;} /* skip to content */ #GCWskip a{width:184px;height:94px;display:block;position:absolute;left:0;top:-999px;font-size:20px;line-height:94px;text-align:center;border:3px solid #666;background-color:#fff;} #GCWskip a:active, #GCWskip a:focus {top:0;z-index:110;} /* ir */ .GCWhead .logo_gv a, .banner .btn_prev, .banner .btn_next, .banner .paging > span, .banner .paging > button, .go_top a, #GCWfoot .GCWfoot .social dd a, .top_location li.home a, .shortcuts dl.stock dd.current .before span em, #GCWfoot .GCWfoot .social dd .qrcode button,.com2uson .title {overflow:hidden;font:0/0 a;color:transparent;white-space:nowrap;vertical-align:top;} /* clear */ .GCWhead:after, #GCWnav .nav:after, #GCWfoot .quicklinks:after, #GCWfoot .quicklinks ul:after, #GCWfoot .GCWfoot .social dd:after {content:'';display:block;clear:both;overflow:hidden;} /* text decoration */ #GCWhead a, #GCWfoot a {text-decoration:none;} /* background image */ .GCWhead .logo_c2s, #GCWfoot .copyright p {background-image:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/logo_c2s_v2.png');background-repeat:no-repeat;background-size:180px 72px;} #GCWnav .nav > li > a, #GCWnav .nav .depth2 li > a, .go_top a, #GCWfoot .quicklinks li, #GCWfoot .GCWfoot .info .line, #GCWfoot .GCWfoot .social dd a, #GCWfoot .GCWfoot .site .selected a, #GCWfoot .GCWfoot .site .list li:first-child a, .top_location li.home, .top_location li:after {background-image:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/common_v5.png');background-repeat:no-repeat;background-size:100px 600px;} /* br */ .m_br {display:none;} /* header */ #GCWhead {width:100%;min-width:980px;height:76px;position:fixed;top:24px;left:0;z-index:100;background-color:rgba(255,255,255,0.96);} #GCWhead.on {top:0;box-shadow:2px 2px 3px rgba(0,0,0,0.09);} .GCWhead {width:980px;height:100%;position:relative;margin:0 auto;} .GCWhead .logo_c2s {width:180px;height:29px;float:left;margin:24px 0 0 30px;background-position:0 0;} .GCWhead .logo_c2s a {width:100%;height:100%;display:block;font:0/0 a;color:transparent;} .GCWhead > button {display:none;} #GCWnav {float:right;margin:24px 30px 0 0;} :lang(ko) #GCWnav {margin:24px 210px 0 0;} #GCWnav .nav > li {height:51px;position:relative;float:left;padding:0 40px;font-size:16px;line-height:26px;text-align:center;} #GCWnav .nav > li.arrow > a {background: url(https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/common_v4.png) no-repeat right 0 !important;background-size: 100px 600px;padding-right: 26px !important;} #GCWnav .nav > li > a:active,#GCWnav .nav > li > a:hover, #GCWnav .nav > li.on > a, #GCWnav .nav > li.current > a {background-position: right -26px !important;} #GCWnav .nav > li.go_blog > a:active, #GCWnav .nav > li.go_blog > a:hover, #GCWnav .nav > li.go_withhive > a:active, #GCWnav .nav > li.go_withhive > a:hover {background-position: 0 0 !important;} :lang(ko) #GCWnav .nav > li, :lang(en) #GCWnav .nav > li {padding:0 20px;} #GCWnav .nav > li > a {display:inline-block;padding-right:26px;color:#404040;background-position:right 0;vertical-align:top;} #GCWnav .nav > li:nth-child(2) > a {padding-right:0;background:none;} :lang(en) #GCWnav .nav > li:nth-child(4) > a {padding-right:0;background:none;} :lang(ko) #GCWnav .nav > li:nth-child(3) > a {padding-right:0;background:none;} :lang(ko) #GCWnav .nav > li:nth-child(4) > a {padding-right:0;background:none;} :lang(zh-hans) #GCWnav .nav > li:nth-child(3) > a {padding-right:0;background:none;} #GCWnav .nav > li > a:hover, #GCWnav .nav > li > a:focus, #GCWnav .nav > li > a:active, #GCWnav .nav > li.on > a, #GCWnav .nav > li.current > a {color:#dc2828;background-position:right -26px;} #GCWnav .nav .depth2 {min-width:160px;position:absolute;top:100%;left:10px;text-align:left;border-top:1px solid #dc2828;background-color:#fff;box-shadow:inset 0 1px 2px #eee, 2px 2px 3px rgba(0,0,0,0.09);} #GCWnav .nav .depth2 li {min-height:40px;font-size:14px;line-height:40px;} #GCWnav .nav .depth2 li a {display:block;margin:0 10px;padding-left:20px;color:#6c6c6c;border-top:1px solid #efefef;background-position:0 -92px;} #GCWnav .nav .depth2 li > a:hover, #GCWnav .nav .depth2 li > a:focus, #GCWnav .nav .depth2 li > a:active, #GCWnav .nav .depth2 li.on > a {color:#dc2828;} #GCWnav .nav .depth3{min-width:160px;text-align:left;background-color:#f2f2f2;} #GCWnav .nav .depth3 li a {padding-left:30px;border-top:1px solid #e9e9e9;background-position:0 -132px;} #GCWnav .nav .depth3 li a:hover, #GCWnav .nav .depth3 li a:focus, #GCWnav .nav .depth3 li a:active, #GCWnav .nav .depth3 li.on a {color:#424242;} #GCWnav .nav li ul {display:none;} #GCWnav .nav li.on > .depth2 {display:block;} #GCWnav .nav li.go_withhive {width:79px;height:27px;position:absolute;top:22px;left:991px;float:none;padding:0;} :lang(ko) #GCWnav .nav li.go_withhive {left:769px;} #GCWnav .nav li.go_withhive a {width:100%;height:100%;display:block;padding:0;font-size:1px;line-height:1px;text-indent:-999px;overflow:hidden;background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/logo_withhive_v2.png') no-repeat 0 0;background-size:79px 27px;} #GCWnav .nav li.go_blog {width:180px;height:17px;position:absolute;top:27px;left:877px;float:none;padding:0;} #GCWnav .nav li.go_blog a {width:100%;height:100%;display:block;padding:0;font-size:1px;line-height:1px;text-indent:-999px;overflow:hidden;background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/logo_blog_v2.png') no-repeat 0 0;background-size:180px 17px;} /* go to top */ .go_top {width:50px;height:50px;position:fixed;bottom:30px;left:50%;margin-left:490px;} .go_top a {width:100%;height:100%;display:block;background-position:-50px -172px;} .go_top a:hover, .go_top a:focus, .go_top a:active {background-position:0 -172px;} /* footer */ #GCWfoot {width:100%;min-width:980px;min-height:296px;border-top:4px solid #dc2828;background-color:#2d2d32;} #GCWfoot .mark_list button {width: 100%;height: 100%;display: block;font-family:inherit;font-size:inherit;vertical-align:top;background:none;cursor:pointer;border: none;} #GCWfoot .mark_isms {width: 72px;height: 69px;background: url("https://hive-fn.qpyou.cn/markup/img/gcw/g_ko/mark_isms.png")no-repeat 0 0;background-size:100% 100%;position: absolute;top: 30px;right: 198px;} #GCWfoot .mark_iso {width: 74px;height: 74px;background: url("https://hive-fn.qpyou.cn/markup/img/gcw/g_ko/mark_iso.png")no-repeat 0 0;background-size:100% 100%;position: absolute;top: 30px;right: 89px;} #GCWfoot .mark_gsok {width: 74px;height: 74px;background: url("https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/mark_gsok.png")no-repeat 0 0;background-size:100% 100%;position: absolute;top: 30px;right: 98px;} :lang(ko)#GCWfoot .mark_isms {top:116px;right:207px;} :lang(ko)#GCWfoot .mark_iso {top:114px;right:119px;} :lang(ko)#GCWfoot .mark_gsok {top:114px;right:30px;} #GCWfoot .quicklinks {width:100%;min-width:980px;border-bottom:1px solid #323238;} #GCWfoot .quicklinks ul {width:920px;min-height:22px;margin:0 auto;padding:15px 30px;} #GCWfoot .quicklinks ul li {position:relative;float:left;padding-right:30px;font-size:12px;line-height:20px;margin-top: 2px;background-position:right -222px;} #GCWfoot .quicklinks ul li:last-child {padding-right:0;background:none;} :lang(ko) #GCWfoot .quicklinks ul li:nth-child(3) {font-size:13px;} #GCWfoot .quicklinks ul li a {color:#d2d2d2;} #GCWfoot .quicklinks ul li:nth-child(3) a,#GCWfoot .quicklinks ul li.personal_info a {font-family:'Noto En Medium';} :lang(ko)#GCWfoot .quicklinks ul li:nth-child(3) a,:lang(ko)#GCWfoot .quicklinks ul li.personal_info a {font-family:'Noto Ko Medium';} :lang(ja)#GCWfoot .quicklinks ul li:nth-child(3) a,:lang(ja)#GCWfoot .quicklinks ul li.personal_info a {font-family:'Noto Ja Medium';} :lang(zh-hans)#GCWfoot .quicklinks ul li:nth-child(3) a,:lang(zh-hans)#GCWfoot .quicklinks ul li.personal_info a {font-family:'Noto Hans Medium';} :lang(zh-hant)#GCWfoot .quicklinks ul li:nth-child(3) a,:lang(zh-hant)#GCWfoot .quicklinks ul li.personal_info a {font-family:'Noto Hant Medium';} #GCWfoot .quicklinks ul li.personal_info a {color:#dc2828;font-size: 13px;} :lang(ko) #GCWfoot .quicklinks ul li:nth-child(3) a {position:relative;top:1px;} #GCWfoot .GCWfoot {width:336px;position:relative;padding:20px 614px 126px 30px;margin:0 auto;} :lang(ko) #GCWfoot .GCWfoot {width:274px;padding:20px 340px 82px 366px;} :lang(zh-hans)#GCWfoot .GCWfoot {width:336px;position:relative;padding:20px 614px 121px 30px;margin:0 auto;} :lang(zh-hant)#GCWfoot .GCWfoot {width:336px;position:relative;padding:20px 614px 121px 30px;margin:0 auto;} #GCWfoot .GCWfoot .info {width:280px;position:absolute;top:20px;left:30px;} #GCWfoot .GCWfoot .info a {color:#8c8c8c;cursor:text;} #GCWfoot .GCWfoot .info .line {width:15px;height:24px;display:inline-block;font-size:1px;line-height:24px;color:#2d2d32;vertical-align:top;background-position:0 -412px;} #GCWfoot .GCWfoot .address {margin-bottom:17px;} #GCWfoot .GCWfoot .site {width:180px;position:absolute;top:20px;right:434px;} :lang(ko) #GCWfoot .GCWfoot .site {right:98px;} #GCWfoot .GCWfoot dt {margin-bottom:3px;font-size:14px;line-height:24px;color:#dc2828;} #GCWfoot .GCWfoot dd {font-size:13px;line-height:24px;color:#8c8c8c;} #GCWfoot .GCWfoot .address dd {line-height:20px;} #GCWfoot .GCWfoot .address dd span {display:block;} #GCWfoot .GCWfoot .social dt {margin-bottom:5px;} :lang(zh-hans) #GCWfoot .GCWfoot .social dt {margin-bottom:10px;} #GCWfoot .GCWfoot .social dd a {height:18px;display:block;float:left;margin-right:18px;} #GCWfoot .GCWfoot .social dd a.facebook {width:18px;background-position:0 -244px;} #GCWfoot .GCWfoot .social dd a.twitter {width:18px;background-position:0 -265px;} #GCWfoot .GCWfoot .social dd a.cafe {width:18px;background-position:0 -284px;} #GCWfoot .GCWfoot .social dd a.blog {width:20px;background-position:0 -304px;} #GCWfoot .GCWfoot .social dd a.blog2 {width:18px;background-position:0 -520px;} #GCWfoot .GCWfoot .social dd a.forum {width:18px;background-position:0 -540px;} #GCWfoot .GCWfoot .social dd a.utube {width:23px;background-position:0 -324px;} #GCWfoot .GCWfoot .social dd a.weibo{width:18px;background-position:0 -460px;} #GCWfoot .GCWfoot .social dd a.youku {width:40px;background-position:0 -480px;} #GCWfoot .GCWfoot .social dd a.wechat {width:22px;background-position:0 -500px;} #GCWfoot .GCWfoot .social dd a.withhive {width:24px;height:23px;margin-top:-2px;background-position:0 -560px;} #GCWfoot .GCWfoot .social dd a.facebook:hover, #GCWfoot .GCWfoot .social dd a.facebook:focus {background-position:-30px -244px;} #GCWfoot .GCWfoot .social dd a.twitter:hover, #GCWfoot .GCWfoot .social dd a.twitter:focus {background-position:-30px -265px;} #GCWfoot .GCWfoot .social dd a.cafe:hover, #GCWfoot .GCWfoot .social dd a.cafe:focus {background-position:-30px -284px;} #GCWfoot .GCWfoot .social dd a.blog:hover, #GCWfoot .GCWfoot .social dd a.blog:focus {background-position:-30px -304px;} #GCWfoot .GCWfoot .social dd a.blog2:hover, #GCWfoot .GCWfoot .social dd a.blog2:focus {background-position:-30px -520px;} #GCWfoot .GCWfoot .social dd a.forum:hover, #GCWfoot .GCWfoot .social dd a.forum:focus {background-position:-30px -540px;} #GCWfoot .GCWfoot .social dd a.utube:hover, #GCWfoot .GCWfoot .social dd a.utube:focus {background-position:-30px -324px;} #GCWfoot .GCWfoot .social dd a.weibo:hover, #GCWfoot .GCWfoot .social dd a.weibo:focus {background-position:-30px -460px;} #GCWfoot .GCWfoot .social dd a.youku:hover, #GCWfoot .GCWfoot .social dd a.youku:focus {background-position:-50px -480px;} #GCWfoot .GCWfoot .social dd a.wechat:hover, #GCWfoot .GCWfoot .social dd a.wechat:focus {background-position:-30px -500px;} #GCWfoot .GCWfoot .social dd a.withhive:hover, #GCWfoot .GCWfoot .social dd a.withhive:focus {background-position:-30px -560px;} #GCWfoot .GCWfoot .social dd .qrcode {width:129px;height:127px;position:absolute;top:35px;left:196px;background:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_zhhans/qrcode_v1.png') no-repeat 0 0;} #GCWfoot .GCWfoot .social dd .qrcode button {width:34px;height:34px;position:absolute;top:0;right:0;border:0;background:none;cursor:pointer;} #GCWfoot .GCWfoot .site dt {margin-bottom:10px;} #GCWfoot .GCWfoot .site dd {position:relative;line-height:34px;color:#d2d2d2;} #GCWfoot .GCWfoot .site dd a {height:100%;display:block;padding-left:15px;color:#d2d2d2;} #GCWfoot .GCWfoot .site .selected {height:34px;border:1px solid #404047;border-radius:2px;} #GCWfoot .GCWfoot .site .selected a {background-position:right -344px;} #GCWfoot .GCWfoot .site .list {width:178px;position:absolute;top:0;left:0;display:none;border:1px solid #404047;border-radius:2px;background-color:#2d2d32;z-index: 10;} #GCWfoot .GCWfoot .site .list.on {display:block;} #GCWfoot .GCWfoot .site .list li {height:34px;border-top:1px solid #404047;} #GCWfoot .GCWfoot .site .list li:first-child {border:0;} #GCWfoot .GCWfoot .site .list li:first-child a {background-position:right -378px;} #GCWfoot .copyright {height:68px;background-color:#27272b;} #GCWfoot .copyright p {width:773px;margin:0 auto;padding-left:207px;font-size:12px;line-height:68px;color:#888;background-position:30px -29px;} /* location */ .top_location {min-width:980px;height:56px;overflow:hidden;border-top:1px solid #e8e8e8;border-bottom:3px solid #dc2828;background-color:#fff;} .top_location ul {width:920px;margin:0 auto;padding-top:18px;overflow:hidden;} .top_location li {height:19px;display:block;position:relative;float:left;padding-left:45px;font-size:15px;line-height:19px;} .top_location li.home {width:16px;height:17px;margin-top:2px;padding-left:0;background-position:0 -441px;} .top_location li a {text-decoration:none;} .top_location li.home a {width:100%;height:100%;display:block;text-decoration:none;} .top_location li:after {width:5px;height:8px;content:'';display:block;position:absolute;top:6px;left:20px;background-position:-30px -441px;} .top_location li.home:after {display:none;} /* GDPR */ .pop_agreement {width:100%;position:fixed;bottom:0;left:0;z-index:10;font-size:16px;line-height:24px;color:#999;background-color:rgba(0,0,0,0.9);} .pop_agreement p {padding:14px 186px 24px 30px;} .pop_agreement p span {display:block;padding-top:8px;} .pop_agreement p a {color:#fff;font-style:italic;} .pop_agreement button {min-width:124px;height:41px;position:absolute;top:50%;right:30px;margin:-21px 0 0;padding:0 40px 0 20px;font-size:13px;line-height:39px;color:#fff;border-radius:50px;border:1px solid #fff;border-radius:30px;background-color:transparent;background-image:url('https://hive-fn.qpyou.cn/markup/img/gcw/c_ko/main_v2.png');background-repeat:no-repeat;background-position:right -240px;background-size:100px 600px;} .pop_agreement button:hover, .pop_agreement button:focus, .pop_agreement button:active {color:#000;background-color:#fff;background-position:right -504px;} /* font family */ #GCWnav .nav > li > a, :lang(ko) #GCWfoot .quicklinks ul li:nth-child(3), #GCWfoot .GCWfoot dt {font-family:'Noto Ko Medium';} :lang(en) #GCWnav .nav > li > a, :lang(en) #GCWfoot .GCWfoot dt {font-family:'Noto En Bold';} :lang(ja) #GCWnav .nav > li > a, :lang(ja) #GCWfoot .GCWfoot dt {font-family:'Noto Ja Medium';} :lang(zh-hans) #GCWnav .nav > li > a, :lang(zh-hans) #GCWfoot .GCWfoot dt {font-family:'Noto Hans Medium';} :lang(zh-hant) #GCWnav .nav > li > a, :lang(zh-hant) #GCWfoot .GCWfoot dt {font-family:'Noto Hant Medium';} *:lang(en) {font-family:'Noto En Regular';} h1:lang(en), h2:lang(en), h3:lang(en), h4:lang(en), h5:lang(en), h6:lang(en), th:lang(en), strong:lang(en), em:lang(en), #GCWnav .nav > li > a:lang(en), #GCWfoot .GCWfoot dt:lang(en) {font-family:'Noto En Bold';} *:lang(ja) {font-family:'Noto Ja Regular';} h1:lang(ja), h2:lang(ja), h3:lang(ja), h4:lang(ja), h5:lang(ja), h6:lang(ja), th:lang(ja), strong:lang(ja), em:lang(ja), #GCWnav .nav > li > a:lang(ja), #GCWfoot .GCWfoot dt:lang(ja) {font-family:'Noto Ja Medium';} *:lang(zh-hans) {font-family:'Noto Hans Regular';} h1:lang(zh-hans), h2:lang(zh-hans), h3:lang(zh-hans), h4:lang(zh-hans), h5:lang(zh-hans), h6:lang(zh-hans), th:lang(zh-hans), strong:lang(zh-hans), em:lang(zh-hans), #GCWnav .nav > li > a:lang(zh-hans), #GCWfoot .GCWfoot dt:lang(zh-hans) {font-family:'Noto Hans Medium';} *:lang(zh-hant) {font-family:'Noto Hant Regular';} h1:lang(zh-hant), h2:lang(zh-hant), h3:lang(zh-hant), h4:lang(zh-hant), h5:lang(zh-hant), h6:lang(zh-hant), th:lang(zh-hant), strong:lang(zh-hant), em:lang(zh-hant), #GCWnav .nav > li > a:lang(zh-hant), #GCWfoot .GCWfoot dt:lang(zh-hant) {font-family:'Noto Hant Medium';}