@charset "utf-8";

/* GCP WD Team. Author : Kwon Sungsoo 2020-09-18. Edit : Hyunjin Kim 2022-06-22 */
html	{-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
body		{line-height:1;background:transparent;}
*	{margin:0;padding:0;list-style:none;font-family:helvetica,sans-serif;border:0;box-sizing:border-box;outline:0;}
*:lang(ja){font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;}
*:lang(zh-hans){font-family:'Times New Roman';}
*:lang(zh-hant){font-family:'微軟正黑體', 'Microsoft JhengHei';}
*:lang(vi){font-family:'Times New Roman',Palatino,Bodoni,Optima,Century,Garamond,sans-serif;}
*:lang(ar) {direction:rtl;}
img {width:100%;border:0;vertical-align:top;}
button {background:none;outline:none;cursor:pointer;}

/* PROMOTION */
#HIVE_PRO {position:relative;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);padding-left:constant(safe-area-inset-left);padding-left:env(safe-area-inset-left);padding-right:constant(safe-area-inset-right);padding-right:env(safe-area-inset-right);}
#HIVE_PRO.side_form .heading	{margin-left:54px;padding-right:54px;}
#HIVE_PRO.side_form .container	{padding-left:54px;}
#HIVE_PRO .btn_back	{display:none;position:fixed;top:10px;left:10px;left:calc(constant(safe-area-inset-left) + 10px);left:calc(env(safe-area-inset-left) + 10px);background:url(../img/btn_back.png) no-repeat 0 0;background-size:100% 100%;width:34px;height:34px;font-size:0;}
#HIVE_PRO.side_form .btn_back	{display:block;}
#HIVE_PRO .heading {position:relative;padding:10px 16px;border-bottom:2px solid #edeef6;text-align:center;}
#HIVE_PRO .heading .title {font-weight:bold;font-size:14px;color:#2d3137;line-height:20px;}
#HIVE_PRO.webview .heading {display:none;}
#HIVE_PRO .container {padding:0 16px;}
#HIVE_PRO .slide_banner	{padding-top:10px;margin-bottom:10px;position:relative;}
#HIVE_PRO.webview .slide_banner	{padding-top:16px;}
#HIVE_PRO .slide_banner .slick-list	{overflow:hidden;}
#HIVE_PRO .slide_banner .slick-list,
#HIVE_PRO .slide_banner .slick-track,
#HIVE_PRO .slide_banner .slick-slide	{height:100%;}
#HIVE_PRO .slide_banner .slick-slide	{float:left;}
#HIVE_PRO .slide_banner .slick-slide img	{width:100%;height:auto;max-height:100%;border-radius:6px;}
#HIVE_PRO .slide_banner .slick-dots	{margin-top:8px;font-size:0;text-align:center;}
#HIVE_PRO .slide_banner .slick-dots li	{display:inline-block;margin:0 2px;vertical-align:middle;}
#HIVE_PRO .slide_banner .slick-dots button	{position:relative;border-radius:2px;background:#e9eaf5;font-size:0;width:20px;height:3px;}
#HIVE_PRO .slide_banner .slick-dots li.slick-active button:after	{position:absolute;left:0;top:0;bottom:0;content:'';border-radius:2px;background:#a2a8c7;width:0;-webkit-animation:pagingAnimate 3.8s 1 forwards;animation:pagingAnimate 3.8s 1 forwards;}
#HIVE_PRO .board {position:relative;margin-top:4px;}
#HIVE_PRO .board .row {border-bottom:1px solid #edeef6;}
#HIVE_PRO .board .row a {position:relative;display:block;width:100%;height:100%;padding:10px 0;text-decoration:none;color:initial;}
#HIVE_PRO .board .row.fixed a {padding:10px 0 10px 19px;}
#HIVE_PRO:lang(ar) .board .row.fixed a {padding:10px 19px 10px 0;}
#HIVE_PRO .board .row.fixed a:before {content:'';position:absolute;top:14px;left:0;width:11px;height:11px;background-repeat:no-repeat;background-size:100% auto;background-image:url('../img/ico_pin.png');background-position:50% 50%;vertical-align:top;}
#HIVE_PRO:lang(ar) .board .row.fixed a:before {left:auto;right:0;}
#HIVE_PRO .board .row .subtitle {display:block;font-size:13px;color:#2d3137;line-height:20px;}
#HIVE_PRO .board .row .subtitle .new {display:inline-block;margin:0 4px;font-style:normal;font-weight:500;color:#d01111;}
#HIVE_PRO .board .row .date {font-size:12px;color:#627793;line-height:16px;}
/* Detail */
#HIVE_PRO .article dt {margin-bottom:20px;padding:16px 0;border-bottom:1px solid #edeef6;}
#HIVE_PRO .article dt .subtitle {display:block;margin-bottom:4px;font-size:15px;color:#2d3137;line-height:24px;}
#HIVE_PRO .article dt .date {font-size:13px;color:#627793;line-height:20px;}
#HIVE_PRO .article .desc {font-size:13px;color:#627793;line-height:22px;word-break:break-all;}
#HIVE_PRO .article .desc a {color:#1475db;}
#HIVE_PRO .article .desc img {max-width:100%;}
/* GCfooter */
#GCfooter {position:relative;padding:10px 16px;overflow:hidden;}
#GCfooter .btn_more {position:absolute;top:50%;left:50%;width:70px;height:36px;margin:-18px 0 0 -35px;border:1px solid #edeef6;border-radius:18px;}
#GCfooter .btn_more:before,
#GCfooter .btn_more span,
#GCfooter .btn_more:after {content:'';position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background-color:#636a8c;border-radius:50%;}
#GCfooter .btn_more:before {margin-left:-13px;}
#GCfooter .btn_more:after {margin-left:7px;}
#GCfooter .go_top {float:right;width:36px;height:36px;background-repeat:no-repeat;background-size:100% auto;background-image:url('../img/go_top.png');background-position:50% 50%;z-index:10;}
#GCfooter:lang(ar) .go_top {float:left;}
/***** tablet *****/
.tablet #HIVE_PRO.side_form .heading	{margin-left:90px;padding-right:90px;}
.tablet #HIVE_PRO.side_form .container	{padding-left:90px;}
.tablet #HIVE_PRO.side_form .btn_back	{top:18px;left:18px;left:calc(constant(safe-area-inset-left) + 18px);left:calc(env(safe-area-inset-left) + 18px);width:54px;height:54px;}
.tablet #HIVE_PRO .heading {padding:16px 24px;}
.tablet #HIVE_PRO .heading .title {font-size:22px;line-height:30px;}
.tablet #HIVE_PRO .container {padding:0 24px;}
.tablet #HIVE_PRO .slide_banner	{padding-top:20px;margin-bottom:15px;}
.tablet #HIVE_PRO.webview .slide_banner	{padding-top:24px;}
.tablet #HIVE_PRO .slide_banner .slick-dots	{margin-top:12px;}
.tablet #HIVE_PRO .slide_banner .slick-dots li	{margin:0 3px;}
.tablet #HIVE_PRO .slide_banner .slick-dots img	{border-radius:10px;}
.tablet #HIVE_PRO .slide_banner .slick-dots button	{width:30px;height:4px;}
.tablet #HIVE_PRO .board {margin-top:0;}
.tablet #HIVE_PRO .board .row a {padding:20px 0;}
.tablet #HIVE_PRO .board .row.fixed a {padding:20px 0 20px 28px;}
.tablet #HIVE_PRO:lang(ar) .board .row.fixed a {padding:20px 28px 20px 0;}
.tablet #HIVE_PRO .board .row.fixed a:before {top:26px;width:18px;height:18px;}
.tablet #HIVE_PRO .board .row .subtitle {font-size:20px;line-height:30px;}
.tablet #HIVE_PRO .board .row .subtitle .new {margin:0 8px;}
.tablet #HIVE_PRO .board .row .date {font-size:18px;line-height:24px;}
/* Detail */
.tablet #HIVE_PRO .article dt {margin-bottom:30px;padding:20px 0;}
.tablet #HIVE_PRO .article dt .subtitle {margin-bottom:6px;font-size:22px;line-height:34px;}
.tablet #HIVE_PRO .article dt .date {font-size:20px;line-height:30px;}
.tablet #HIVE_PRO .article .desc {font-size:20px;line-height:32px;}
/* GCfooter */
.tablet #GCfooter {padding:30px 24px;}
.tablet #GCfooter .btn_more {width:106px;height:54px;margin:-27px 0 0 -53px;border-radius:27px;}
.tablet #GCfooter .btn_more:before,
.tablet #GCfooter .btn_more span,
.tablet #GCfooter .btn_more:after {width:10px;height:10px;margin:-5px 0 0 -5px;}
.tablet #GCfooter .btn_more:before {margin-left:-21px;}
.tablet #GCfooter .btn_more:after {margin-left:11px;}
.tablet #GCfooter .go_top {width:54px;height:54px;}

/*************************************** landscape ***************************************/

@media (orientation:landscape)	{
    #HIVE_PRO .heading {padding:10px 20px;}
    #HIVE_PRO .container,
    #HIVE_PRO.webview.detail .container {padding:0 20px;}
    #HIVE_PRO.webview .container {padding:0 14px;}
    #HIVE_PRO .board {margin-top:0;}
    #HIVE_PRO.webview .board {margin-top:10px;}
    #HIVE_PRO .board .row a {display:table;padding:10px 0 12px;}
    #HIVE_PRO .board .row.fixed a {padding:10px 0 12px 19px;}
    #HIVE_PRO:lang(ar) .board .row.fixed a {padding:10px 19px 12px 0;}
    #HIVE_PRO .board .row .subtitle {display:table-cell;}
    #HIVE_PRO .board .row .date {display:table-cell;width:70px;text-align:right;}
    #HIVE_PRO:lang(ar) .board .row .date {text-align:left;}
    /* Detail */
    #HIVE_PRO .article dt {display:table;width:100%;}
    #HIVE_PRO .article dt .subtitle {display:table-cell;margin-bottom:0;}
    #HIVE_PRO .article dt .date {display:table-cell;width:80px;text-align:right;}
    #HIVE_PRO:lang(ar) .article dt .date {text-align:left;}
    /* GCfooter */
    #GCfooter {padding:20px;}
    /***** tablet *****/
    .tablet #HIVE_PRO .slide_banner	{padding-top:16px;}
    .tablet #HIVE_PRO.webview .board {margin-top:16px;}
    .tablet #HIVE_PRO .board .row a {padding:16px 0 18px;}
    .tablet #HIVE_PRO .board .row.fixed a {padding:16px 0 18px 28px;}
    .tablet #HIVE_PRO:lang(ar) .board .row.fixed a {padding:16px 28px 18px 0;}
    .tablet #HIVE_PRO .board .row.fixed a:before {top:22px;}
    .tablet #HIVE_PRO .board .row .date {width:110px;}
    /* Detail */
    .tablet #HIVE_PRO .article dt .date {width:120px;}
    /* GCfooter */
    .tablet #GCfooter {padding:30px 24px;}
}

@-webkit-keyframes pagingAnimate {
    100%	{width:100%;}
}
@keyframes pagingAnimate {
    100%	{width:100%;}
}