@charset "utf-8";
/* reset */
* {-webkit-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
body {min-width:320px;}
body,th,td,input,select,textarea,button {font-size:16px;line-height:1.5;font-family:'Pretendard', 'Malgun Gothic', '맑은 고딕', sans-serif; color:#333} /* color값은 디자인가이드에 맞게사용 */
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
.full-width-section {overflow-x: hidden;}
img {border: 0;}
img, img.scale-with-grid {max-width: 100%;height: auto;}
ul {list-style: square;}
ol, ul {margin-bottom: 20px;margin-left: 30px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*h3 {font: 20px Open Sans, Arial, Helvetica, sans-serif;color: #a0a0a0;}*/



/*신규추가*/
.wrapall {padding: 0; background: #fff; min-width: 1200px;}
.wrapall, .boxed-layout {background-color: #fff;}
.wrapall, p img, select {margin: 0;}
.sticky-wrapper {width: 100%;height: 90px;}

.list_gnb li.dropdown {display:inline-block;}
.list_gnb .dropdown-content {display: none;position: absolute;background-color: #252e30;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.list_gnb .dropdown-content a {font-size:15px;color: #fff;padding: 3px 16px;height:40px;text-decoration: none;display: block;text-align: left;line-height:220%;}
.list_gnb .dropdown-content a:hover {background-color: #f6a169;color:#fff;}
.list_gnb .dropdown:hover .dropdown-content {display: block;}


/*page-wrap*/
#page-wrap {position: relative; clear: both;}
#page-wrap, body.reply-edit .reply {float: none;}
/*.bg-fallback {position: absolute;z-index: 0;top: 0;left: 0;height: 100%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}*/
.bg-overlay {width: 100%;height: 100%;opacity: 0.72;position: absolute !important; top: 0;left: 0;padding-bottom: 0 !important; z-index: 3;}

::selection {background: #ff8c00;}
::selection {background: #333;color: #fff;}

/*Header*/
#header {position: relative; width: 100%; -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s;}
#header.header-v1 {height: 90px; background: #fff;}
#header.header-transparent {position: absolute;}
#header.header-transparent.header-v1 {background: top center !important;box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2) !important;}
#header.header-transparent.header-v1 #navigation > ul > li > a {color: rgba(255, 255, 255, 0.8);-webkit-transition: color 0.3s;-moz-transition: color 0.3s;-ms-transition: color 0.3s;-o-transition: color 0.3s;transition: color 0.3s;}


.header-v1 .logo {float: left;margin-top: 20px;margin-bottom: 0;}
.header-v1 #navigation {float: none !important;}
.header-v1 #navigation {float: right;}
.header-v1 #navigation>ul {float: none !important;text-align: center;margin: 0 !important;}
.header-v1 #navigation>ul {float: right;margin: 0 5px 0 0;}
.header-v1 #navigation>ul>li {float: none !important;display: inline-block;height: 90px;padding-top: 20px;}
.header-v1 #navigation>ul>li>a {padding: 0 25px !important;line-height: 50px;}
.header-v1 #navigation>ul>li>a {padding-left: 15px;padding-right: 15px;}
.header-v1 #navigation .sub-menu {top: 90px;}
.header-v3 .navigation-wrap,.header-v4 .navigation-wrap {background: #fff;border-top: 1px solid #efefef}
.header-v3 .logo {float: left;margin-top: 30px;margin-bottom: 30px}
.header-v3 #navigation>ul {margin: 0 5px 0 0}
.header-v3 #navigation>ul>li>a {padding: 20px 30px 20px 0}
.header-v3 .navigation-wrap {position: relative}
.header-v3 #navigation {float: left}

.header-v3 #shopping-btn {float: right;margin: 21px 0 0;padding-right: 3px;line-height: 1}
.header-v3 #search-btn {float: right;margin: 11px 0 0 20px}
.header-v4 .logo {float: none;text-align: center;margin-top: 30px;margin-bottom: 30px}
.header-v4 #navigation {float: none;display: inline;text-align: center}
.header-v4 #navigation>ul {margin: 0}
.header-v4 #navigation>ul>li {float: none;display: inline-block;text-align: center}
.header-v4 #navigation>ul>li>a {padding: 20px 15px}

.header-transparent .logo_retina, .header-transparent .logo_standard, .logo_retina, .logo_retina_transparent, .logo_transparent {display: none;}
.header-transparent .logo_transparent {display: inherit;}
.header.header-transparent.header-v1 #navigation>ul>li>a {color: rgba(255, 255, 255, .8);-webkit-transition: color .3s;-moz-transition: color .3s;-ms-transition: color .3s;-o-transition: color .3s;transition: color .3s;}
.header-is-transparent .sticky-wrapper {position: absolute;}

#header.header-transparent, #search-top, .header-is-transparent #mobile-header {
    position: absolute;
}
#mobile-header {
    background: #ffffff;
    height: 90px;
}
#mobile-header {
    display: none;
    position: relative;
    height: 90px;
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
#header, #mobile-header {
    background-color: #fff;
    z-index: 8000;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .16);
}
#mobile-header .logo {
    margin-top: 34px;
}
#mobile-header .logo {
    margin-top: 33px;
    margin-bottom: 0;
    float: left;
}
#mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn {
    color: #bbbbbb;
    line-height: 90px;
}
#mobile-navigation-btn {
    float: right;
    font-size: 21px;
    line-height: 90px;
    margin-top: 0;
    color: #ccc;
}
a i.fa {
    font-weight: 400 !important;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}
.container:after {
    content: "\0020";
    display: block;
    clear: both;
}
.clear, .container:after {
    height: 0;
    visibility: hidden;
}

.header-is-transparent #mobile-navigation {
    top: 90px;
}

#mobile-navigation {
    background: #262626;
}
#mobile-navigation {
    background: #666;
    padding: 0;
    position: relative;
    margin: 0;
    z-index: 1001;
    display: none;
}
#mobile-navigation ul li a {
    font: 13px Open Sans, Arial, Helvetica, sans-serif;
    color: #bbbbbb;
    border-bottom-color: #333333 !important;
}
#mobile-navigation ul li a {
    border-bottom: 1px solid rgba(255, 255, 255, .1) !important;
    color: #bbb;
    display: block;
    position: relative;
    padding: 12px 0 !important;
}
#mobile-navigation ul li i {
    display: block;
    padding: 10px 6px 10px 40px;
    float: right;
    margin: -7px 0 0;
    font-size: 14px;
}
#mobile-navigation .container ul {
    list-style: none;
    margin: 16px 0 30px;
}

