@charset "utf-8";

/* ==========================
Filename: main.css
Description: main style
============================ */


/**
layout
**/

body.main{height:100%;}
body.main #wrap{position:relative; overflow:inherit; width:100%;}
body.main #wrap div.wrap-inner{width:100%; height:100%; margin:0;}
body.main #contents{width:100%; height:100%; margin:0; padding:80px 0 0 0;}

body.main .indicator{position:fixed; top:400px; right:20px; width:32px; padding:10px 0 ; border-radius:33px; behavior: url(/static/front/css/PIE.htc); z-index:99999;
background:rgb(0,0,0);
background: transparent\9;
background:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
}
body.main .indicator a{overflow:hidden; display:block; width:12px; height:12px; margin:10px auto 0 auto; text-indent:-9999px; background:url(/static/front/img/main/btn_indicator.png) no-repeat -16px -2px;}
body.main .indicator a.current{width:16px; height:16px; background:url(/static/front/img/main/btn_indicator.png) no-repeat 0 0;}
body.main .indicator a:first-child{margin-top:0;}

.scene{width:100%;}
.scene .inner-wrap{width:1410px; margin:0 auto; padding-top:180px; padding-bottom:140px;}
.scene .inner-wrap .inner{margin:0 30px;}
.scene h3{margin:0 0 20px 0; font-size:4.000em;/* 64px */ text-align:center; color:#222;}
.scene p.info-txt{margin:0 0 95px 0; font-size:1.250em; /* 20px */text-align:center; line-height:1.3}

.scene div.links{overflow:hidden;}
.scene div.links a{display:block; float:left;}
.scene div.links a div.img{margin:0 0 40px 0;}
.scene div.links a dl{text-align:center}
.scene div.links a dl dt{margin:0 0 30px 0; font-size:1.500em; font-weight:600; color:#333;}
.scene div.links a dl dd{line-height:1.3;}

/**
contents
**/

/* Visual - section */

.main-visual{/* height:840px; */ padding:0;}
.m-visual{width:100%; height:100%;}
.m-visual li{width:100%; height:840px;}
.m-visual li .inner{width:1410px; height:100px;  margin:0 auto;}
.m-visual li img{display:none;}

.bx-controls{position:relative; width:1350px; margin:0 auto; }
.bx-controls a{display:block; text-indent:-9999px; font-size:0;}
.bx-controls .bx-pager{position:absolute; top:-10px; left:0; width:100%; z-index:999;}
.bx-controls .bx-pager .bx-pager-item{float:left;/*  width:24.88888888888889%; */ /* margin:0 0 0 0.1481481481481481%; */}
.bx-controls .bx-pager .bx-pager-item:first-child{margin-left:0 !important;}
.bx-controls .bx-pager .bx-pager-item a{width:100%; height:10px; background:#fff;}
.bx-controls .bx-pager .bx-pager-item a.active{background:#0072bc;}

.bx-controls .bx-controls-direction{position:absolute; top:-110px; left:50%; margin:0 0 0 -70px; z-index:999;}
.bx-controls .bx-controls-direction a{float:left; width:40px; height:40px; margin:0 0 0 10px; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
.bx-controls .bx-controls-direction a.bx-prev{margin-left:0; background-position:0 -620px;}
.bx-controls .bx-controls-direction a.bx-prev:hover{ background-position:0 -660px;}
.bx-controls .bx-controls-direction a.bx-next{background-position:-40px -620px;}
.bx-controls .bx-controls-direction a.bx-next:hover{background-position:-40px -660px;}

.bx-controls .bx-controls-auto{position:absolute; top:-110px; left:50%; margin:0 0 0 30px; z-index:9997;}
.bx-controls .bx-controls-auto .bx-controls-auto-item{position:absolute; top:0; left:0; width:40px; height:40px;}
.bx-controls .bx-controls-auto a{display:block; width:40px; height:40px; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
.bx-controls .bx-controls-auto a.bx-stop{background-position:-80px -620px;}
.bx-controls .bx-controls-auto a.bx-stop:hover{background-position:-80px -660px;}
.bx-controls .bx-controls-auto a.bx-start{display:none; background-position:-120px -620px;}
.bx-controls .bx-controls-auto a.bx-start:hover{background-position:-120px -660px;}

/* Sae-A’s business */
.main-biz{background:#f2f3f5;}
.main-biz .inner-wrap{background:#f2f3f5;}
.main-biz div.links a{width:27.7037037037037%; /* 374/1350 */margin:0 2.592592592592593%;/* 35/1350 */ text-align:center;}
.main-biz div.links a img{width:53.47593582887701%}


/* Global Office */
.main-global{height:789px; padding-top:132px; padding-bottom:66px; background:#0072bb;}

/* SAE-A in Society */
.main-society{background:url(/static/front/img/main/society_bg.gif) repeat;}
.main-society .inner-wrap{background:url(/static/front/img/main/society_bg.gif) repeat;}
.main-society div.links a{width:21.48148148148148%; margin:0 5.407407407407407%;}
.main-society div.links a div.img{width:72.41379310344828%; margin:0 auto 40px auto !important;}
.main-society div.links a dl dt{font-weight:normal;}

/* Latest News */
.main-news{background:#f2f3f5;}
.main-news .inner-wrap{background:#f2f3f5;}
.main-news .inner{position:relative; }
.main-news .bbs-latest{overflow:hidden;}
.main-news .bbs-latest div.bbs{position:relative; float:left; width:24.77777777777778%;  min-height:430px; margin:0 0 0 0.2962962962962963%; padding:0 0 50px 0; background:#fff;}
.main-news .bbs-latest div.bbs:first-child{margin-left:0;}
.main-news .bbs-latest div.bbs h4{min-height:20px; padding:18px 0 18px 20px; color:#0072bc;}
.main-news .bbs-latest div.bbs dl{margin:0 20px}
.main-news .bbs-latest div.bbs dt{padding:22px 0 30px 0; font-size:1.250em; line-height:1.4; color:#333; background:url(/static/front/img/main/dash.gif) no-repeat;}
.main-news .bbs-latest div.bbs dd.summary{line-height:1.5;}
.main-news .bbs-latest div.bbs dd.date{position:absolute; bottom:20px; left:20px; /* padding:50px 0 0 0; */ font-size:0.875em; color:#7f7f7f;}

.main-news .bbs-latest div.bbs.thumb dl dt{background:none;}
.main-news .bbs-latest div.bbs.thumb dd.summary{display:none;}

.main-news .bbs-latest div.bbs.thumb a img{ width:100%; height:220px; object-fit:cover; object-position:center; }

.main-news a.latest-more{position:absolute; top:100px; right:0; padding:0 0 0 23px; color:#333; background:url(/static/front/img/main/bul_more.gif) no-repeat 0 3px; }

/* 메인 하단의 퀵 링크 */
.main-link .inner-wrap{padding:40px 0 45px 0;}
.main-link div.links a{overflow:hidden; width:29.62962962962963%; margin:0 0 0 3.703703703703704%;}
.main-link div.links a:first-child{margin-left:0;}
.main-link div.links a div.ico{float:left; width:84px; height:84px; margin:0 20px 0 0; background:url(/static/front/img/common/ico/ico.png) no-repeat;}
.main-link div.links a div.ico.vision{background-position:0 -440px;}
.main-link div.links a div.ico.group{background-position:-84px -440px;}
.main-link div.links a div.ico.career{background-position:0 -524px;}
.main-link div.links a div.ico.ethic{background-position:-84px -524px;}
.main-link div.links a dl{float:left; width:65.33333333333333%; text-align:left;}
.main-link div.links a dl dt{margin:0 0 14px 0; font-size:1.250em; font-weight:bold; color:#222; }
.main-link div.links a dl dd{font-size:0.875em;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/**
SAE-A Korean-ver
**/

.kor .scene h3{margin:0 0 45px 0; font-weight:600;}
.kor .scene p.info-txt{margin-bottom:80px; line-height:1.7}

.kor .main-biz div.links a{width:14.81481481481481%; /* 200/1350 */margin:0 5%;/* 35/1350 */}
.kor .main-biz div.links a img{width:100%;}

.kor .main-society div.links a{width:20%; margin:0 2.5%}

.kor .main-link div.links a{width:22.22222222222222%;}
.kor .scene div.links a dl dd {line-height:1.7;}

.kor .main-society div.links a dl dt,
.kor .main-link div.links a dl dt{font-weight:600;}