@import url('../../../../css/common.css');
@import url('../../../../css/webfont.css');

body, ul, li, ol, dl, dt, dd, p, div, h1, h2, h3, h4, h5{margin:0px;padding:0;list-style:none}
body{overflow-x:hidden;color:#000}
body .main{overflow-x:hidden;}
::selection{color:#000 !important}
#section{width:100%;height:100%;-webkit-text-size-adjust:none;font-size:15px;font-family:'samsungonelatin400';text-align:left; word-break:keep-all;line-height:24px;letter-spacing:-0.5px}
#section img{width:100%}
#section img.no-margin{margin:0}
#section > div{background-color:#ececec;background-size:100% auto}
#section div > p span{letter-spacing:0}
#section .main a.close{width:45px;height:45px;display:block;position:fixed;top:0;right:0;z-index:1000}
#section > a img{display:block;width:100%}
#section .sub> div{position:relative}
#section .sub a.back{display:block;position:fixed;width:15%;height:auto;left:0;top:0;z-index:10}

/* info_rotate */
.acc_tag{position:absolute;left:-9999px;top:-9999px;visibility:hidden;height:0;width:0;text-indent:-9999px;font-size:0}
.show{display:block}
.hide{display:none}
.ib{display:inline-block}
.m_txt{margin:0 3%;padding:0 6.4%}
h2{color:#d44524;font-size:16px;font-family:'samsungonelatin800';line-height:1;text-align:center;letter-spacing:1px}

/* intro */
.intro{position:relative;padding:75px 0 60%;text-align:center}
.intro h1{color:#d44524;font-size:34px;font-family:'samsungonelatin200';font-weight:normal;line-height:1;letter-spacing:-0.3px}
.intro h1 span{display:block;margin-bottom:10px;color:#000;font-size:14px;font-family:'samsungonelatin800';letter-spacing:0}
.intro h1 b{display:block;font-family:'samsungonelatin800';letter-spacing:0}
.intro .m_txt dt{margin-bottom:12px;font-family:'samsungonelatin600'}
.intro .bg_d div{position:absolute;left:0;bottom:-12%;width:100%}
.intro .bg_d .bg_d01{background:url(../img/bg_d01.png) no-repeat 0 0;background-size:100%;opacity:1}
.intro .bg_d .bg_d02{background:url(../img/bg_d02.png) no-repeat;background-size:100%;z-index:10}

/* section */
.sec-1{margin:0 3%;background:url(../img/bg_line.gif) repeat 0 0;background-size:10px}
.sec-1 ul{padding-top:90px}
.sec-1 ul li{position:relative;padding:0 6.4%}
.sec-1 ul li dl dt{margin-bottom:10px;font-family:'samsungonelatin600';text-align:center}
/*.sec-1 ul li dd{word-break: keep-all;}*/
.sec-1 ul li dl dd.img{opacity:0;transition:all .5s linear}
.sec-1 ul li.txt01 dl dt{margin-bottom:10px;}
.sec-1 ul li.txt01 dl dt + dd{margin-bottom:28px}
.sec-1 ul li dl dd.img01{width:100%;}
.sec-1 ul li dl dd.img01.on{top:82px;opacity:1}
.sec-1 ul li dl dd.img02{transform:translate(-12.8%, 0); width:100%; margin-top:7.8vw;}
.sec-1 ul li dl dd.img02.on{bottom:0;opacity:1}
.sec-1 ul li.txt02 dl dt{margin-top:25px}
.sec-1 ul li dl dd.img03{position:absolute; width:100%; transform:translate(12.8%, 35%);}
.sec-1 ul li dl dd.img03.on{bottom:4.2%;opacity:1}
.sec-1 ul li.txt03{padding-bottom:60%; margin-top:7.8vw;}

.sec-2{margin:0 3%}
.sec-2 .bg{margin-top:10px;background:url(../img/bg_line.gif) repeat 0 0;background-size:10px}
.sec-2 ul li dl{display:table;width:100%}
.sec-2 ul li dl dt{display:table-cell;vertical-align:middle}
.sec-2 ul li dl dd{display:table-cell;text-align:left;vertical-align:middle}
.sec-2 .history{padding-top:22vw}
.sec-2 .history ul{padding:0 20px 40px}
.sec-2 .history ul li{margin-top:25px}
.sec-2 .history ul li dl dt{width:108px}
.sec-2 .history ul li dl dt .num{overflow:hidden;float:left;width:16px;height:35px;margin:0 1px;font-size:0;text-indent:-9999px;background:url(../img/number.png) repeat-y 0 0;background-size:16px}
.sec-2 .awards{padding:40px 0;text-align:center}
.sec-2 .awards ul{display:inline-block;padding-top:5px}
.sec-2 .awards ul li{margin-top:10px}
.sec-2 .awards ul li dl{min-height:48px;text-align:left}
.sec-2 .awards ul li dl dt{width:62px;font-size:22px;font-family:'samsungonelatin200';line-height:42px;vertical-align:top}
.sec-2 .awards ul li dl dt span{display:inline-block;line-height:1;vertical-align:middle}
.sec-2 .awards ul li dl dt span.awards05{letter-spacing:-0.3px}
.sec-2 .awards ul li dl dt span.awards06{letter-spacing:-0.4px}
.sec-2 .awards ul li dl dt span.awards11{letter-spacing:1.06px}
.sec-2 .awards ul li dl dt span.awards12{letter-spacing:0.4px}
.sec-2 .awards ul li dl dt span.awards13{letter-spacing:0.45px}

.sec-3{padding:45px 0 42%;background:url(../img/ceo.png) no-repeat 83% 100%;background-size:47%}
.sec-3 .m_txt{font-size:17px;text-align:left;line-height:26px;background:url(../img/bg_quote01.gif) no-repeat 2% 2px;background-size:11px}
.sec-3 .m_txt dt{margin-bottom:14px}
.sec-3 .m_txt .bg{display:inline-block;padding-right:15px;background:url(../img/bg_quote02.gif) no-repeat 100% 2px;background-size:11px}
.sec-3 .m_txt dd p{margin-top: 13px;font-size: 13px;line-height: 19px;}

.sec-4{padding-top:50px;background:#fff}
.sec-4 h3{margin-top:30px;font-size:17px;font-family:'samsungonelatin700';text-align:center;line-height:1;letter-spacing:-0.3px}
.sec-4 ul + h3{margin-top:20px}
.sec-4 ul{margin:0 3%;padding:0 6.4%}
.sec-4 ul li{padding:30px 0;border-top:1px solid #cfd1d4}
.sec-4 ul li dl{padding-top:54px}
.sec-4 ul li dl dt{margin-bottom:15px;font-size:17px;font-family:'samsungonelatin600';text-align:center;line-height:1}
.sec-4 ul li.team01{border-top:0}
.sec-4 ul li.team01 dl{background:url(../img/bg_team02.gif) no-repeat 50% 0;background-size:60px}
.sec-4 ul li.team02 dl{background:url(../img/bg_team01.gif) no-repeat 50% 0;background-size:60px}
.sec-4 ul li.team03 dl{background:url(../img/bg_team05.png) no-repeat 50% 0;background-size:60px}

.sec-5{padding:55px 0 50px}
.sec-5 .img_area{overflow:hidden;position:relative}
.sec-5 .img_area li{padding-top:20px}
.sec-5 .img_area dl{padding:27px 10% 0}
.sec-5 .img_area dt{margin-bottom:10px;font-size:17px;font-family:'samsungonelatin800';line-height:25px;text-align:center;letter-spacing:1px;text-transform: uppercase;}
.sec-5 .img_area dd{}
.sec-5 .bx-viewport{height:auto !important}
.sec-5 .img_area .bg{background:url(../img/bg_works02.png) no-repeat 50% 0;background-size:100%}
.sec-5 .img_area .bx-pager{position:absolute;top:49.5%;left:0;width:100%;text-align:center;line-height:9px}
.sec-5 .img_area .bx-pager > div{display:inline-block;width:9px;height:9px;margin:0 3px;vertical-align:middle}
.sec-5 .img_area .bx-pager a{display:block;width:9px;height:9px;font-size:0;text-indent:-9999px;border-radius:50%;border:1px solid #d44524}
.sec-5 .img_area .bx-pager a.active{background:#d44524}

.sec-6{background:#17181a; line-height:0;}
.sec-6 dl{padding-top:90px;color:#fff;text-align:center}
.sec-6 dl dt{margin-bottom:10px;color:#d44524;font-size:16px;font-family:'samsungonelatin800';line-height:22px;letter-spacing:0.5px}
.sec-6 dl dd{font-size:13px;line-height:18px}
.sec-6 dl dd.address{margin-bottom:90px;font-family:'samsungonelatin600';letter-spacing:0.5px;text-transform:uppercase;}
.sec-6 dl dd.site{padding-bottom:90px}
.sec-6 dl dd.site a{color:#fff;text-decoration:underline}

.related-stories-wrap .inner-wrap .dline {padding-top:0;}

@media screen and (max-width:320px){

}