/*-----------------------------------------
            common
-------------------------------------------*/

/*-----------------------------------------
            contents
-------------------------------------------*/
.body-game .contents { width:1264px; margin:0 auto; padding:145px 0 50px 0; }
.body-game .page-tit { margin-bottom:72px; }
.body-game .page-tit h2 { padding-bottom:18px; font-size: 48px; font-weight: bold; line-height:1; text-align: center; color: #202020;}
.body-game .page-tit p { font-size: 16px; line-height: 1.5; text-align: center; color: #505050;}
.body-game .info { position:relative; margin-bottom:40px; }
.body-game .item .img { display:block; width:1264px; height:723px; margin-bottom:40px }
.body-game .item .video { position:relative; height:0; display: block;  margin-bottom:40px; padding-bottom:56.25%; }
.body-game .item .video iframe { position:absolute; top:0; left:0; width:100%;  height:100%; }
.body-game .item h3 { position:relative; margin-bottom:24px; font-size: 40px; font-weight: bold; line-height: 0.7; color: #202020; }
.body-game .item h4 { margin-bottom:24px; font-size: 20px; font-weight: bold; line-height: 1.5;  color: #00b4ed; }
.body-game .item .txt1 { margin-bottom:18px; font-size: 20px; font-weight: 600; line-height: 1.5; color: #202020;  }
.body-game .item .txt2 { font-size: 16px; line-height: 1.75; color: #505050; }
.body-game .item .user { padding-bottom:130px; }
.body-game .item .user li { position:relative; padding-left:75px; margin-bottom:20px; }
.body-game .item .user li span { display:inline-block; padding:17px 25px 16px 18px; font-size: 16px; font-weight: bold; line-height: 1.75; color: #505050; border-radius:8px; background:#effafd}
.body-game .item .user li em { font-style: normal; font-weight: 500; color:#999999;}
.body-game .item .user li:before { position:absolute; left:0; top:0; content:''; display:block; width:52px; height:52px; border-radius: 52px; overflow:hidden; }
.body-game .item .user li:after { position:absolute; left:63px; top:26px; content:''; display:block; width: 12px; height:13px; margin-top:-6.5px; background:url('../img/game/ico_arrow.png') right center no-repeat}
.body-game .app-download { position:absolute; right:0; top:-4px;}
.body-game .app-download .btn { float:left; }
.body-game .app-download a { float:left; width:180px; height:56px; margin-left:10px; background-repeat: no-repeat; background-position: center;}
.body-game .app-download a span { display:none; }
.body-game .app-download .googleplay { background-image:url('../img/game/btn_google.png') }
.body-game .app-download .appstore { background-image:url('../img/game/btn_appstore.png') }
.body-game .championstrike .img {  height:720px; margin-bottom:32px; background:url('../img/game/img_champion@2x.png') no-repeat;  background-size:cover; }
.body-game .golffesta .img { background:url('../img/game/gsc.png') no-repeat; background-size: 100% auto; }
.body-game .projectr h3 span,
.body-game .golffesta h3 span { position: absolute; right:0; top:-4px; display:block; width: 180px; height: 56px; text-align:center; font-size: 16px; font-weight: bold; line-height: 56px; color: #00b4ed; border-radius: 4px; background-color: #202020;}
.body-game .projectr { padding-bottom:110px; }
.body-game .projectr .img { background:url('../img/game/unicorn.png') no-repeat; background-size: 100% auto; }
.body-game .championstrike .user1:before { background:url('../img/game/profile01.png') no-repeat }
.body-game .championstrike .user2:before { background:url('../img/game/profile02.png') no-repeat}
.body-game .championstrike .user3:before { background:url('../img/game/profile03.png') no-repeat }
.body-game .championstrike .user4:before { background:url('../img/game/profile04.png') no-repeat }
.body-game .golffesta .user1:before {background:url('../img/game/imoji01.png') no-repeat }
.body-game .golffesta .user2:before {background:url('../img/game/imoji02.png') no-repeat}
.body-game .golffesta .user3:before {background:url('../img/game/imoji03.png') no-repeat}
.body-game .golffesta .user4:before {background:url('../img/game/imoji04.png') no-repeat}

.body-news .contents { width:1264px; margin:0 auto; padding:145px 0 200px 0; }
.body-news .btns .btn { display:inline-block; width: 248px; height: 60px; line-height:60px; margin:0 5px; color:#fff; text-align:center; border:0; font-size: 16px; font-weight: 600;  }
.body-news .btns .btn-type1 { background-color: #202020; }
.body-news .btns .btn-more:before { content:''; display:inline-block; width:14px; height:14px; margin-right:10px; vertical-align: middle; background:url('../img/news/icon_plus.png') no-repeat;}
.body-news .btns .btn-list:before { content:''; display:inline-block; width:16px; height:16px; margin-right:10px; vertical-align: middle; background:url('../img/news/icon_list.png') no-repeat;}
.body-news .page-tit { margin-bottom:72px; }
.body-news .page-tit h2 { padding-bottom:18px; font-size: 48px; font-weight: bold; line-height:1; text-align: center; color: #202020;}
.body-news .page-tit p { font-size: 16px; line-height: 1.5; text-align: center; color: #505050;}
.body-news .section-news-list {  overflow:hidden; }
.body-news .section-news-list ul { margin-left:-32px;  }
.body-news .section-news-list li { float:left; width:400px; height:407px; margin-left:32px; }
.body-news .section-news-list li.null { width:100%; padding:100px 50px; margin:0; text-align:center; font-weight:bold; }
.body-news .section-news-list li a { display: block;}
.body-news .section-news-list li a:hover { text-decoration: none;}
.body-news .section-news-list .thumb { display:block; width:400px; height:231px; margin-bottom:20px; overflow:hidden;  }
.body-news .section-news-list .thumb span { display:block; width:400px; height:231px;  transition: all 0.2s ease-in-out; background-position:center top; background-color:#f1f1f1; background-repeat: no-repeat; background-size:cover; }
.body-news .section-news-list li a:hover .thumb span { transform: scale(1.1); }
.body-news .section-news-list .tit { display:block; max-height:58px; margin-bottom:18px; font-size: 20px; font-weight: 600; line-height: 1.5; word-wrap: break-word; color: #202020; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.body-news .section-news-list .date { display:inline-block; font-size:14px; color: #999; line-height: 2.29;}
.body-news .section-news-list .type { display:inline-block; font-size:14px; color: #999; line-height: 2.29;}
/* .body-news .section-news-list .type:before { content:''; display:inline-block; width: 1px; height: 12px; margin: 2px 9px 2px 9px; vertical-align:middle; background-color: #e4e4e4} */
.body-news .section-news-list .btns { clear:both; width:100%; text-align:center; padding-top:36px; }

.body-news .section-news-view { margin-top:72px; border-top:4px solid #000;}
.body-news .section-news-view .tit { padding:30px 23px 23px 23px; text-align:center; }
.body-news .section-news-view .tit h3 {font-size: 30px; font-weight: 600; margin-bottom:18px; line-height: 1; color: #202020; }
.body-news .section-news-view .tit .date { font-size:16px; line-height: 2; color: #999; }
.body-news .section-news-view .tit .type { font-size:16px; line-height: 2; color: #999; }
/* .body-news .section-news-view .tit .type:before { content:''; display:inline-block; width: 1px; height: 15px; margin:0px 12px; vertical-align: middle; background-color: #e4e4e4;} */
.body-news .section-news-view .desc { overflow:hidden; padding:25px 184px; font-size: 16px; line-height: 1.75; text-align: left; color: #505050; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.body-news .section-news-view .desc img { max-width:100%; }
/* .body-news .section-news-view .desc p { padding:25px 0; } */
.body-news .section-news-view .btns { clear:both; width:100%; text-align:center; padding-top:50px; }

.body-people .contents { padding:145px 0 200px 0; }
.body-people .page-tit {  width:1264px; margin:0 auto 72px auto; }
.body-people .page-tit h2 { padding-bottom:18px; font-size: 48px; font-weight: bold; line-height:1; text-align: center; color: #202020;}
.body-people .page-tit p { font-size: 16px; line-height: 1.5; text-align: center; color: #505050;}
.body-people .section-people { position:relative; }
.body-people .section-people:before { content:''; position:absolute; left:0; top:99px; width:100%; display:block; height: 1px; background-color: #b2e8fa;}
.body-people .section-people  .inner {  width:1264px; margin:0 auto; }
.body-people .swiper-people { clear:both; width:1112px; margin:0 auto; padding:0 20px; margin-top:-5px; }
.body-people .swiper-people .swiper-slide { width:200px; height:200px; padding:5px 0 60px 0; }
.body-people .swiper-people .slide-people-active a { box-shadow: 0 35px 30px 0 rgba(0, 14, 34, 0.12); }
.body-people .swiper-people a { display:block; width:200px; height:200px;  border-radius: 200px; background-size:200px 200px; background-repeat: no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.body-people .swiper-people a:hover { margin-top:-5px; box-shadow: 0 35px 30px 0 rgba(0, 14, 34, 0.12);  }
.body-people .swiper-people span { display:none; }
.body-people .swiper-people .people1 { background-image:url('../img/people/jack_default.png');} 
.body-people .swiper-people .people2 { background-image:url('../img/people/sunny_default.png');} 
.body-people .swiper-people .people3 { background-image:url('../img/people/jin_default.png');} 
.body-people .swiper-people .people4 { background-image:url('../img/people/wing_default.png');} 
.body-people .swiper-people .people5 { background-image:url('../img/people/jiana_default.png');} 
.body-people .swiper-people .slide-people-active .people1 { background-image: url('../img/people/jack_on.png');}
.body-people .swiper-people .slide-people-active .people2 { background-image: url('../img/people/sunny_on.png');}
.body-people .swiper-people .slide-people-active .people3 { background-image: url('../img/people/jin_on.png');}
.body-people .swiper-people .slide-people-active .people4 { background-image: url('../img/people/wing_on.png');}
.body-people .swiper-people .slide-people-active .people5 { background-image: url('../img/people/jiana_on.png');}
.body-people .btns { clear:both; text-align:center; padding:50px 0 0 0;}
.body-people .btns .btn { display:inline-block; width:184px; height: 60px; line-height:60px; margin:0 16px; color:#fff; text-align:center; border:0; font-size: 16px; font-weight: 600; background-color: #202020;   }
.body-people .btns .btn-prev:before { content:''; display:inline-block; width:21px; height:17px; margin-right:10px; vertical-align: middle; background:url('../img/people/icon_prev.png') no-repeat;}
.body-people .btns .btn-next:after { content:''; display:inline-block; width:21px; height:17px; margin-left:10px; vertical-align: middle; background:url('../img/people/icon_next.png') no-repeat;}
.body-people .tab-contents { padding:100px 76px 60px 76px;  border-bottom:1px solid #e4e4e4; background:#fff; }
.body-people .tab-contents .tab { height:0px; opacity: 0; overflow:hidden;}
.body-people .tab-contents .tab.active { height:auto; opacity: 1; }
.body-people .tab-contents .name { margin-bottom:49px; font-size: 40px; text-align:center; font-weight: bold; line-height:1; color: #202020; }
.body-people .tab-contents .name span:before { content:''; display:inline-block; vertical-align: middle; width: 1px; height: 38px; margin:-2px 23px 0 25px; background-color: #ccc; }
.body-people .tab-contents .txt dl { position:relative;  overflow:hidden; padding: 0 0 36px 356px; }
.body-people .tab-contents .txt dt { position:absolute; left:32px; top:0; font-size: 24px; font-weight: bold; line-height: 1.25; color: #202020; }
.body-people .tab-contents .txt dt.txt-title { width:250px; }
.body-people .tab-contents .txt dt.txt-title br { display: none;}
.body-people .tab-contents .txt dl p { margin-bottom:24px; font-size: 16px; line-height: 1.75; color: #505050;}

.body-people .tab-contents .img1 { width:100%; height:565px; margin-bottom:70px; background-repeat: no-repeat; background-size: 100% auto; }
.body-people .tab-contents .img2 { width:100%; height:358px; margin-bottom:70px; background-repeat: no-repeat; background-size: 100% auto;  }

.body-people .tab-contents .tab1 .img1 { background-image:url('../img/people/jack01.png'); }
.body-people .tab-contents .tab1 .img2 { background-image:url('../img/people/jack02.png'); }
.body-people .tab-contents .tab2 .img1 { background-image:url('../img/people/sunny01.png'); }
.body-people .tab-contents .tab2 .img2 { background-image:url('../img/people/sunny02.png'); background-size: 753px 360px; height:360px; background-position: right top; }
.body-people .tab-contents .tab3 .img1 { background-image:url('../img/people/jin01.png'); }
.body-people .tab-contents .tab3 .img2 { background-image:url('../img/people/jin02.png'); }
.body-people .tab-contents .tab4 .img1 { background-image:url('../img/people/wing01.png'); }
.body-people .tab-contents .tab4 .img2 { background-image:url('../img/people/wing02.png'); }
.body-people .tab-contents .tab5 .img1 { background-image:url('../img/people/jiana01.png'); }
.body-people .tab-contents .tab5 .img2 { height:520px; background-image:url('../img/people/jiana02.png'); }

.body-career .visual { position:relative; width:100%; height:480px; margin:0 auto; max-width:1920px; overflow:hidden; min-width:1264px;  }
.body-career .visual .bg { position:absolute; left:0; top:0;  width:100%; height:480px; background:url('../img/career/career_visual.png') center top no-repeat;}
.body-career .visual h2 { position:relative; width:1260px; margin:0 auto; padding-top:370px; font-size: 24px;  text-transform: uppercase; color:#fff; font-weight: bold; line-height: 1.67; }
.body-career .section-career { position:relative; }
.body-career .section-career:before { position:absolute; left:0; top:523px; content:''; display:block; width:100%; height:1px; background:#b2e8fa; } 
.body-career .section-career .inner { width:1264px; margin:0 auto; padding:100px 0 76px 0; }
.body-career .section-career h3 { height:196px; font-size: 90px; font-weight: 800; text-transform: uppercase; line-height:1; margin-bottom:100px; overflow:hidden; color: #202020 }
.body-career .section-career h4 { width:418px; float:left; font-size: 36px; padding-top:7px; font-weight: bold; line-height: 1.39; color: #00b4ed; }
.body-career .section-career ul { float:left; padding-left:14px; }
.body-career .section-career li {  position:relative; float:left; width: 240px; height: 240px; margin: 0 32px 0 0; text-align:center; border-radius:240px; border:solid 8px #00b4ed; background:#fff; }
.body-career .section-career li span { display: inline-block; margin-top:84px;  font-size: 24px; line-height: 1.75; color: #202020;}
.body-career .section-career li strong { display:block; font-size:32px; line-height:42px; }
.body-career .section-career li:last-child { margin:0; }
.body-career .section-career .txt { clear:both; padding:60px 0 0 432px; }
.body-career .section-career .txt p { margin-bottom:24px; font-size: 16px; line-height: 1.75; color: #505050; }
.body-career .section-jobposting { background:#f9f9f9; }
.body-career .section-jobposting .inner { width:1264px; margin:0 auto; padding: 88px 0 100px 0; }
.body-career .section-jobposting h3 { position:relative; display:inline-block; }
.body-career .section-jobposting h3 span { position:relative; font-size: 48px; font-weight: bold; display:inline-block; line-height: 1.25; color: #202020; z-index:2;}
.body-career .section-jobposting h3:before { position:absolute; right:-70px; top:-8px; content:''; display:block;  width: 100px; height: 100px; border-radius:100px; background:#41d1ff; z-index:1; }
.body-career .section-jobposting .tab { clear: both; width:100%; padding:84px 0 45px 0; overflow:hidden; }
.body-career .section-jobposting .tab ul { width:1280px; margin-left:-10px; }
.body-career .section-jobposting .tab li { float:left;   }
.body-career .section-jobposting .tab li a { width: 170px; height:56px; display:block; margin:0 0 0 10px; font-size:18px; font-weight:500; color: #606060; line-height:56px; text-align:center; border: solid 1px #e4e4e4; background:#fff; }
.body-career .section-jobposting .tab li a.active { width:168px; height:54px; line-height:54px; color:#00b4ed; border:2px solid #00b4ed; }
.body-career .section-jobposting .list { border-top:1px solid #e4e4e4 } 
.body-career .section-jobposting .list li { border-bottom:1px solid #e4e4e4}
.body-career .section-jobposting .list li.hide { display:none; }
.body-career .section-jobposting .list dt a { display:block; padding:26px 70px 28px 0; font-size: 24px; font-weight: bold; line-height:1.2; color: #202020; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: url('../img/career/icon_down.png') right center no-repeat; }
.body-career .section-jobposting .list dd { padding:36px 0 50px 0; word-break:break-all; display:none; border-top:1px solid #e4e4e4;}
.body-career .section-jobposting .list dd .cell { position:relative; padding:0 20px 30px 188px; }
.body-career .section-jobposting .list dd .tit { position: absolute; left:30px; top:0; display:block; width:100px; height:40px; line-height:40px; font-size: 16px; color:#fff; text-align:center; font-weight: 600; border-radius: 40px; background:#606060; }
.body-career .section-jobposting .list dd .txt { padding-top:10px; font-size: 16px; line-height: 1.75; white-space:pre-line; color: #505050; }
.body-career .section-jobposting .list dd .btns { text-align:center; padding-top:40px; }
.body-career .section-jobposting .list dd .btns .guide { display:none; }
.body-career .section-jobposting .list dd .btn-write { width: 248px;  height: 60px; font-size: 16px; font-weight: 600; color: #fff;  border:0; background:#202020 }
.body-career .section-jobposting .list .on dt a { background-image: url('../img/career/icon_up.png'); }
.body-career .section-jobposting .list .on dd { display:block; }
.body-career .section-jobposting .list li.null { padding:100px 0; text-align:center; text-align:center;  font-size: 24px; font-weight: bold; line-height:1.2; color: #202020; }
.body-career .section-pool .inner { width:1264px; margin:0 auto; padding: 100px 0 200px 0; overflow:hidden; }
.body-career .section-pool h3 { position:relative; float:left; margin-right:231px; }
.body-career .section-pool h3 span { position:relative; font-size: 48px; font-weight: bold; display:inline-block; line-height: 1.25; color: #202020; z-index:2;}
.body-career .section-pool h3:before { position:absolute; right:-70px; top:-8px; content:''; display:block;  width: 100px; height: 100px; border-radius:100px; background:#ffdf0a; z-index:1; }
.body-career .section-pool .txt { float:left; width:700px;  width: 645px; font-size: 16px; line-height: 1.75; color: #505050;}
.body-career .section-pool .btns .guide { display:none; } 
.body-career .section-pool .txt .btn-write { width: 248px;  height: 60px; font-size: 16px; font-weight: 600; margin-top:40px; color: #fff;  border:0; background:#202020 }

.layer-pop { position:fixed; left:0; top:0; width:100%; height:100%; display:none; overflow:hidden; background:#f9f9f9; z-index:999; }
.layer-pop .inner-scroll { width:100%; height:100%; overflow: auto; }
.layer-pop-content { position:relative; width:1112px; margin:0 auto; padding:116px 0 149px 0;}
.layer-pop-content .btn-layer-close { position:absolute; right:0; top:60px; width:40px; height:40px; display:block; background:url('../img/career/btn_layer_close.png') no-repeat; background-size:40px auto; }
.layer-pop-content .btn-layer-close span { display:none; }
.layer-pop-content .title span { position:relative; display:inline-block; font-size: 68px; font-weight: bold; line-height: 0.88; color: #202020; z-index:2; }
.layer-pop-content .title span:before { position:absolute; right:-65px; top:20px; content:''; display:block; width:100px; height:100px; border-radius:100px; overflow:hidden; background:#41d1ff; z-index:-1; }
.layer-pop-content .text-guide { padding:103px 0 40px 0; font-size: 16px; line-height: 1.75; color: #505050;}
.layer-pop-content .tit-jobposting { padding:25px 0 26px 0; margin-bottom:-32px; font-size: 30px; word-break:break-all; font-weight: bold; line-height: 1.4; color: #202020;  border-bottom:1px solid #aeaeae; border-top:4px solid #202020; }
.layer-pop-content .form h4 { margin-top:100px; margin-bottom:4px; font-size: 24px; font-weight: bold; line-height: 29px; color: #202020; }
.layer-pop-content .form .box { clear:both; padding-top:20px; }
.layer-pop-content .form .box:after { content:''; clear:both; display:block; }
.layer-pop-content .form .box dl { position:relative; }
.layer-pop-content .form .box dt { position:absolute; left:0; top:22px; font-size: 18px; line-height:21px; font-weight: 500; color: #606060; }
.layer-pop-content .form .box dt span { font-size:14px; font-weight:normal}
.layer-pop-content .form .box dt em { font-style: normal; color:#00b4ed; }
.layer-pop-content .form .box dt.hide { display:none; }
.layer-pop-content .form .box dd {  border-bottom:1px solid #e4e4e4; }
.layer-pop-content .form .box .input dd { border:0; }
.layer-pop-content .form .box .input input { height:21px; width:99%; line-height:21px; padding:22px 0;  font-size: 18px; color:#202020; font-weight: 500; border:0;  border-bottom:1px solid #e4e4e4; background:none;  }
.layer-pop-content .form .box .input input:focus{outline: none;  border-bottom:1px solid #202020; }
.layer-pop-content .form .box .input input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f9f9f9 inset;}
.layer-pop-content .form .box .input .msg { position:absolute; left:0; top:73px; display:none; color:#f92d2d; font-size: 13px; font-weight: 500; line-height:1; }
.layer-pop-content .form .box .input dd.error input {  border-bottom:1px solid #f92d2d }
.layer-pop-content .form .box .input dd.error .msg { display:block; }
.layer-pop-content .form .box2 dl { float:left; width:531px; }
.layer-pop-content .form .box2 dl:first-child { margin-right:50px; }
.layer-pop-content .form .file { text-align:right;}
.layer-pop-content .form .file dd { padding:15px 0 10px 0;}
.layer-pop-content .form .file .input-file { display:none; }
.layer-pop-content .form .file .file-name { text-align:right; height:40px; line-height:40px; margin-right:8px; } 
.layer-pop-content .form .btn-input-file { display:inline-block; width: 100px; height: 40px; line-height:40px; cursor:pointer; text-align:center; color:#e4e4e4; font-size:14px; background: #202020;}
.layer-pop-content .txt-guide { padding-top:20px; font-size: 14px; line-height: 1.71;  color: #888; }
.layer-pop-content .input-textarea { margin:30px 0 50px 0; width:100%; height: 300px; resize:none; padding:22px 30px; font-size:18px; color: #202020; box-sizing:border-box; border:solid 2px #e4e4e4; background-color: #fff; } 
.layer-pop-content .input-textarea::placeholder {   color: #606060;  }
.layer-pop-content .input-textarea:focus {outline: none;  border:2px solid #202020; }
.layer-pop-content .input-check-agree + label { font-size: 14px; color: #505050; cursor: pointer; }
.layer-pop-content .input-check-agree + label:before { content:''; display: inline-block; margin-right:6px; width:30px; height:30px; cursor: pointer; vertical-align: middle; background:url('../img/career/form_checkbox_unselected.png') no-repeat; }
.layer-pop-content .input-check-agree:checked + label:before { background:url('../img/career/form_checkbox_selected.png') no-repeat;  }
.layer-pop-content .input-check-agree { display: none; }
.layer-pop-content .btns { margin-top:70px; padding-top:50px; border-top:1px solid #e4e4e4; text-align:center; }
.layer-pop-content .btn-submit {  width: 248px; height: 60px;  font-size: 16px; color:#fff; font-weight: 600; border:0; background:#202020 }
.layer-pop-content .box-career .cell-career { float:left; width:531px; margin-right:50px; }
.layer-pop-content .box-career .cell-career .msg { position:absolute; left:0; top:73px; display:none; color:#f92d2d; font-size: 13px; font-weight: 500; line-height:1; }
.layer-pop-content .box-career .cell-career dd.error {  border-bottom:1px solid #f92d2d !important }
.layer-pop-content .box-career .cell-career dd.error .msg { display:block; }
.layer-pop-content .selectbox { position:relative; }
.layer-pop-content .selectbox .select-txt { display:block; width:100%; height:65px; color:#202020; line-height:65px; background:url('../img/career/icon_down_selectbox.png') right center no-repeat }
.layer-pop-content .selectbox .select-txt:hover { text-decoration: none;}
.layer-pop-content .selectbox .layer { position:absolute; left:0; top:65px; width:100%; display:none; padding:16px 24px; box-sizing: border-box; border:1px solid #e4e4e4; background:#fff; z-index:2; }
.layer-pop-content .selectbox .layer label { position:relative; cursor:pointer; line-height:36px; color:#606060; font-size:16px; display:inline-block; overflow:hidden; }
.layer-pop-content .selectbox .layer label:hover { font-weight:bold; }
.layer-pop-content .selectbox .layer label input { position:absolute; left:-40px; top:-40px; }
.layer-pop-content .box-career .cell-salary { position:relative; float:left; width:256px; }
.layer-pop-content .box-career .input-txt-salary { position:absolute; left:275px; top:0; }
.layer-pop-content .box-career .input-txt-salary .placeholder { position:absolute; left:0; top:0; width:256px; height:65px; line-height:65px; opacity: 0.3; font-size:14px; }
.layer-pop-content .box-career .input-txt-salary .placeholder strong { font-size:18px; font-style:normal; }
.layer-pop-content .box-career .input-txt-salary input {  position:absolute; left:0;top:0; width:256px; height:65px; line-height:65px; font-size:16px; color:#202020; border:0; color:#202020; border-bottom:1px solid #e4e4e4; background:none;}
.layer-pop-content .box-career .input-txt-salary input:focus{outline: none;  border-bottom:1px solid #202020;}
.layer-pop-content .tit-type2 .title span:before { background:#ffdf0a;}
.layer-pop-content .tit-type2 { margin-bottom:-40px; border-bottom:1px solid #202020}
.layer-pop-content .check-type { clear: both; width:100%; padding:30px 0 0 0; overflow:hidden; }
.layer-pop-content .check-type ul { margin-left:-10px; }
.layer-pop-content .check-type li { float:left; }
.layer-pop-content .check-type li label { position:relative; width: 170px; height:56px; display:block; cursor: pointer; margin:0 0 0 10px; font-size:18px; font-weight:500; color: #606060; line-height:56px; text-align:center; border: solid 1px #e4e4e4; background:#fff; }
.layer-pop-content .check-type li label input { position:absolute; left:0; top:0; width:1px; height:1px; visibility: hidden; }
.layer-pop-content .check-type li label.on { width:168px; height:54px; line-height:54px; font-weight:bold; color:#00b4ed; border:2px solid #00b4ed; }
.layer-pop-content .box-career .cell-salary .msg { position:absolute; left:0; top:73px; display:none; color:#f92d2d; font-size: 13px; font-weight: 500; line-height:1; }
.layer-pop-content .box-career .cell-salary dd.error {  border-bottom:1px solid #f92d2d !important }
.layer-pop-content .box-career .cell-salary dd.error .msg { display:block; }
.layer-pop-content .txt-box { position:relative; }
.layer-pop-content .txt-box .msg { position:absolute; left:0; bottom:33px; display:none; color:#f92d2d; font-size: 13px; font-weight: 500; line-height:1; }
.layer-pop-content .txt-box.error textarea {  border:2px solid #f92d2d !important }
.layer-pop-content .txt-box.error .msg { display:block; }


.body-culture .visual { position:relative; width:100%; height:480px; max-width:1920px; overflow:hidden; margin:0 auto; min-width:1264px;  }
.body-culture .visual .bg { position:absolute; left:0; top:0; width:100%; height:480px; min-width:1264px; background:url('../img/culture/culturue_visual.png') center top no-repeat; }
.body-culture .visual h2 { position:relative; width:1260px; margin:0 auto; padding-top:370px; font-size: 24px;  text-transform: uppercase; color:#fff; font-weight: bold; line-height: 1.67; }
.body-culture .section-culture .inner { position:relative; width:1264px; margin:0 auto; padding:100px 0 58px 0; }
.body-culture .section-culture h3 { position:absolute; left:0; top:100px; font-size: 48px; font-weight: bold; line-height: 1.25; color: #202020; }
.body-culture .section-culture .list { padding-left:376px; }
.body-culture .section-culture .no { display:inline-block; width:42px; height:42px; margin-right:14px; overflow:hidden; text-align:center; line-height:42px; vertical-align:middle; font-size: 20px; font-weight: bold; color: #fff; border-radius: 42px; background:#00b4ed;}
.body-culture .section-culture dt { margin-bottom:10px; line-height:42px; font-size: 28px; font-weight: bold;  color: #00b4ed; }
.body-culture .section-culture dd { margin-bottom:42px; padding:0 30px 0 56px; word-break: keep-all; font-size: 16px; line-height: 1.75; color: #202020;}
.body-culture .section-culture2 { min-width:1264px; background:#f9f9f9; }
.body-culture .section-culture2 .inner { position:relative; width:1264px; margin:0 auto; padding:80px 0 85px 0; }
.body-culture .section-culture2 h3 { float:left; font-size: 48px; font-weight: bold; line-height: 1.25; color: #202020;}
.body-culture .section-culture2 .txt { float:left; padding: 0 0 0 213px; font-size: 20px;  font-weight: 300; line-height: 1.6; color: #505050; }
.body-culture .section-culture2 .list { display: flex; flex-flow: row wrap; gap:60px 32px;  justify-content: center;  clear:both; padding-top:40px; overflow:hidden; }
.body-culture .section-culture2 .list dl { flex-basis: 400px; text-align:center; word-break: keep-all;}
.body-culture .section-culture2 .list .img { display:block; width:400px; height:200px; margin-bottom:30px; background-color:#fff; background-repeat: no-repeat; background-size: auto 132px; background-position: center; }
.body-culture .section-culture2 .list dt { margin-bottom:12px; font-size: 22px; font-weight: bold;   color: #202020; }
.body-culture .section-culture2 .list dd {  padding:0 20px; font-size: 16px; line-height: 1.63; color: #505050;  }
.body-culture .section-culture2 .culture1 + dd { padding:0 60px;}
.body-culture .section-culture2 .culture1 .img {  background-image:url('../img/culture/icon_culture01@2x.png'); }
.body-culture .section-culture2 .culture2 .img { background-image:url('../img/culture/icon_culture02@2x.png'); }
.body-culture .section-culture2 .culture3 .img { background-image:url('../img/culture/icon_culture03@2x.png'); }
.body-culture .section-culture2 .culture4 .img { background-image:url('../img/culture/icon_culture04@2x.png'); }
.body-culture .section-culture2 .culture5 .img { background-image:url('../img/culture/icon_culture05@2x.png'); }
.body-culture .section-culture3 { width:1264px; margin:0 auto; padding:100px 0 90px 0; }
.body-culture .section-culture3 h3 { font-size: 48px; font-weight: bold; line-height: 1.25; color: #202020;}
.body-culture .section-culture3 .list {overflow:hidden; padding-top:50px; }
.body-culture .section-culture3 dl { position:relative; float:left; width:284px; padding:0 50px 50px 110px; }
.body-culture .section-culture3 dl:before { position:absolute; left:0; top:0; content: ''; display: block; width:90px; height:90px; overflow:hidden;border-radius: 90px; background-color:#f9f9f9;  background-position:center; background-size: 60px 60px; background-repeat: no-repeat; }
.body-culture .section-culture3 dl.culture4,
.body-culture .section-culture3 dl.culture11,
.body-culture .section-culture3 dl.culture6,
.body-culture .section-culture3 dl.culture9 { width:266px; padding-right:0; }
.body-culture .section-culture3 dt { padding-top:10px; font-size: 18px; font-weight: bold; color: #202020; margin-bottom:10px; }
.body-culture .section-culture3 .culture6 dt,
.body-culture .section-culture3 .culture7 dt,
.body-culture .section-culture3 .culture8 dt { padding-top:21px;}
.body-culture .section-culture3 dd { font-size: 15px;  line-height: 1.47; color: #606060;  word-break: keep-all; }
.body-culture .section-culture3 dl.culture1:before { background-image:url('../img/culture/icon_welfare01@2x.png'); }
.body-culture .section-culture3 dl.culture2:before { background-image:url('../img/culture/icon_welfare02@2x.png'); }
.body-culture .section-culture3 dl.culture3:before { background-image:url('../img/culture/icon_welfare03@2x.png'); }
.body-culture .section-culture3 dl.culture4:before { background-image:url('../img/culture/icon_welfare04@2x.png'); }
.body-culture .section-culture3 dl.culture5:before { background-image:url('../img/culture/icon_welfare05@2x.png'); }
.body-culture .section-culture3 dl.culture6:before { background-image:url('../img/culture/icon_welfare06@2x.png'); }
.body-culture .section-culture3 dl.culture7:before { background-image:url('../img/culture/icon_welfare07@2x.png'); }
.body-culture .section-culture3 dl.culture8:before { background-image:url('../img/culture/icon_welfare08@2x.png'); }
.body-culture .section-culture3 dl.culture9:before { background-image:url('../img/culture/icon_welfare09@2x.png'); }
.body-culture .section-culture3 dl.culture10:before { background-image:url('../img/culture/icon_welfare10@2x.png'); }
.body-culture .section-culture3 dl.culture11:before { background-image:url('../img/culture/icon_welfare11@2x.png'); }
.body-culture .section-culture3 dl.culture12:before { background-image:url('../img/culture/icon_welfare12@2x.png'); }
.body-culture .section-culture3 dl.culture13:before { background-image:url('../img/culture/icon_welfare13@2x.png'); }

.body-culture .section-culture4 { padding:0 0 200px 0; }
.body-culture .section-culture4 h3 { width:1264px; margin:0 auto 30px auto; font-size: 48px; font-weight: bold; line-height: 1.25; color: #202020;}
.body-culture .section-culture4 .swiper-wrap { width:100%; overflow:hidden;  }
.body-culture .section-culture4 .swiper-btns,
.body-culture .section-culture4 .swiper-inner { position:relative; width:1265px; margin:0 auto; z-index:1; }
.body-culture .section-culture4 .swiper-inner .mySwiper { width:1264px; overflow:inherit !important }
.body-culture .section-culture4 .swiper-inner .swiper-slide { width:622px !important; }
.body-culture .section-culture4 .swiper-button-next { position:absolute; right:0; top:-66px; width:50px; height:36px; background:url('../img/culture/bt_arrow_right.png') no-repeat;  }
.body-culture .section-culture4 .swiper-button-prev { position:absolute; right:80px; left:inherit; top:-66px; width:50px; height:36px; background:url('../img/culture/bt_arrow_left.png') no-repeat; }
.body-culture .section-culture4 .swiper-button-prev:after,
.body-culture .section-culture4 .swiper-button-next:after { display:none; }

.body-about .visual {  position:relative; width:100%; height:480px; margin:0 auto; max-width:1920px; overflow:hidden; min-width:1264px;  }
.body-about .visual .bg { position:absolute; left:0; top:0; width:100%; height:480px;  background:url('../img/about/story_visual.png') center top no-repeat;}
.body-about .visual h2 { position:relative; width:1260px; margin:0 auto; padding-top:370px; font-size: 24px;  text-transform: uppercase; color:#fff; font-weight: bold; line-height: 1.67; }
.body-about .section-about { width:1260px; margin:0 auto;  padding:100px 0 80px 0; text-align:center; }
.body-about .section-about h3 { margin-bottom:36px; font-size: 80px; font-weight: 800; line-height: 1.54; color: #202020; }
.body-about .section-about .txt p {  font-size: 18px; line-height: 1.78; color: #505050;  }
.body-about .section-about2 { position:relative; max-width:1720px; min-width:1264px; height:580px; margin:0 auto; background:url('../img/about/story_img.png') center top no-repeat; background-size: cover; }
.body-about .section-about2 .tit { position: absolute; left:0; top:150px; min-width:1264px; width:100%; text-align:center; }
.body-about .section-about2 .tit h4 { display:inline-block; width:314px; height:40px;  overflow:hidden; background:url('../img/about/thg_CI.png') center top no-repeat; }
.body-about .section-about2 .tit h4 span { display:none; }
.body-about .section-about2 .swiper-slide { height:580px; text-align:center; }
.body-about .section-about2 .swiper-slide p span { position:relative; display:inline-block; margin-top:285px; font-size: 28px; font-weight: 600; line-height: 1.43; text-align: center; color: #f9f9f9; }
.body-about .section-about2 .swiper-slide p span:before { position:absolute; left:-40px; top:-15px; width:30px; height:30px; display:block; content:'';  background:url('../img/about/icon_com01.png') center top no-repeat; }
.body-about .section-about2 .swiper-slide p span:after {  position:absolute; right:-40px; top:-15px; width:30px; height:30px;  display:block; content:'';  background:url('../img/about/icon_com02.png') center top no-repeat; }
.body-about .section-about2 .swiper-btns { position:relative; width:1264px; margin:0 auto; }
.body-about .section-about2 .swiper-btns .swiper-pagination { bottom:80px !important }
.body-about .section-about2 .swiper-btns .swiper-pagination-bullet-active { width:28px !important }
.body-about .section-about2 .swiper-btns .swiper-pagination-bullet { border-radius: 4px !important; background:#fff !important}
.body-about .section-about2 .swiper-btns .swiper-button-next { top:-314px !important; width:26px; height:48px; background:url('../img/about/bt_arrow_right.png') center top no-repeat; } 
.body-about .section-about2 .swiper-btns .swiper-button-prev { top:-314px !important; width:26px; height:48px; background:url('../img/about/bt_arrow_left.png') center top no-repeat;  }
.body-about .section-about2 .swiper-btns .swiper-button-next:after, 
.body-about .section-about2 .swiper-btns .swiper-button-prev:after { display: none; }
.body-about .section-history { clear:both; position:relative; width:1264px; margin:0 auto; padding:76px 0 120px 0;}
.body-about .section-history h3 { position:absolute; left:0; top:100px; font-size: 48px; font-weight: bold;  line-height: 0.63; color: #202020; }
.body-about .section-history .list { padding-left:432px; }
.body-about .section-history dl { position:relative;  padding:35px 0 22px 216px; min-height:50px; border-bottom:1px solid #e4e4e4 }
.body-about .section-history dt { position:absolute; left:0; top:35px;  font-size: 36px; font-weight: bold; line-height: 0.83; color: #202020; }
.body-about .section-history dd { position:relative; padding:0 0 13px 32px; font-size: 16px; color: #505050;}
.body-about .section-history dd .month { position:absolute; left:0; top:0; line-height:19px;font-size: 16px; font-weight: 600; color: #505050;  }
.body-about .section-history .y-2020 dl { padding-top:40px; padding-bottom:12px; }
.body-about .section-contact { position:relative; width:1264px; margin:0 auto; padding: 0 0 186px 0; }
.body-about .section-contact h3 { position:absolute; left:0; top:0; font-size: 32px; font-weight: bold; line-height: 0.94;  color: #202020; }
.body-about .section-contact .list {  padding-left:432px; }
.body-about .section-contact .list dl { position:relative;  padding:7px 0 7px 0; font-size: 16px; font-weight: bold; line-height: 1.5;  color: #999;}
.body-about .section-contact .list dt { position:absolute; left:0; top:0; padding-top:7px }
.body-about .section-contact .list dd { padding-left:78px; font-size: 16px; font-weight: bold; line-height: 1.5; color: #505050; }
.body-about .section-contact .list dd a { color:#505050 }
.body-about .section-contact .list .btn-map { position:absolute; right:0; top:0; display:block; width: 154px; height: 40px; line-height:40px; color:#fff;font-size: 14px; font-weight: 600;  text-align:center; background:#202020; }
.body-about .section-contact .list .btn-map:before { content:''; display:inline-block; vertical-align: middle; width:14px; height:18.5px; margin-right:8px; background:url('../img/about/icon_map@2x.png') center top no-repeat; background-size: 14px auto; }

/*-----------------------------------------
            mobile
-------------------------------------------*/
@media all and (max-width:1023px){

    .body-game .contents { width:auto; margin:0 auto; padding:40px 0 0 0; }
    .body-game .page-tit { margin-bottom:0; }
    .body-game .page-tit h2 { margin-bottom:36px; font-size: 28px; padding:0; line-height: 0.86; }
    .body-game .page-tit p { width:270px; margin:0 auto 36px auto; font-size: 13px; line-height: 1.54; }
    .body-game .info { margin:0; padding:20px 20px 16px 20px; }
    .body-game .item .img { width:100%; height:56.3vw; min-height:206px; margin-bottom:20px; }
    
    .body-game .item h3 { margin-bottom:12px; font-size: 24px; line-height: 1.17; }
    .body-game .item h4 { margin-bottom:18px; font-size: 18px; line-height: 1.67; }
    .body-game .item .txt1 { margin-bottom:20px; font-size: 14px; line-height: 1.5; }
    .body-game .item .txt2 { font-size: 14px; line-height: 1.57;}
    .body-game .item .txt2 p { margin-bottom:16px; }
    .body-game .item .txt2 br { display:none; }
    .body-game .app-download { position: relative; left:inherit; top:inherit; margin:0 -5px; padding:6px 0 28px 0; overflow-y: hidden;; }
    .body-game .app-download .btn { float:left; width:50%; box-sizing: border-box; padding:0 5px; margin:0; }
    .body-game .app-download a { float:left; width:100%; height:12.2vw; margin:0; overflow:hidden; background-size:cover; border-radius: 4px; background-color: #202020;}
    .body-game .app-download .googleplay { background-image:url('../img/game/btn_google_m@2x.png') }
    .body-game .app-download .appstore { background-image:url('../img/game/btn_appstore_m@2x.png') }
    .body-game .championstrike .img { margin-bottom:12px; background:url('../img/game/champion_strike_img3_m@2x.png') no-repeat; background-size:cover; }
    .body-game .golffesta .img { background:url('../img/game/gsc_m@2x.png') no-repeat; background-size:cover; }
    .body-game .projectr .img { background:url('../img/game/unicorn_m@2x.png') no-repeat; background-size:cover; }
    .body-game .projectr h3 span,
    .body-game .golffesta h3 span { position: relative; right:inherit; top:inherit; display:inline-block; width:70px; height:25px; vertical-align:middle; font-size: 12px; line-height:25px;}
    .body-game .item .user { padding:0 20px 68px 20px; }
    .body-game .item .user li { padding-left:57px; margin-bottom:12px; }
    .body-game .item .user li span { display:block; padding:12px 12px 12px 17px; font-size: 13px; line-height: 1.54; border-radius:6px;}
    .body-game .item .user li:before {  top:7px; width:38px; height:38px; background-size: 38px 38px;}
    .body-game .item .user li:after { position:absolute; left:42px; top:19px; width: 15px; height:15px; margin-top:0; background:url('../img/game/ico_arrow_m@2x.png') left center no-repeat; background-size: 15px auto;}
    .body-game .championstrike .user1:before { background:url('../img/game/profile01_m@2x.png') no-repeat }
    .body-game .championstrike .user2:before { background:url('../img/game/profile02_m@2x.png') no-repeat}
    .body-game .championstrike .user3:before { background:url('../img/game/profile03_m@2x.png') no-repeat }
    .body-game .championstrike .user4:before { background:url('../img/game/profile04_m@2x.png') no-repeat }
    .body-game .golffesta .user1:before {background:url('../img/game/imoji01_m@2x.png') no-repeat }
    .body-game .golffesta .user2:before {background:url('../img/game/imoji02_m@2x.png') no-repeat}
    .body-game .golffesta .user3:before {background:url('../img/game/imoji03_m@2x.png') no-repeat}
    .body-game .golffesta .user4:before {background:url('../img/game/imoji04_m@2x.png') no-repeat}

    .body-news .contents { width:100%; padding:40px 0; }
    .body-news .page-tit { margin-bottom:0; }
    .body-news .page-tit h2 { margin-bottom:7px; font-size: 28px; padding:0; line-height: 0.86; }
    .body-news .page-tit p { width:270px; margin:0 auto 36px auto; font-size: 13px; line-height: 1.54; }
    .body-news .section-news-list ul { margin-left:0;  }
    .body-news .section-news-list li { float:none; width:100%; height:auto; margin:0;}
    .body-news .section-news-list li.null {  padding:100px 20px;}
    .body-news .section-news-list .thumb { width:100%; height:57.77vw; margin-bottom:14px;  }
    .body-news .section-news-list .thumb span { width:100%; height:100%; }
    .body-news .section-news-list .tit { max-height:43px; margin:0 20px 13px 20px; font-size: 16px; line-height: 1.5;}
    .body-news .section-news-list .date { margin: 0 0 40px 20px; font-size:11px; line-height: 2.91;}
    .body-news .section-news-list .type { margin-bottom:40px; font-size:11px;line-height: 2.91;}
    .body-news .section-news-list .type:before { height: 10px; margin: 1px 6px 2px 7px; }
    .body-news .section-news-list .btns {display:none; }

    .body-news .section-news-view { margin:0px 20px 0;  border-top:3px solid #000;}
    .body-news .section-news-view .tit { padding:22px 20px 15px 20px; }
    .body-news .section-news-view .tit h3 {font-size: 18px; margin-bottom:14px; line-height: 1.44;  }
    .body-news .section-news-view .tit .date { font-size:12px; line-height: 11px; vertical-align: top;}
    .body-news .section-news-view .tit .type { font-size:12px; line-height: 11px; vertical-align: top; }
    /* .body-news .section-news-view .tit .type:before { height: 11px;  margin: 1px 7px 2px; } */
    .body-news .section-news-view .desc { padding:30px 0 45px 0; font-size: 14px; line-height: 1.57; }
    .body-news .section-news-view .desc p { padding:15px 0; }
    .body-news .section-news-view .btns { padding:36px 0 40px 0; }

    .body-news .btns .btn { width: 155px; height: 40px; line-height:40px; margin:0;  font-size: 14px;  }
    .body-news .btns .btn-list:before {width:14px; height:12px; margin-right:10px; background:url('../img/news/icon_list_m@2x.png') no-repeat; background-size: 12px auto;}

    .body-people .contents { padding:40px 0; width:auto } 
    .body-people .page-tit { width:100%; margin-bottom:0; }
    .body-people .page-tit h2 { margin-bottom:7px; font-size: 28px; padding:0; line-height: 0.86; }
    .body-people .page-tit p { width:260px; margin:0 auto 36px auto; font-size: 13px; line-height: 1.54; }
    .body-people .section-people:before { top:47px;}
    .body-people .section-people .inner {  width:100%; margin:0 auto; }
    .body-people .swiper-people { clear:both; width:100%; margin:0 auto !important; padding:0 20px; box-sizing: border-box;}
    .body-people .swiper-people .swiper-slide { width:95px; height:95px; padding:0 0 30px 0 !important; }
    .body-people .swiper-people .slide-people-active a { box-shadow: 0 16px 20px 0 rgba(0, 14, 34, 0.12) !important; }
    .body-people .swiper-people a { display:block; width:95px; height:95px; border-radius: 95px; background-size:95px 95px;}
    .body-people .swiper-people a:hover {margin-top:0;  box-shadow:none; }
    .body-people .btns {  padding:36px 0 0 0;}
    .body-people .btns .btn { width:110px; height:40px; line-height:40px; margin:0 5px;font-size: 14px; }
    .body-people .btns .btn-prev:before { width:14px; height:10px; background-image:url('../img/people/icon_prev_m@2x.png'); background-size:auto 10px;}
    .body-people .btns .btn-next:after {  width:14px; height:10px; background-image:url('../img/people/icon_next_m@2x.png'); background-size:auto 10px;}
    .body-people .tab-contents { padding:20px 20px 18px 20px; }
    .body-people .tab-contents .name { margin-bottom:16px; font-size:20px;line-height: 1.4; }
    .body-people .tab-contents .name span { display:block;}
    .body-people .tab-contents .name span:before { display:none;  }
    .body-people .tab-contents .txt dl { padding: 0 0 26px 0; }
    .body-people .tab-contents .txt dt { position:relative; left:inherit; top:initial; font-size: 18px; line-height: 1.44;  margin-bottom:16px; }
    .body-people .tab-contents .txt dt br { display:none}
    .body-people .tab-contents .txt dt.txt-title { width:auto; }
    .body-people .tab-contents .txt dt.txt-title br { display:block;}
    .body-people .tab-contents .txt dl p { margin-bottom:16px; font-size: 14px; line-height: 1.57; color: #505050;}
    
    .body-people .tab-contents .img1 { width:auto; height:50.8vw; min-height:183px; margin:0 -20px 42px -20px; background-size:cover;  }
    .body-people .tab-contents .img2 { width:100%; height:53.8vw; min-height:190px; margin-bottom:10px; background-size:cover; }
    .body-people .tab-contents .img3 { width:100%; height:53.8vw; min-height:190px; margin-bottom:42px; background-size:cover; }
    .body-people .tab-contents .tab1 .img2 { background-image:url('../img/people/jack02_m@2x.png'); }
    .body-people .tab-contents .tab1 .img3 { background-image:url('../img/people/jack03_m@2x.png'); }
    .body-people .tab-contents .tab2 .img2 { background-image:url('../img/people/sunny02_m@2x.png');  height:42.2vw;  min-height:152px; margin-bottom:42px; background-size:cover; background-position:left top; }
    .body-people .tab-contents .tab2 .img3 { display:none; }
    .body-people .tab-contents .tab3 .img2 { background-image:url('../img/people/jin02_m@2x.png'); }
    .body-people .tab-contents .tab3 .img3 { background-image:url('../img/people/jin03_m@2x.png'); }
    .body-people .tab-contents .tab4 .img2 { background-image:url('../img/people/wing02_m@2x.png'); }
    .body-people .tab-contents .tab4 .img3 { display:none; }
    .body-people .tab-contents .tab5 .img2 { height:53.8vw; background-image:url('../img/people/jiana02_m@2x.png'); }
    .body-people .tab-contents .tab5 .img3 { display:none }


    .body-career .visual { position:relative; width:100%; height:55.5vw; min-width:auto; }
    .body-career .visual .bg {  width:100%; height:55.5vw; background:url('../img/career/career_visual_m@2x.png') center top no-repeat; background-size: cover;  }
    .body-career .visual h2 { position:absolute; left:0; top:50%; margin-top:-30px; width:100%; padding-top:0; height: 60px; font-size: 20px; text-align:center; line-height: 1.3;}
    .body-career .visual h2 span { font-weight:bold; font-size:28px; }
    .body-career .section-career:before {  display:none; } 
    .body-career .section-career .inner { width:100%; padding:30px 0 24px 0; }
    .body-career .section-career h3 { height:auto; font-size: 36px; line-height:1.1; padding-left:30px; margin-bottom:18px;}
    .body-career .section-career h4 { width:auto; float:none; font-size: 20px; padding:0 0 28px 30px; line-height:1.4;}
    .body-career .section-career h4 br:nth-child(3) { display:none; }
    .body-career .section-career .list {   width:100%; overflow:hidden; overflow-x:auto; margin-bottom:36px;  -ms-overflow-style: none;  scrollbar-width: none; }
    .body-career .section-career .list::-webkit-scrollbar {  display: none; } 
    .body-career .section-career ul { position:relative; float:none; padding:0px 10px 0px 20px; min-width:440px; }
    .body-career .section-career ul:before {  position:absolute; left:0; top:67px; content:''; display:block; width:100%; height:1px; background:#b2e8fa; }
    .body-career .section-career li {  width: 129px; height: 129px; margin:0 10px 0 0;  border-radius:133px; border:solid 4px #00b4ed; }
    .body-career .section-career li span { display: inline-block; margin-top:44px;  font-size: 14px; color: #202020;}
    .body-career .section-career li strong {font-size:18px; line-height:1; }
    .body-career .section-career li:last-child { margin:0; }
    .body-career .section-career .txt { clear:both; padding:0 20px; }
    .body-career .section-career .txt p { margin-bottom:16px; font-size: 14px; line-height: 1.75; color: #505050;  word-break: keep-all; word-wrap: break-word; }

    .body-career .section-jobposting .inner { width:auto; padding:52px 20px 60px 20px; }
    .body-career .section-jobposting h3 span { font-size: 24px; line-height: 1.25;}
    .body-career .section-jobposting h3:before { right:-35px; top:-3px;  width: 50px; height: 50px; border-radius:50px;  }
    .body-career .section-jobposting .tab { clear: both; width:100%; padding:40px 0 16px 0; overflow:hidden; }
    .body-career .section-jobposting .tab ul { width:100%; margin:0 -2px; }
    .body-career .section-jobposting .tab li { float:left; width:33.33%; padding:0 2px 4px 2px;  box-sizing: border-box; }
    .body-career .section-jobposting .tab li:nth-child(1) { width:100%; }
    .body-career .section-jobposting .tab li a { width: auto; height:42px; margin:0; font-size:14px; font-weight:500;line-height:42px; }
    .body-career .section-jobposting .tab li a.active { width:auto; height:40px; line-height:40px;}
    .body-career .section-jobposting .list dt { max-height:75px; }
    .body-career .section-jobposting .list dt a { padding:20px 50px 19px 0; line-height:18px; font-size: 16px; text-overflow:inherit;  background-image: url('../img/career/icon_down_m@2x.png');  background-size: 16px 16px;}
    .body-career .section-jobposting .list dt a span {display:block; line-height:18px; overflow:hidden; max-height:36px; text-overflow: ellipsis;  word-break:break-all;  white-space: initial; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
    .body-career .section-jobposting .list dd { padding:22px 0 40px 0;  }
    .body-career .section-jobposting .list dd .cell { padding:0 0 16px 0; }
    .body-career .section-jobposting .list dd .tit { position:relative; left:inherit; top:inherit; width:76px; height:26px; line-height:26px; font-size: 13px; border-radius: 26px; }
    .body-career .section-jobposting .list dd .txt { padding-top:12px; font-size: 13px; line-height: 1.38; }
    .body-career .section-jobposting .list dd .btns { padding-top:14px; }
    .body-career .section-jobposting .list dd .btns .guide { display:block; height: 40px; line-height:40px; text-align:center; font-size: 13px; font-weight: 600; color: #fb5353; border:1px solid #fb5353; background:#fff; } 
    .body-career .section-jobposting .list dd .btn-write {display:none;  }
    .body-career .section-jobposting .list .on dt a { background-image: url('../img/career/icon_up.png'); }
    .body-career .section-jobposting .list .on dd { display:block; }
    .body-career .section-jobposting .list li.null { padding:50px 0;  font-size: 16px;  }
    .body-career .section-pool .inner { width:auto; margin:0 auto; padding: 63px 20px 80px 20px; overflow:hidden; }
    .body-career .section-pool h3 span { font-size: 24px; line-height: 1.25;}
    .body-career .section-pool h3:before { right:-35px; top:-3px; width: 50px; height: 50px; border-radius:50px;   }
    .body-career .section-pool .txt { clear:both; float:none; width:auto;  font-size: 14px; line-height: 1.57; color: #505050; padding-top:40px; }
    .body-career .section-pool .txt p { margin-bottom:13px; }
    .body-career .section-pool .btns { padding-top:27px; }
    .body-career .section-pool .btns .guide { display:block; height: 40px; line-height:40px; text-align:center; font-size: 13px; font-weight: 600; color: #fb5353; border:1px solid #fb5353; background:#fff; } 
    .body-career .section-pool .txt .btn-write { display:none; }



    .body-culture .visual { position:relative; height:55.5vw; margin:0 auto; min-width:auto;}
    .body-culture .visual .bg { position:relative; width:100%; height:55.5vw; margin:0 auto; min-width:auto;  background:url('../img/culture/culture_visual_m@2x.png') center top no-repeat; background-size: cover;  }
    .body-culture .visual h2 { position:absolute; left:0; top:50%; margin-top:-30px; width:100%; padding-top:0; height: 60px; font-size: 20px; text-align:center; line-height: 1.3;}
    .body-culture .visual h2 span { font-weight:bold; font-size:28px; }
    .body-culture .section-culture .inner { width:auto;padding:36px 20px 30px 20px; }
    .body-culture .section-culture h3 { position:relative; left:inherit; top:inherit; font-size: 24px; margin-bottom:24px; font-weight:800; line-height: 1.67; }
    .body-culture .section-culture h3 br { display:none; }
    .body-culture .section-culture .list { padding-left:0; }
    .body-culture .section-culture .no { width:26px; height:26px; margin-right:10px; line-height:26px; font-size: 12px; border-radius: 26px; }
    .body-culture .section-culture dt { margin-bottom:12px; line-height:26px; font-size: 18px; }
    .body-culture .section-culture dd { margin-bottom:20px; padding:0px; font-size: 14px; line-height: 1.57; color: #505050;}
    .body-culture .section-culture2 { min-width:auto; }
    .body-culture .section-culture2 .inner { position:relative; width:auto; margin:0 auto; padding:50px 20px 50px 20px; }
    .body-culture .section-culture2 h3 { float:none; font-size: 24px;}
    .body-culture .section-culture2 .txt { float:none; padding: 12px 0 24px 0; font-size: 14px; line-height: 1.57; }
    .body-culture .section-culture2 .list { padding-top:0; gap:36px 0;}
    .body-culture .section-culture2 .list dl {  width:100%; margin:0; padding:0; text-align:left; }
    .body-culture .section-culture2 .list .img {  width:100%; height:200px; margin-bottom:18px; background-color:#fff; background-repeat: no-repeat; background-size: auto 132px; background-position: center; }
    .body-culture .section-culture2 .list dt { margin-bottom:10px; font-size: 18px;}
    .body-culture .section-culture2 .list dd { padding:0; font-size: 14px; line-height: 1.57;  }
    .body-culture .section-culture3 { width:auto; margin:0 auto; padding:60px 20px 60px 20px; }
    .body-culture .section-culture3 h3 { font-size: 24px;}
    .body-culture .section-culture3 .list { padding-top:36px; }
    .body-culture .section-culture3 dl { position:relative; float:none; width:auto; padding:0 0 0 94px; min-height:80px; margin-bottom:20px; }
    .body-culture .section-culture3 dl:before { width:80px; height:80px; border-radius: 80px; background-size: 54px 54px; }
    .body-culture .section-culture3 dl.culture3,
    .body-culture .section-culture3 dl.culture6,
    .body-culture .section-culture3 dl.culture9 { width:auto; padding-right:0; }
    .body-culture .section-culture3 dt { padding-top:9px; font-size: 16px; line-height:1.2; margin-bottom:6px; }
    .body-culture .section-culture3 .culture6 dt,
    .body-culture .section-culture3 .culture7 dt,
    .body-culture .section-culture3 .culture8 dt { padding-top:19px;}
    .body-culture .section-culture3 dd { font-size: 13px;  line-height: 1.4; }
    .body-culture .section-culture4 { padding:0 0 80px 0; }
    .body-culture .section-culture4 h3 { width:auto; margin:0 0 21px 20px; font-size: 24px; }
    .body-culture .section-culture4 .swiper-btns,
    .body-culture .section-culture4 .swiper-inner {width:auto; }
    .body-culture .section-culture4 .swiper-inner .mySwiper { width:auto; padding-left:20px; }
    .body-culture .section-culture4 .swiper-inner .swiper-slide { width: calc( 100% - 20px ) !important; }
    .body-culture .section-culture4 .swiper-inner .swiper-slide img { width:100%; height:auto; }
    .body-culture .section-culture4 .swiper-button-next ,
    .body-culture .section-culture4 .swiper-button-prev { display:none; }


    .body-about .visual { position:relative; width:100%; height:55.5vw; min-height:200px; margin:0 auto; max-width:auto; min-width:auto; }
    .body-about .visual .bg {  width:100%; height:55.5vw;  background:url('../img/about/story_visual_m@2x.png') center top no-repeat; background-size: cover;  }
    .body-about .visual h2 { position:absolute; left:0; top:50%; margin-top:-30px; width:100%; padding-top:0; height: 60px; font-size: 20px; text-align:center; line-height: 1.3;}
    .body-about .visual h2 span { font-weight:bold; font-size:28px; }
    .body-about .section-about { width:auto; padding:30px 20px 44px 20px; text-align:left; }
    .body-about .section-about h3 { margin-bottom:20px;font-size:40px;  font-weight: 800; line-height: 1.2; letter-spacing: -0.84px }
    .body-about .section-about .txt p { margin-bottom:12px;font-size: 14px; line-height: 1.57; color: #505050;  }
    .body-about .section-about .txt p br { display:none; }
    .body-about .section-about .txt strong { display:block; margin-bottom:12px; }
    .body-about .section-about2 { max-width:auto; min-width:auto; height:440px; margin:0 auto; background:url('../img/about/story_img_m@2x.png') center top no-repeat; background-size: cover; }
    .body-about .section-about2 .tit  { width:100%; min-width: auto; top:99px; }
    .body-about .section-about2 .tit h4 {  width:186px; height:24px;  background:url('../img/about/thg_CI_m@2x.png') center top no-repeat; background-size: 186px auto;}
    .body-about .section-about2 .swiper-slide { height:440px; } 
    .body-about .section-about2 .swiper-slide p span {  width:255px; font-size:16px; margin-top:194px; word-wrap: break-word; word-break: keep-all;}
    .body-about .section-about2 .swiper-slide p.txt2 span {  width:242px; }
    .body-about .section-about2 .swiper-slide p.txt3 span {  width:212px; }
    .body-about .section-about2 .swiper-slide p.txt4 span {  width:232px; }
    .body-about .section-about2 .swiper-slide p.txt5 span {  width:232px; }
    .body-about .section-about2 .swiper-slide p.txt3 span br,
    .body-about .section-about2 .swiper-slide p.txt4 span br { display:none; }

    .body-about .section-about2 .swiper-slide p span:before { position:absolute; left:-30px; top:-10px; width:20px; height:20px; display:block; content:'';  background:url('../img/about/icon_com01_m@2x.png') center top no-repeat; background-size: 20px auto;}
    .body-about .section-about2 .swiper-slide p span:after {  position:absolute; right:-30px; top:-10px; width:20px; height:20px;  display:block; content:'';  background:url('../img/about/icon_com02_m@2x.png') center top no-repeat; background-size: 20px auto; }
    .body-about .section-about2 .swiper-btns {  width:100%;  }
    .body-about .section-about2 .swiper-btns .swiper-pagination { bottom:40px !important }
    .body-about .section-about2 .swiper-btns .swiper-pagination-bullet-active { width:28px !important }
    .body-about .section-about2 .swiper-btns .swiper-pagination-bullet { height:7px; width:7px; border-radius: 7px !important; background:#fff !important}
    .body-about .section-about2 .swiper-btns .swiper-button-next,
    .body-about .section-about2 .swiper-btns .swiper-button-prev { display:none;  }
    .body-about .section-history {width:auto; padding:70px 20px 0 20px;}
    .body-about .section-history h3 { position:relative; left:inherit; top:inherit; margin-bottom:19px; font-size: 24px; line-height: 1.25; }
    .body-about .section-history .list { padding-left:0;  border-top:1px solid #e4e4e4 }
    .body-about .section-history dl { position:relative;  padding:30px 0 20px 0; min-height:auto;}
    .body-about .section-history dt { position:relative; left:inherit; top:inherit; margin-bottom:11px; font-size: 20px; font-weight: 600; line-height: 0.83;  }
    .body-about .section-history dd { position:relative; padding:0 0 10px 30px; font-size: 14px;}
    .body-about .section-history dd .month {font-size: 14px; font-weight: 600; }
    .body-about .section-history .y-2020 dl { padding-top:30px; padding-bottom:10px; }
    .body-about .section-contact {  width:auto;  padding: 70px 20px 63px 20px; }

    .body-about .section-contact h3 { position:relative; left:inherit; top:inherit; font-size: 24px; line-height: 1.25; margin-bottom:23px; }
    .body-about .section-contact .list {  padding-left:0; }
    .body-about .section-contact .list dl { position:relative;  padding:0 0 16px 0; font-size: 14px; font-weight: bold; line-height: 1.5;  color: #999;}
    .body-about .section-contact .list dt { position:absolute; left:0; top:0; padding-top:0 }
    .body-about .section-contact .list dd { padding-left:55px; font-size: 14px; font-weight: bold; line-height: 1.5; color: #505050; }
    .body-about .section-contact .list dd a { color:#505050 }
    .body-about .section-contact .list dl:first-child dt { position:relative; left:inherit; top:inherit; margin-bottom:8px;  }
    .body-about .section-contact .list dl:first-child dd { padding:0;}
    .body-about .section-contact .list .btn-map { position:relative; right:inherit; top:inherit;  width:100%; height: 42px; line-height:42px; margin:16px 0 13px 0; }



}