#mobile-navigation .container ul li ul {
    margin: 0 0 0 30px;
    display: none;
}


.stuck {background: #fff;}
.stuck, .sticky-wrapper .header-v1-only.header-transparent {margin: 0 auto; position: fixed !important; top: 0;z-index: 9999 !important; width: 100%; -webkit-transform: translate3d(0, 0, 0);}

.logo {font-size: 24px;line-height: 20px;font-weight: 600; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.logo img {max-width: 232px; height: auto;}
.logo_standard {display: inherit;}


/* Clearfix*/
.clearfix, .row {zoom: 1;}
.clearfix:after, .row:after {clear: both;}
.clearfix:after, .clearfix:before, .row:after, .row:before {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}

/*Container*/
.container {position: relative; width: 1200px;margin: 0 auto;padding: 0;}
.container .sixteen.columns {width: 1200px;}
.container .column, .container .columns {float: left;display: inline; margin-left: 20px; margin-right: 20px;}
.container:after {content: "\0020";display: block;clear: both;}
.clear, .container:after {height: 0;visibility: hidden;}
/*Navigation*/ 
#navigation ul {margin: 0;list-style: none;}

#navigation ul li {margin: 0;padding: 0;display: block;float: left;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#navigation ul li a {padding: 0;margin: 0;display: block;line-height: 1.3;/*color: #555;*/text-align: center;-webkit-transition: color .1s;-moz-transition: color .1s;-ms-transition: color .1s;-o-transition: color .1s;transition: color .1s;}
#navigation ul {margin: 0;list-style: none;}
#navigation ul li ul li.sfHover>a {color: #fff}
#navigation>ul>li.megamenu>ul>li.sfHover>a,#navigation>ul>li.megamenu>ul>li>a:hover {background-color: transparent!important}
#navigation li.current-menu-ancestor>a,#navigation li.current-menu-ancestor>a:hover,#navigation li.current-menu-item>a,#navigation li.current-menu-item>a:hover,#navigation li.current-menu-parent>a,#navigation li.current-menu-parent>a:hover,#navigation li.current-page-ancestor>a,#navigation li.current-page-ancestor>a:hover,#navigation li.current_page_ancestor>a,#navigation li.current_page_ancestor>a:hover,#navigation ul li a:hover,#navigation ul>li:hover>a,#navigation>ul>li.sfHover>a {color: #000}
#navigation .sub-menu {background: #262626;}
#navigation .sub-menu {width: 200px;padding: 0;margin: 0;position: absolute;left: 0;background: #666;border: none;z-index: 200;border-radius: 0 0 2px 2px;display: none;}
#navigation .sub-menu li {float: none;border: none;margin: 0 10px;padding: 0;height: auto;position: relative;}
#navigation .sub-menu li a, #navigation .sub-menu ul li a {border-color: #333;}
#navigation .sub-menu li a {color: #bbb;margin: 0;border: none;border-bottom: 1px solid #757575;}
#navigation .sub-menu>li:last-child>a {border: none!important}
#navigation .sub-menu li:hover {border: none}
#navigation .sub-menu li a:hover,#navigation .sub-menu li.current-menu-ancestor>a,#navigation .sub-menu li.current-menu-ancestor>a:hover,#navigation .sub-menu li.current-menu-item>a,#navigation .sub-menu li.current-menu-item>a:hover,#navigation .sub-menu li.current-menu-parent>a,#navigation .sub-menu li.current-menu-parent>a:hover,#navigation .sub-menu li.current-page-ancestor>a,#navigation .sub-menu li.current-page-ancestor>a:hover,#navigation .sub-menu li.current_page_ancestor>a,#navigation .sub-menu li.current_page_ancestor>a:hover {color: #fff}
#navigation .sub-menu ul {position: absolute;left: 202px;margin: 0 0 0 -10px;top: 0;border-radius: 2px}
#navigation .sub-menu ul li a {color: #bbb;margin: 0;border: none;border-bottom: 1px solid rgba(255,255,255,.1)!important}
#navigation .sub-menu li a, #navigation .sub-menu ul li a {display: block;text-align: left;text-transform: none;padding: 10px 6px;}
#navigation .megamenu .sf-with-ul:after, #navigation>ul>li>a.sf-with-ul:after {display: none !important;}

.sf-arrows .sf-with-ul:after {right: 10px;font-size: 10px;margin-top: -7px;content: '\f054';}

.wpb_wrapper .icn-01 {display: block; width:40px; height:40px;background:url(../images/icn-01.png) center no-repeat; margin:0;}
.wpb_wrapper .icn-02 {display: block; width:40px; height:40px;background:url(../images/icn-02.png) center no-repeat; margin:0;}
.wpb_wrapper .icn-03 {display: block; width:40px; height:40px;background:url(../images/icn-03.png) center no-repeat; margin:0;}
.wpb_wrapper .icn-04 {display: block; width:40px; height:40px;background:url(../images/icn-04.png) center no-repeat; margin:0;}
.wpb_wrapper .icn-05 {display: block; width:40px; height:40px;background:url(../images/icn-05.png) center no-repeat; margin:0;}
.wpb_wrapper h2 {margin-bottom:32px}
.wpb_wrapper h3 {margin:0 auto;}

.display-container {position: relative;}
.opacity-min {opacity: 0.75;}

.bg-fallback {background-attachment: fixed; position: absolute; z-index: 0;top: 0;left: 0;height: 100%;width: 100%;background-position:center;background-repeat: no-repeat;background-size:cover;}

/*.clickable-div {cursor: pointer;}*/
.image-container {position: relative; display: inline-block;}

.image-container img {width: 100%; height: auto;display: block;}
/*
.overlay-button {position: absolute; top: 15.4%; left: 50%; transform: translate(-50%, -50%); padding: 8px 24px; color: white; border: 1px solid #FFF; cursor: pointer;}
.overlay-button:hover {background-color: rgba(0, 0, 0, 0.09);}
*/
/*SNS*/
.sns{position:absolute; right:0; top:35px;}
.sns ul{margin:0; padding:0; text-align:right;}
.sns ul li{margin:0 20px 0 0; padding:0; list-style:none; display:inline-block;opacity:0.9;}
.sns ul li:hover{opacity:0.7;}
.sns ul img {height:24px};

/*Apply*/

/*Footer*/
#footer {padding: 40px 0;background-color: #1A1A1A; color: #999;font-size: 14px;}
.footer_wrap{ overflow:hidden;}
.footer_util{ float:left;}
.footer_util ul {margin: 0 0 20px;padding: 0;overflow: hidden;}
.footer_util ul li{ margin:0; padding:0; list-style:none; float:left; margin-right:15px; padding-right:15px; border-right:1px solid #8f8f8f; line-height:13px;}
.footer_util ul li>a {color:#999}
.footer_util ul li:last-child, .footer_util p span:last-child{ margin:0; padding:0; border:0;}
.footer_util p{ margin-bottom:4px;}
.footer_util p span{ display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #8f8f8f; line-height:13px;}

/*Content*/
#content {padding-top: 60px;padding-bottom: 40px;}
#content.nopadding {padding: 0;margin: 0;}
#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
margin-bottom: 0;}
.full-width-section {overflow-x: hidden;}

.agc_ex_pnavi ul li.agc_active {
    border-bottom-color: #ff8c00;
}
.agc_ex_pnavi ul li {
    margin: 0 20px;
    padding: 0;
    list-style: none;
    display: inline-block;
    border-bottom: 2px solid transparent;
    cursor:pointer;
}

.agc_ex_pnavi ul {
    margin: 0;
    padding: 0 0 50px;
}

[class*=mpc], [class*=mpc]:after, [class*=mpc]:before {-webkit-box-sizing: border-box;box-sizing: border-box;}

/*Page-section*/
.page-section .wpb_row {margin: 0;}
.page-section .wpb_row .wpb_row {margin: 0 -20px !important;padding: 0;}
.page-section .wpb_row .wpb_row.agc_bg_white {margin-left: -5px !important;margin-right: -5px !important;}
.page-section .standard-section .span_12 {max-width: 1200px;margin: 0 auto;}

/*Ceo message*/
.ceomsg {background-image: url(../images/top_ceo.png);}
#agc_relative_box {
    position: relative;
}
#agc_relative_box .col.span_12 {
    height: 650px;
}
.agc_mbox {
    background: url(/images/ceo_msg.png) 100% 100% no-repeat #243A4B;
    background-size: cover;
    position: absolute;
    top: 0;
    padding: 80px 80px !important;
    margin: 0 20px;
    z-index: 5;
}


/*Service Introduce*/
.introduce {background-image: url(../images/bg_top.png);}

/*fontsize*/
.fontsize-xs {font-size: 14px;}
.fontsize-s {font-size: 16px;}
.fontsize-m {font-size: 20px;}
.fontsize-l {font-size: 24px;}
.fontsize-xl {font-size:36px;}
.fontsize-xxxl {font-size: 48px;}
.fontsize-xxxxxl {font-size: 60px;}

/*fontweight*/
.fontweight-300 {font-weight: 300;}
.fontweight-400 {font-weight: 400;}
.fontweight-600 {font-weight: 600;}
.fontweight-700 {font-weight: 700;}

.align-left {text-align: left;}
.align-justify {text-align:justify}
.align-center {text-align: center;}
.transform-inherit {text-transform: inherit;}
.color-light, .color-light p {color: rgba(255, 255, 255, 0.9) !important;}
.lh-12 {line-height: 1.2 !important;}
.lh-14 {line-height: 1.4 !important;}
.lh-16 {line-height: 1.6 !important;}
.headline {line-height: 1.8;margin: 0 0 20px 0;}
.spacer {display: block; width: 100%; margin: 0;}
.col.text-align-center {text-align: center;}
.col.text-align-left {text-align: left;}
.full-width-section .wpb_column {padding: 0 !important;}
.color-light a, .color-light h1 a, .color-light h2 a, .color-light h3 a, .color-light h4 a, .color-light h5 a, .color-light h6 a {    color: #fff;}
.color-light h1, .color-light h2, .color-light h3, .color-light h4, .color-light h5, .color-light h6 {color: #fff;}

.newdivider.align-center {
    margin-left: auto;
    margin-right: auto;
}
.newdivider {
    height: 0;
    max-height: 0;
    border-bottom: 1px solid #3c5763;
    max-width: 100% !important;
    clear: both;
    font-size: 1px;
    line-height: 0;
    display: block;
}

/*single_img*/
.single_image.align-left {text-align: left;}
.single_image.align-center {text-align: center !important;}
.single_image {margin-bottom: 0 !important;}
.single_image img {display: inline-block !important;max-width: 100%;height: auto;}

/*Button*/
.btn-customer {height: 52px;width:200px;border-radius: 24px;font-weight: 600;background-color: #FBA122;color: #fff;}

/*Section*/
.section {overflow: hidden;background-position: 50% 50%;background-repeat: no-repeat;border-left: none !important;border-right: none !important;}
.section:after, .section:before {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.section img {display: inline-block;margin: 0;vertical-align: middle;}
.section.bg-stretch {
    background-repeat: repeat;
    background-size: cover;
}
.vc_row:after, .vc_row:before {
    content: " ";
    display: table;
}
.vc_responsive .wpb_row .vc_col-sm-12 {margin:0 20px;}
.vc_responsive .wpb_row .vc_col-sm-3 {padding:0 20px;}
.agc_mem_padd {
    padding: 290px 50px !important;
}
.agc_bg_white .vc_col-sm-3 {padding: 0 8px !important;}
.agc_bg_white .vc_column-inner {background-color: #fff;padding-bottom: 20px;}
.vc_column_container>.vc_column-inner {box-sizing: border-box;padding-left: 0px;padding-right: 0px;width: 100%;}
.vc_clearfix:after, .vc_column-inner::after, .vc_el-clearfix, .vc_row:after {clear: both;}
.vc_column-inner::after, .vc_column-inner::before {
content: " ";
display: table;
}
.single_image.align-left {
text-align: left;
}
.single_image {
margin-bottom: 0 !important;
}
.section img {
display: inline-block;
margin: 0;
vertical-align: middle;
}
.single_image img {
    display: inline-block !important;
    max-width: 100%;
    height: auto;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform-style: preserve-3d;
}

.section-parallax {opacity: 0;position: static;background-position: center 0;background-attachment: fixed;}

.agc_career p {display: inline-block !important;margin-bottom: 0 !important;}
.agc_ex_textbox {background-color: #244857; max-width: 800px; margin: 0 auto;}
.agc_ex_textbox>.wpb_wrapper {padding: 45px 30px 50px;}
/*.vc_row {margin-left: -15px;margin-right: -15px;}*/
.vc_column_container {padding-left: 0; padding-right: 0;}
#section02 {background-color: #1C2B36;padding-top: 100px;padding-bottom: 80px; background-position: 0 0; opacity: 1;color:#fff}
#section02 .vc_row {max-width:1200px;margin:0 auto}
/*wpb_row*/
.mpc-row {position: relative; display: block;}
.mpc-row p {max-width: 100%;}
.mpc-column {display: block;}
/*.wpb_row {margin-left: -20px;margin-right: -20px;}*/
.wpb_row {position: relative;}
.wpb_row .wpb_row .wpb_content_element {margin-bottom: 40px;}
.wpb_row .span_12 {position: relative;z-index: 10;}
.wpb_row:after, .wpb_row:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
.wpb_column>.wpb_wrapper>*:last-child {margin-bottom: 0;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom: 35px;}
.wpb_column {background-repeat: no-repeat;background-size: 100%;}
.vc_row, .wpb_column, .wpb_row {position: relative;}
#customer {padding-top: 100px; padding-bottom: 80px;}
/*.agc_sub_navi*/
.agc_sub_navi {margin-top: -50px !important;background-color: rgba(0, 0, 0, .4);overflow: visible;position: relative;z-index: 999;}
.agc_sub_navi .wpb_wrapper>ul>li {height: 50px;line-height: 50px;float: left;border-right: 1px solid rgba(255, 255, 255, .5);padding: 0 40px;font-size: 15px;}
.agc_sub_navi ul li {list-style: none;}
.agc_sub_navi ul li.agc_navi_home strong {display: none;}
.agc_sub_navi ul li.agc_navi_home a {font-size:0;display: block;width:50px;height:50px;background: url(../images/Icon_home.png) 50% 50% no-repeat;}
.agc_sub_navi ul li.agc_navi_pop {padding: 0;position: relative;cursor: pointer;}
.agc_sub_navi ul li.agc_navi_pop:after {
    width: 8px;
    height: 7px;
    position: absolute;
    top: 23px;
    right: 25px;
    background: url(../images/arrow.png) 50% 50% no-repeat;
    content: '';
    display: block;
}
.agc_sub_navi ul li.agc_navi_pop>a {display: block;padding: 0 110px 0 40px;}
.agc_sub_navi ul li.agc_navi_pop ul {position: absolute;top: 50px;left: 0;right: 0;background-color: #244857;display: none;}
.agc_sub_navi ul li.agc_navi_pop ul li {border-bottom: 1px solid #34687e;}
.agc_sub_navi ul li.agc_navi_pop ul li a {display: block;line-height: 35px;height: 35px;text-align: left;font-size: 13px;padding-left: 40px;}
.agc_sub_navi ul li.agc_navi_home {padding: 0;border-left: 1px solid rgba(255, 255, 255, .5);}
.agc_sub_navi ul, .agc_sub_navi ul li {padding: 0;margin: 0;color: #fff;}
.agc_sub_navi ul li a {
    color: #fff;
}
.agc_sub_navi ul li a:hover {
    color: #FBA122;
}
.agc_sub_navi ul li.agc_navi_pop:hover:after {
    background-image: url(../images/navi_arw_over.png);
}
.agc_sub_navi ul li.agc_navi_pop:after {
    width: 8px;
    height: 7px;
    position: absolute;
    top: 23px;
    right: 25px;
    background: url(../images/navi_arw.png) 50% 50% no-repeat;
    content: '';
    display: block;
}     
.agc_sub_navi ul li.agc_navi_pop:hover ul {    display: block;}
.vc_col-sm-3 {width:20%;float:left}

/*System*/
.system-title {
    position: relative;
    top: 0;
    padding: 40px 80px !important;
    margin: 0 20px;
    z-index: 5;
}
.system-title.a-class {background: url(/images/bg_system_a.png) 0 0 no-repeat #243A4B;}
.system-title.e-class {background: url(/images/bg_system_e.png) 0 0 no-repeat #243A4B;}
.system-title.s-class {background: url(/images/bg_system_s.png) 0 0 no-repeat #243A4B;}

.header-content {
    position: relative;
    z-index: 2;
    text-align: center;
}
.system-title small {
    font-weight: 400;
    font-size: 16px;
    color: rgsystem-titleba(255,255,255,0.9);
    display: block;
    letter-spacing: 0.5px;
}

.system-title h1 {
    margin: 0;
    font-weight: 900;
    font-size: 48px;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
    letter-spacing: 2px;
}

.system-title p {
    margin: 0 0 30px;
    font-weight: 400;
    font-size: 18px;
    color: rgba(255,255,255,0.95);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}
/*
.overlay-button {position: absolute; top: 15.4%; left: 50%; transform: translate(-50%, -50%); padding: 8px 24px; color: white; border: 1px solid #FFF; cursor: pointer;}
.overlay-button:hover {background-color: rgba(0, 0, 0, 0.09);}
*/


.overlay-button {
    display: inline-block;
    border: 1px solid #fff;
    padding: 12px 30px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    letter-spacing: 1px;
}
.overlay-button:hover {
    background-color: rgba(255,255,255,0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
}
#agc_relative_box .system {
height:auto !important;
}
.conts {
    margin: 0 20px 100px;
    padding: 40px 80px 80px;
    background-color: #243A4B;
}

  .intro-text {
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 40px;
    line-height: 1.8;
    color: #ecf0f1;
    text-align: left;
  }

  .intro-text strong {
    color: #ffffff;
    font-weight: 700;
  }

  .small-highlight {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    color: #bdc3c7;
  }

  .content-table {
    background: rgba(52, 73, 94, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.5);
  }

  .table-row {
    display: flex;
    min-height: 60px;
    border-bottom: 1px solid rgba(255,255,255,0.5);
  }

  .table-row:last-child {
    border-bottom: none;
  }

  .table-header {
    width: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,0.5);
  }

  .table-content {
    flex: 1;
    padding: 25px 30px;
    line-height: 1.6;
  }

  .strategy-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .strategy-item {
    margin-bottom: 30px;
  }

  .strategy-item:last-child {
    margin-bottom: 0;
  }

  .strategy-title {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    margin-bottom: 8px;
    display: block;
  }

  .strategy-details {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .strategy-details li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
  }

  .strategy-details li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #cdcdcd;
    font-size: 16px;
  }

  .target-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .target-list li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 16px;
    color: #fff;
    line-height: 1.6;
  }

  .target-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    color: #cdcdcd;
    font-size: 16px;
  }

  
/*Core value*/
/*.core-value {
    background: url(/images/core_value.png) 0 0 no-repeat;
    position: relative;
    top: 0;
    padding: 40px 80px !important;
    margin: 0 20px;
    z-index: 5;
}*/
.core-value-mo {display:none !important}
.apply-mo {display:none !important}

  @media (max-width: 768px) {
    .system-title {
    padding: 32px 20px !important;
}
    .system-title h1 {
      font-size: 36px;
    }
    
    .table-row {
      flex-direction: column;
    }
    
    .table-header {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid rgba(255,255,255,0.5);
    background: rgba(52, 73, 94, 0.8);
    }
    
    .table-content {
      padding: 20px;
    }
    .content-table {
    background: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.conts {
    margin: 0 20px 100px;
    padding: 40px 20px;
}
.agc_ex_textbox {margin:0 30px 80px;}
/*core value*/
.core-value-mo, .apply-mo {display:inline-block !important;padding:0 30px}
.core-value, .apply {display:none !important}
}



/*Investment Information*/
.con {margin: 0 10%;}
.intro{width: 100%;height: auto;margin: 0;padding: 0;display: flex;}
.mn{width: 15%;height: 30px;line-height: 30px;font-size: 18px;border-right: 1px solid #c3c3c3; float: left; text-align: center;cursor: pointer;padding: 0 10px;}
.mn:hover {color: #871414;}
.theme{width: 100%;height: 48px;line-height: 48px;display: inline-block;text-align: center;font-size: 20px;font-weight: 500;padding: 4px 0;border-top: 2px solid #fff; border-bottom: 1px solid #c3c3c3;}
.tc{width: 33%;height: 40px;line-height: 40px;float: left;font-size: 18px;}
.cont{width: 100%;height: 40px;line-height: 40px;display: inline-block;text-align: center;font-size: 18px; margin: 16px 0; padding-left: 3%;}
.profit{width: 100%;height: 60px;margin-top: 20px;margin-bottom: 80px;}
.cbtn{width: 19%;height: 48px;margin: 0 auto;padding: 8px 0;border-radius: 4px;background-color: #ff8c00; font-size: 20px; text-align: center;cursor: pointer;}
.cbtn:hover {background-color: rgba(255, 140, 0, 0.9);}
.ti{width: 75%;height: 40px;line-height: 40px;border: 1px solid #c3c3c3;border-radius: 5px;font-size: 18px;text-align: center;}