@charset "utf-8";

/**
 * reset
 */
a {color:inherit;}
h1, h2, h3, h4, h5, h6 {line-height:1.2;}
button[type=button], input[type=text], input[type=radio], input[type=checkbox], select, textarea {background-color:transparent; font-family:inherit; font-size:inherit; line-height:inherit; color:inherit;}


/**
 * helper class
 */
.text-c {text-align:center !important;}
.pl-12 {padding-left:12px;}
/* 규정 및 약관 제목 마우스 모양 */
.area_tab_tit {cursor:pointer;}

/**
 * layout
 */
#wrap {min-width:1280px; height:100%; margin:0 auto;}


/**
 * header
 */
.header {position:relative; z-index:10000; top:0; left:0; width:100%; min-width:1280px; height:70px; border-bottom:1px solid #ccc; background-color:#fff;}
.header .header_inner {max-width:1920px; margin:0 auto;}
.header .header_inner:after {display:block; clear:both; height:0; content:'';}
/* logo, util */
.header .logo {float:left; padding-top:22px; margin-left:30px;}
.header .util {float:right;}
/* gnb */
.header .gnb {position:absolute; left:50%; width:1280px; margin-left:-522px;}
.header .gnb > li {float:left; width:150px;}
.header .gnb > li > a {display:block; position:relative; height:100px; text-align:center; font-weight:500; font-size:18px; line-height:3.7em; color:#000;}
/* [D] gnb에 마우스오버시 .active 추가 / 현재 페이지일때 .on 추가 (글자색, 밑줄 추가) */
.header .gnb > li.on > a,
.header .gnb > li.active > a {color:#01b4e5;}
.header .gnb > li.on > a:after,
.header .gnb > li.active > a:after {}

/* lnb */
/* 100% 배경 */
.header .wrap_lnb {display:none; position:absolute; top:70px; left:0x; width:100%; height:243px; border-bottom:1px solid #ccc; background-color:#fff;}
.header .lnb {position:absolute; left:50%; width:1200px; margin-left:-522px;}
.header .lnb:after {display:block; clear:both; height:0; content:'';}
/* lnb에 마우스오버시 header의 border로 인한 active 아이콘 깜박임 해결 (lnb를 1px 올림) */
.header .lnb > li {float:left; position:relative; top:-1px; width:150px; padding-top:32px; }
.header .wrap_lnb_each {height:180px; border-right:1px solid #ccc;}

.header .lnb > li:last-child .wrap_lnb_each {border-right:0;}
/* lnb 아이콘 */
/* 공통 */
.header .icon_lnb {display:block; height:24px; margin:13px auto 5px; background-repeat:no-repeat; background-position:0 0;}
.header .icon_lnb_company {width:24px; background-image:url(../images/common/icon_lnb_company_off.gif);}
.header .icon_lnb_product {width:24px; background-image:url(../images/common/icon_lnb_product_off.gif);}
.header .icon_lnb_invest {width:29px; background-image:url(../images/common/icon_lnb_invest_off.gif);}
.header .icon_lnb_pr {width:26px; background-image:url(../images/common/icon_lnb_pr_off.gif);}
.header .icon_lnb_recruit {width:29px; background-image:url(../images/common/icon_lnb_recruit_off.gif);}
/* [D] gnb나 lnb에 마우스오버시 .active 추가 / 현재 페이지일때 .on추가 (lnb 아이콘 활성화) */
.header .icon_lnb_company.active,
.header .icon_lnb_company.on {background-image:url(../images/common/icon_lnb_company_on.gif);}
.header .icon_lnb_product.active,
.header .icon_lnb_product.on {background-image:url(../images/common/icon_lnb_product_on.gif);}
.header .icon_lnb_invest.active,
.header .icon_lnb_invest.on {background-image:url(../images/common/icon_lnb_invest_on.gif);}
.header .icon_lnb_pr.active,
.header .icon_lnb_pr.on {background-image:url(../images/common/icon_lnb_pr_on.gif);}
.header .icon_lnb_recruit.active,
.header .icon_lnb_recruit.on {background-image:url(../images/common/icon_lnb_recruit_on.gif);}
/* lnb 각 메뉴 */
.header .lnb_each > li > a {display:block; height:29px; text-align:center; font-weight:400; font-size:13px; line-height:1.2em; color:#929292;}
.header .lnb_each > li > a:hover,
.header .lnb_each > li.on > a {font-weight:400; color:#01b4e5;}
/* [P] lnb font-weight 테스트 (corp_ceo ul에 test 클래스 추가) / 작성자:박현아 */
.header .test > li > a:hover {font-weight:400; color:#01b4e5;}
.header .test2 > li > a:hover {font-weight:400; color:#49a2cc;}
.header .test3 > li > a:hover {font-weight:400; color:#4195d1;}
.header .test5 > li > a:hover {font-weight:400; color:#003060;}
.header .test4 > li > a:hover {font-weight:400; color:#1058bd;}

.img_respon {
    position: relative;
}
.img_bigView {
    display: none;
}
@media (max-width: 768px) {
 a[target="_blank"].img_bigView   {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(0,0,0,0.5);
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
}
}