@charset "utf-8";

/* 자체 animation */
@keyframes sm_bounce {
  0%, 25%, 50%, 75%, 100%{transform:translateY(0);}
  40%{transform:translateY(-20px);}
  60%{transform:translateY(-12px);}
}
@keyframes sm_fadeOut {
  0%{opacity:1;}
  100%{opacity:0;}
}
@keyframes sm_fadeIn {
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes moveDown {
  0%{margin-top:-50px}
  100%{margin-top:0;}
}
@keyframes animation {
  0%{opacity:0;transform:translate3d(0, 100px, 0) scale(0.9);}
  100%{opacity:1;transform:none;}
}
@keyframes subBanner {
  0%{opacity:0;margin-top:30px;}
  100%{opacity:1;margin-top:0;}
}



/* animate.css(Custom) */
@-webkit-keyframes fadeInUp {
  0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
  0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}



@-webkit-keyframes fadeInLeft {
  0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInLeft {
  0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}



@-webkit-keyframes fadeInRight {
  0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@keyframes fadeInRight {
  0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);}
  100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}





/* common layout */
.hide{width:1px;height:1px;line-height:1;font-size:1px;position:absolute;left:-9999px;overflow:hidden;text-indent:-9999px;}
a.link{display:inline-block;position:relative;padding-right:15px;font-family:'NotoSansKR-EN-Bold';}
body.ja a.link{font-family:'NotoSansJP-Bold';}
a.link:after{display:block;position:absolute;top:4px;right:0;content:"";width:9px;height:9px;transform:rotate(-45deg);}
a.link.type1{color:#004b3e;}
a.link.type1:after{border-right:1px solid #003c2f;border-bottom:1px solid #003c2f;}
a.link.type2{color:#0bab8b;}
a.link.type2:after{border-right:1px solid #0bab8b;border-bottom:1px solid #0bab8b;}
a.link.type3{color:#fff;}
a.link.type3:after{border-right:1px solid #fff;border-bottom:1px solid #fff;}
body.ja{word-break:break-all;}
/* 관리자 로그인시(메뉴 표시) */
body.customize-support #header{top:32px;}

#wrapper{overflow:hidden;position:relative;}
#header{position:fixed;top:0;left:0;right:0;z-index:10;}
#header.fix{background:#fff;box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.4);-webkit-transition:all .3s;transition:all .3s;}
#header .header_in{width:1200px;margin:0 auto;padding:26px 0 14px;overflow:hidden;}
#header .header_in h1{float:left;}
#header .header_in h1 img{width:109px;display:block;}
#header .header_in h1 img.on{display:none;}
#header.fix .header_in h1 img{display:none;}
#header.fix .header_in h1 img.on{display:block;}
#header .header_in .gnb{float:right;}
#header .header_in .gnb > div{float:right;}
#header .header_in .gnb .lang{margin:-8px 0 0 60px;}
#header .header_in .gnb .lang > a{display:block;min-width:50px;padding:12px 22px;background:url(../images/bg_lang.png) no-repeat 60px 16px;border:1px solid #fff;border-radius:20px;color:#fff;font-size:15px;font-family:'FibraOneBold';}
#header .header_in .gnb .lang > a.on{background-position:60px -84px;border-bottom:none;border-radius:20px 20px 0 0;}
#header.fix .header_in .gnb .lang > a{color:#004b3e;background-position:60px -184px;border-color:#004b3e;}
#header.fix .header_in .gnb .lang > a.on{background-position:60px -284px;}
#header .header_in .gnb .lang > ul{display:none;}
#header .header_in .gnb .lang > ul.view{display:block;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-radius:0 0 20px 20px;}
#header .header_in .gnb .lang > ul li{padding:0 0 12px 20px;}
#header .header_in .gnb .lang > ul li.current-lang{display:none;}
#header .header_in .gnb .lang > ul li a{color:#fff;font-size:15px;font-family:'FibraOneBold';}
#header.fix .header_in .gnb .lang > ul{border-color:#004b3e;}
#header.fix .header_in .gnb .lang > ul li a{color:#004b3e;}
#header .header_in .gnb > div ul.menu{overflow:hidden;}
#header .header_in .gnb > div ul.menu > li{float:left;padding:0 25px;}
#header .header_in .gnb > div ul.menu > li > a{display:block;min-width:65px;padding-bottom:12px;color:#fff;font-size:21px;font-family:'FibraOneBold';}
#header.fix .header_in .gnb > div ul.menu > li > a{color:#004b3e;}
#header .header_in .gnb > div ul.menu > li > ul.sub-menu{display:none;}
#header .header_in .gnb > div ul.menu > li > ul.sub-menu > li{line-height:32px;}
#header .header_in .gnb > div ul.menu > li > ul.sub-menu > li > a{letter-spacing:-1px;color:#fff;font-family:'FibraOneBold';}
#header.fix .header_in .gnb > div ul.menu > li > ul.sub-menu > li > a{color:#004b3e;}
#header .header_in a.btn_gnb_mobile{display:none;}
#header .header_in .gnb_mobile{display:none;}

#footer{background:#f6f6f6;}
#footer .footer_in{width:1200px;margin:0 auto;padding:60px 0 50px 0;overflow:hidden;}
#footer .footer_in > div{float:left;}
#footer .footer_in > .footer_area01{margin:0 0 0 48px;}
#footer .footer_in > .footer_area01 ul:after{content:'';display:block;clear:both;}
#footer .footer_in > .footer_area01 ul li{float:left;margin-left:58px;}
#footer .footer_in > .footer_area01 ul li:first-child{margin-left:0;}
#footer .footer_in > .footer_area01 ul li a{font-size:14px;color:#004b3e;}
/*#footer .footer_in > .footer_area02 {margin:0 58px 0 74px;}*/
#footer .footer_in > .footer_area02 {margin: 0 30px 0 30px;}
#footer .footer_in > .footer_area02 > a{display:inline-block;font-size:15px;color:#0bab8b;}
#footer .footer_in > .footer_area02 > a.bt{width:20px;height:20px;text-indent:-9999px;vertical-align:top;}
#footer .footer_in > .footer_area02 > a.facebook{background:url(../images/icon_facebook.svg) no-repeat left top;margin-left:25px;}
#footer .footer_in > .footer_area02 > a.blog{background:url(../images/icon_blog.svg) no-repeat left top;margin-left:14px;}
#footer .footer_in > .footer_area02 > a.instagram{background:url(../images/icon_instagram.svg) no-repeat left top;margin-left:14px;}
#footer .footer_in > .footer_area02 > a.youtube{background:url(../images/icon_youtube.svg) no-repeat left top;margin:3px 0 0 14px;}
#footer .footer_in > .footer_area02 > a.facebook:hover{background:url(../images/icon_facebook_over.svg) no-repeat left top;}
#footer .footer_in > .footer_area02 > a.blog:hover{background:url(../images/icon_blog_over.svg) no-repeat left top;}
#footer .footer_in > .footer_area02 > a.instagram:hover{background:url(../images/icon_instagram_over.svg) no-repeat left top;}
#footer .footer_in > .footer_area02 > a.youtube:hover{background:url(../images/icon_youtube_over.svg) no-repeat left top;}
#footer .footer_in > .footer_area03{margin:2px 48px 0 0;}
#footer .footer_in > .footer_area03 .copyright{font-size:13.3px;color:#004b3e;}
/* footer EN/JA */
#footer.global .footer_in > .footer_area01{margin:0 0 0 160px;}
#footer.global .footer_in > .footer_area01 > strong{display:inline-block;margin-top:-7px;}
#footer.global .footer_in > .footer_area01 > strong > img{width:120px;}
#footer.global .footer_in > .footer_area02{margin:0 100px 0 140px;}
#footer.global .footer_in > .footer_area03{margin:2px 110px 0 0;}
#footer.global .footer_in > .footer_area04{margin:0 90px 0 0;}
#footer.global .footer_in > .footer_area04 > strong > span{display:inline-block;color:#004b3e;font-family:'FibraOneBold';}
#footer.global .footer_in > .footer_area04 > strong > a{display:inline-block;margin-left:12px;width:20px;height:20px;background:url(../images/icon_facebook.svg) no-repeat left top;text-indent:-9999px;vertical-align:top;}
#footer.global .footer_in > .footer_area04 > strong > a:hover{background:url(../images/icon_facebook_over.svg) no-repeat left top;}

#scroll_marker{position:fixed;right:15%;bottom:5%;;z-index:5;}
#scroll_marker a{display:block;width:60px;height:60px;}
#scroll_marker a.scroll_bottom.sm_bounce{animation:sm_bounce 2s;animation-delay:0.1s;}
#scroll_marker a.scroll_bottom.sm_fadeOut{display:none;animation:sm_fadeOut 0.2s forwards;}
#scroll_marker a.scroll_top{display:none;}
#scroll_marker a.scroll_top.sm_fadeIn{display:block;width:60px;height:60px;animation:sm_fadeIn 0.2s forwards;}
#scroll_marker a img{width:100%;height:100%;}

#game_note{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0, 0, 0, 0.3);z-index:10001;display:none;}
#game_note .note{position:absolute;left:50%;top:50%;margin:-90px 0 0 -200px;}
#game_note .note .note_in{position:relative;}
#game_note .note .note_in .pang{display:none;}
#game_note .note .note_in .town{display:none;}
#game_note .note .note_in a.close{position:absolute;right:0;top:0;padding:10px;}



/* main page */
#container > .main_banner{width:100%;height:100%;position:relative;overflow:visible;}
#container > .main_banner .main_banner_bg{text-align:center;background-image:url(../images/video/banner_bg_main.jpg);background-repeat:no-repeat;background-position:center top;background-size:2560px 932px;}
#container > .main_banner .main_banner_bg .video_pc{width:2560px;height:932px;display:block;margin:0 auto;}
#container > .main_banner .main_banner_bg .video_mobile{display:none;}
#container > .main_banner #slogan{background:#004b3e;width:400px;position:absolute;left:50%;margin-left:-600px;top:620px;z-index:1;animation:moveDown 1.5s forwards;animation-delay:0.1s;}
#container > .main_banner #slogan div{padding:93px 0 97px 36px;}
#container > .main_banner #slogan div > strong{display:block;color:#fff;font-size:95px;font-family:'FibraOneBold';}
#container > .main_banner #slogan div > p{padding-top:52px;font-size:33px;color:#cee8d7;line-height:47px;font-family:'NanumSquareRoundEB';}
body.ja #container > .main_banner #slogan div > p{font-family:'NotoSansJP-Bold';}
#container section .sector_in{width:1200px;margin:0 auto;overflow:hidden;}
#container section .sector_in .sector_left{float:left;width:50%;}
#container section .sector_in .sector_right{float:right;width:45%;padding-left:5%;}
#container #sector01{padding:60px 0 90px 0;background:#def0ea;}
#container #sector01 .sector_in .sector_left h2{color:#004b3e;font-size:66px;font-family:'FibraOneBold';}
#container #sector01 .sector_in .sector_right strong{color:#004b3e;font-size:30px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #sector01 .sector_in .sector_right strong{font-family:'NotoSansJP-Bold';}
#container #sector01 .sector_in .sector_right p{line-height:26px;margin:30px 0;}
#container #sector02{padding:130px 0 130px 0;background:#c4e4d3;}
#container #sector02 .sector_in .sector_left h2{margin-bottom:30px;color:#004b3e;font-size:21px;font-family:'FibraOneBold';}
#container #sector02 .sector_in .sector_left strong{color:#0bab8b;font-size:50px;line-height:70px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #sector02 .sector_in .sector_left strong{font-family:'NotoSansJP-Bold';}
#container #sector02 .sector_in .sector_left p{line-height:30px;margin:30px 0 60px;}
#container #sector02 .sector_in .sector_right > img{width:100%;}
#container #sector03{padding:155px 0 125px 0;}
#container #sector03 .sector_in .sector_center{padding:70px 0 185px 500px;background:url(../images/bg_games_pokopangtown.png) no-repeat 160px top;background-size: auto 497px;}
#container #sector03 .sector_in .sector_center h2{padding-bottom:16px;margin-bottom:26px;border-bottom:1px solid #d7d6d7;color:#5f5d5f;font-size:21px;font-family:'FibraOneBold';}
#container #sector03 .sector_in .sector_center strong{color:#004b3e;font-size:50px;line-height:1.2;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #sector03 .sector_in .sector_center strong{font-family:'NotoSansJP-Bold';}
#container #sector03 .sector_in .sector_center p{margin:35px 0;line-height:30px;}
#container #sector04{padding:120px 0 170px 0;background:#dcefef url(../images/bg_character_business.png) no-repeat 65% bottom;}
#container #sector04 .sector_in .sector_left h2{margin-bottom:30px;color:#004b3e;font-size:21px;font-family:'FibraOneBold';}
#container #sector04 .sector_in .sector_left strong{color:#004b3e;font-size:50px;line-height:1.2;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #sector04 .sector_in .sector_left strong{font-family:'NotoSansJP-Bold';}
#container #sector04 .sector_in .sector_left p{line-height:30px;margin:30px 0;}
#container #sector05{padding:130px 0 160px 0;}
#container #sector05 .sector_in .sector_left > div{padding:50px 49px 51px;background:#003c2f;}
body.en #container #sector05 .sector_in .sector_left > div{padding:50px 49px 76px;}
body.ja #container #sector05 .sector_in .sector_left > div{padding:50px 49px 76px;}
#container #sector05 .sector_in .sector_left > div > h2{padding-bottom:31px;margin-bottom:31px;border-bottom:1px solid #0bab8b;color:#0bab8b;font-size:47px;font-family:'FibraOneBold';}
#container #sector05 .sector_in .sector_left > div > h2 > span{display:block;margin-top:23px;color:#0bab8b;font-size:20px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #sector05 .sector_in .sector_left > div > h2 > span{font-family:'NotoSansJP-Medium';}
#container #sector05 .sector_in .sector_left > div > div{color:#fff;overflow:hidden;}
#container #sector05 .sector_in .sector_left > div > div > strong{display:block;margin:0 0 25px 0;color:#fff;line-height:38px;font-size:30px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #sector05 .sector_in .sector_left > div > div > strong{font-family:'NotoSansJP-Bold';}
#container #sector05 .sector_in .sector_left > div > div > p{float:left;width:50%;line-height:24px;}
#container #sector05 .sector_in .sector_left > div > div > p > em{display:block;font-family:'FibraOneBold';}
#container #sector05 .sector_in .sector_left > div > div > p > span{font-size:14px;}
#container #sector05 .sector_in .sector_right{width:50%;padding:0;}
#container #sector05 .sector_in .sector_right > img{width:100%;}
/*
#container #sector01 .sector_in,
#container #sector02 .sector_in,
#container #sector03 .sector_in,
#container #sector04 .sector_in,
#container #sector05 .sector_in,
#container #sector06 .sector_in{opacity:0;}
#container #sector01.active .sector_in,
#container #sector02.active .sector_in,
#container #sector03.active .sector_in,
#container #sector04.active .sector_in,
#container #sector05.active .sector_in,
#container #sector06.active .sector_in{
  animation:fadeIn 0.75s forwards;
}*/



/* sub page */
#container .banner{position:relative;min-height:932px;background-repeat:no-repeat;background-position:center top;background-size:2560px 932px;}
#container .banner.about{background-image:url(../images/video/banner_bg_about.jpg);}
#container .banner.careers{background-image:url(../images/video/banner_bg_careers.jpg);}
#container .banner.games{background-image:url(../images/video/banner_bg_games.jpg);}
#container .banner.brand{background-image:url(../images/video/banner_bg_brand.jpg);}
#container .banner.recruit{background-image:url(../images/banner_bg_recruit.jpg); min-height: 432px;background-size: 2560px 432px;background-position:center top}
#container .banner .banner_bg{text-align:center;}
#container .banner .banner_bg > .video_pc{display:block;margin:0 auto;}
#container .banner .banner_bg > .video_mobile{display:none;}
#container .banner .banner_in{position:absolute;top:0;bottom:0;left:0;right:0;}
#container .banner .banner_in .inner{width:1200px;margin:0 auto;overflow:hidden;}
#container .banner .banner_in .inner .banner_heading{float:left;width:50%;padding:350px 0 0 0;animation:moveDown 1s forwards;}
#container .banner .banner_in .inner .banner_games_title{text-align:center;padding-top:390px;}
#container .banner .banner_in .inner .banner_heading strong{display:block;color:#fff;font-size:30px;font-family:'FibraOneBold';}
#container .banner .banner_in .inner .banner_heading strong.color{color:#004b3e;}
#container .banner .banner_in .inner .banner_heading span{display:block;margin-top:50px;font-size:56px;color:#fff;line-height:85px;font-family:'NanumSquareRoundEB';}
body.ja #container .banner .banner_in .inner .banner_heading span{line-height:72px;font-family:'NotoSansJP-Bold';}
body.ja #container .banner .banner_in .inner .banner_heading span > em.english{font-family:'NanumSquareRoundEB';}
#container .banner .banner_in .inner .banner_heading span.color{color:#004b3e;}
#container .banner .banner_in .inner .banner_desc{float:right;width:50%;margin-top:433px;}
#container .banner .banner_in .inner .banner_desc p{padding-left:50px;color:#fff;line-height:44px;font-size:22px;font-family:'NotoSansKR-EN-Medium';animation:subBanner 1s forwards;}
body.ja #container .banner .banner_in .inner .banner_desc p{font-family:'NotoSansJP-Medium';}
body.ja #container .banner.games .banner_in .inner .banner_desc p{padding:11px 0 0 50px;}
#container .banner .banner_in .inner .banner_desc p.color{color:#4a4a4d;}
#container .banner .banner_in .inner .banner_desc a.btn_apply_careers{display:inline-block;margin:20px 0 0 50px;padding:16px 63px;background:#0bab8b;color:#fff;font-weight:bold;}
#container section .sector_in .sector_left strong{color:#004b3e;font-size:30px;line-height:40px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container section .sector_in .sector_left strong{font-family:'NotoSansJP-Bold';}
#container section .sector_in .sector_right strong{color:#004b3e;font-size:30px;line-height:40px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container section .sector_in .sector_right strong{font-family:'NotoSansJP-Bold';}
#container section .sector_in .sector_left p{line-height:30px;}
#container section .sector_in .sector_right p{line-height:30px;}
/* sub page(about) */
#container #about01 .sector_in{padding:150px 0;}
#container #about02 .sector_in{padding:150px 0;}
#container #about03 .sector_in{padding:150px 0;}
#container .banner.about .banner_in .inner .banner_desc p{margin-left:-50px;}
#container #about01 .sector_in:after{content:'';display:block;clear:both;}
#container #about01 .sector_in h2{padding-bottom:20px;color:#0bab8b;font-size:26px;font-family:'FibraOneBold';}
#container #about01 .sector_in .sector_left{width:38%;padding:0 2% 0 0;word-wrap:break-word;}
#container #about01 .sector_in .sector_left > strong{display:block;line-height:80px;color:#004b3e;font-size:72px;font-family:'FibraOneBold';}
body.ja #container #about01 .sector_in .sector_left > strong{word-break:keep-all;}
#container #about01 .sector_in .sector_left > em{display:block;padding:40px 0;color:#004b3e;font-size:30px;line-height:40px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #about01 .sector_in .sector_left > em{font-family:'NotoSansJP-Bold';}
#container #about01 .sector_in .sector_left > p{line-height:30px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #about01 .sector_in .sector_left > p{font-family:'NotoSansJP-Medium';}
#container #about01 .sector_in .sector_right{width:60%;padding:0;max-height:550px;}
#container #about01 .sector_in .sector_right > .img_list{overflow:hidden;}
#container #about01 .sector_in .sector_right > .img_list li{float:left;width:33.33%;}
#container #about01 .sector_in .sector_right > .img_list li:nth-of-type(2){margin-top:93px;}
#container #about01 .sector_in .sector_right > .img_list li img{width:100%;}
#container #about02{background:#e9e9e9;}
#container #about02 h2{padding-bottom:20px;color:#0bab8b;font-size:26px;font-family:'FibraOneBold';}
#container #about02 .sector_in .sector_left{width:80%;}
#container #about02 .sector_in .sector_left div{overflow:visible;padding:5px 0 50px;}
#container #about02 .sector_in .sector_left div strong{display:inline-block;width:33%;line-height:80px;color:#004b3e;font-size:72px;font-family:'FibraOneBold';}
body.ja #container #about02 .sector_in .sector_left div strong{width:35%;word-break:keep-all;}
#container #about02 .sector_in .sector_left div em{display:inline-block;width:63%;margin:56px -100px 0 5%;color:#004b3e;line-height:40px;font-size:30px;font-family:'NotoSansKR-EN-Bold';}
body.en #container #about02 .sector_in .sector_left div em{width:70%;margin:56px -100px 0 5%;letter-spacing:1px;}
body.ja #container #about02 .sector_in .sector_left div em{font-family:'NotoSansJP-Bold';}
body.ja #container #about02 .sector_in .sector_left div em{width:60%;}
#container #about02 .sector_in .sector_left > img{width:96%;}
#container #about02 .sector_in .sector_right{width:20%;padding:230px 0 0 0;}
body.ko #container #about02 .sector_in .sector_right{padding:210px 0 0 0;}
#container #about02 .sector_in .sector_right p{font-family:'NotoSansKR-EN-Medium';}
body.ja #container #about02 .sector_in .sector_right p{font-family:'NotoSansJP-Medium';}
#container #about03 h2{padding-bottom:20px;color:#0bab8b;font-size:26px;font-family:'FibraOneBold';}
#container #about03 .sector_in .sector_left{width:55%;}
#container #about03 .sector_in .sector_left > strong{display:block;margin-bottom:40px;line-height:80px;color:#004b3e;font-size:72px;font-family:'FibraOneBold';}
#container #about03 .sector_in .sector_left > .img_cover img{width:100%;}
#container #about03 .sector_in .sector_right{width:40%;padding-top:30px;}
#container #about03 .sector_in .sector_right > strong{display:block;padding:90px 0 30px;}
/* sub page(history) */
#container #history01{padding:190px 0;}
#container #history01 .sector_in{width:1280px;}
#container #history01 .sector_in > h2{margin:0 0 35px 65%;color:#8b8b8c;font-size:27px;font-family:'FibraOneBold';}
#container #history01 .sector_in > ul > li{overflow:hidden;padding:0 0 160px 0;background:url(../images/bg_history_line.png) repeat-y 46.5% top;}
#container #history01 .sector_in > ul > li:last-child{background-image:none;}
#container #history01 .sector_in > ul > li > div{float:left;}
#container #history01 .sector_in > ul > li > .history_left{width:30%;padding:3% 5% 0 0;text-align:right;}
#container #history01 .sector_in > ul > li > .history_left em{display:block;color:#004b3e;font-size:35px;font-family:'FibraOneBold';}
#container #history01 .sector_in > ul > li > .history_left ul{margin-top:25px;}
#container #history01 .sector_in > ul > li > .history_left ul li{overflow:hidden;padding-bottom:10px;line-height:28px;}
#container #history01 .sector_in > ul > li > .history_left ul li span{color:#767676;font-size:17px;}
#container #history01 .sector_in > ul > li > .history_left ul li span.month{float:right;margin-left:25px;}
#container #history01 .sector_in > ul > li > .history_left ul li span.cont{float:right;}
#container #history01 .sector_in > ul > li > .history_left ul li span.indent{margin-right:44px;}
#container #history01 .sector_in > ul > li > .history_center{width:25%;}
#container #history01 .sector_in > ul > li > .history_right{width:35%;padding:20px 0 0 5%;}
#container #history01 .sector_in > ul > li > .history_right > strong{display:block;margin-bottom:30px;color:#0bab8b;line-height:30px;font-size:24px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #history01 .sector_in > ul > li > .history_right > strong{font-family:'NotoSansJP-Bold';}
#container #history01 .sector_in > ul > li > .history_right > p{color:#475545;line-height:30px;font-size:16px;}
/* sub page(location) */
#container #location01{padding:180px 0 100px;}
#container #location01 .sector_in h2{padding-bottom:20px;border-bottom:1px solid #b0b0b0;color:#004b3e;font-size:23px;font-family:'FibraOneBold';}
#container #location01 .sector_in .sector_left{width:48%;padding:0 2% 0 0;}
#container #location01 .sector_in .sector_left strong{color:#0bab8b;}
#container #location01 .sector_in .sector_right{width:48%;padding:0 0 0 2%;}
#container #location01 .sector_in .sector_right strong{color:#0bab8b;}
#container #location01 .sector_in div .map_area{min-height:400px;margin:75px 0 40px;}
#container #location01 .sector_in div address{margin:25px 0 15px;line-height:24px;color:#5f5d5f;font-size:18px;}
#container #location01 .sector_in div p{line-height:24px;color:#5f5d5f;font-size:16px;}
#container #location02{padding:0 0 130px 0;}
#container #location02 .sector_in h2{padding-bottom:20px;border-bottom:1px solid #b0b0b0;color:#004b3e;font-size:23px;font-family:'FibraOneBold';}
#container #location02 .sector_in ul{overflow:hidden;margin-top:72px;}
#container #location02 .sector_in ul li{float:left;width:28%;margin-bottom:85px;}
#container #location02 .sector_in ul li strong{display:block;font-size:25px;font-weight:bold;color:#0bab8b;}
#container #location02 .sector_in ul li span{display:block;margin:12px 0 24px;color:#5f5d5f;}
#container #location02 .sector_in ul li a{display:inline-block;color:#5f5d5f;font-size:20px;}
/* sub post(blog) */
#container #blog01{padding:185px 0 180px;}
#container #blog01 .sector_in h2{padding-bottom:22px;border-bottom:1px solid #808080;color:#004b3e;font-size:23px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #blog01 .sector_in h2{font-family:'NotoSansJP-Bold';}
#container #blog01 .sector_in .grid{padding:135px 0 0 0;}
#container #blog01 .sector_in .grid.images-unloaded{opacity: 0;}
#container #blog01 .sector_in .grid:after{content:'';display:block;clear:both;}
#container #blog01 .sector_in .grid li.grid-sizer{width:31%;}
#container #blog01 .sector_in .grid li.gutter-sizer{width:3.533%;}
#container #blog01 .sector_in .grid li.grid-item{float:left;width:31%;margin-bottom:100px;}
#container #blog01 .sector_in .grid li.images-unloaded-item{opacity: 0;}
#container #blog01 .sector_in .grid li a{display:block;}
#container #blog01 .sector_in .grid li a img{max-width:100%;}
#container #blog01 .sector_in .grid li a .cont span{display:block;padding:15px 0;color:#0bab8b;font-size:16px;}
#container #blog01 .sector_in .grid li a .cont strong{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:2.8em;color:#5f5d5f;font-size:25px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #blog01 .sector_in .grid li a .cont strong{font-family:'NotoSansJP-Medium';}
#container #blog01 .sector_in .grid_more{text-align:center;padding-top:50px;}
#container #blog01 .sector_in .grid_more .loadmore{display:inline-block;padding:15px 30px;background:#fff;border:2px solid #85d5c5;color:#0bab8b;font-size:20px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #blog01 .sector_in .grid_more .loadmore{font-family:'NotoSansJP-Medium';}
#container #blog02{padding:185px 0 180px;}
#container #blog02 .sector_in h2{padding-bottom:22px;border-bottom:1px solid #808080;color:#004b3e;font-size:23px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #blog02 .sector_in h2{font-family:'NotoSansJP-Bold';}
#container #blog02 .sector_in .content .view{padding:20px 0;}
#container #blog02 .sector_in .content .view .view_title{line-height:42px;color:#004b3e;font-size:28px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #blog02 .sector_in .content .view .view_title{font-family:'NotoSansJP-Medium';}
#container #blog02 .sector_in .content .view .view_cont{padding-top:55px;line-height:25px;}
#container #blog02 .sector_in .content .view .view_cont strong{font-weight:bold;}
#container #blog02 .sector_in .content .btn{display:inline-block;color:#0bab8b;padding:15px 35px;border:2px solid #85d5c5;font-size:20px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #blog02 .sector_in .content .btn{font-family:'NotoSansJP-Medium';}
/* sub page(careers) */
#container .banner.careers .banner_in .inner .banner_heading{padding:240px 0 0 0;}
#container .banner.careers .banner_in .inner .banner_desc{margin-top:323px;}
#container section .sector_in h2.careers_title{padding-bottom:20px;border-bottom:1px solid #808080;color:#004b3e;font-size:23px;font-family:'FibraOneBold';}

#container section .sector_in h2.recruit_title{text-align:center;color:#004b3e;font-size:50px;line-height:52px;font-family:'NanumSquareRoundEB';}
#container section .sector_in span.recruit_body{text-align:center;color:#004b3e;font-size:21px;line-height:25px; margin: 40px 0 90px;display: block;}

#container #careers01{padding:250px 0 150px;}
#container #careers01 .sector_in div strong{display:block;margin:45px 0;color:#0bab8b;font-size:23px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers01 .sector_in div strong{font-family:'NotoSansJP-Bold';}
#container #careers01 .sector_in div .treetive{overflow:hidden;height:415px;}
#container #careers01 .sector_in div .treetive dl{float:left;width:30%;margin-left:5%;opacity:0;}
#container #careers01.active .sector_in div .treetive dl:nth-child(1){margin-left:0;animation:animation 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75) forwards; animation-delay:0.2s;/* animation:animation 0.5s cubic-bezier(0.71, 0.5, 0.69, 1.4) forwards; animation-delay:0.2s; */}
#container #careers01.active .sector_in div .treetive dl:nth-child(2){animation:animation 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75) forwards; animation-delay:0.4s;}
#container #careers01.active .sector_in div .treetive dl:nth-child(3){animation:animation 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75) forwards; animation-delay:0.6s;}
#container #careers01 .sector_in div .treetive dl dt{display:block;text-align:center;padding:150px 0 131px 0;background-size:100% 100%;}
#container #careers01 .sector_in div .treetive dl:nth-child(1) dt{background-image:url(../images/bg_careers_stand.png);}
#container #careers01 .sector_in div .treetive dl:nth-child(2) dt{background-image:url(../images/bg_careers_inspire.png);}
#container #careers01 .sector_in div .treetive dl:nth-child(3) dt{background-image:url(../images/mindset_integrity_220303.jpg);}
#container #careers01 .sector_in div .treetive dl dt em{display:inline-block;padding-bottom:10px;border-bottom:4px solid #fff;color:#fff;font-size:33px;font-family:'FibraOneBold';}
#container #careers01 .sector_in div .treetive dl dd{height:70px;padding-top:17px;line-height:24px;text-align:center;color:#fff;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers01 .sector_in div .treetive dl dd{font-family:'NotoSansJP-Bold';}
#container #careers01 .sector_in div .treetive dl:nth-child(1) dd{background:#91cca4;}
#container #careers01 .sector_in div .treetive dl:nth-child(2) dd{background:#eac39a;}
#container #careers01 .sector_in div .treetive dl:nth-child(3) dd{background:#abd3d4;}
#container #careers02{padding:0 0 100px 0;}
#container #careers02 .swiper-pagination{position:static;width:1200px;margin:0 auto;}
#container #careers02 .swiper-pagination > span{display:inline-block;padding:30px 0 70px;width:12.5%;height:auto;background:#fff url(../images/bg_careers02_line.png) no-repeat left 30px;border-radius:0;opacity:1;color:#004b3e;font-size:22px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers02 .swiper-pagination > span{font-family:'NotoSansJP-Medium';}
#container #careers02 .swiper-pagination > span:first-child{background-image:none;}
#container #careers02 .swiper-pagination > span.swiper-pagination-bullet-active{color:#0bab8b;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers02 .swiper-pagination > span.swiper-pagination-bullet-active{font-family:'NotoSansJP-Bold';}
#container #careers02 .swiper-pagination > span:focus{outline:none;}
#container #careers02 .swiper-container .swiper-wrapper .swiper-slide{padding:90px 0 110px;background-repeat:no-repeat;background-position:center top;background-size:100%;background-size: cover;}
#container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div{width:1200px;margin:0 auto;}
#container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > strong{display:block;padding-bottom:80px;color:#89cda7;font-size:50px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > strong{font-family:'NotoSansJP-Bold';}
#container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > p{min-height:175px;color:#fff;line-height:43px;font-size:25px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > p{font-family:'NotoSansJP-Medium';}
#container #careers02 .swiper-button-prev{left:5%;background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>");}
#container #careers02 .swiper-button-next{right:5%;background-image:url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>");}
#container #careers04{padding:0 0 130px 0;}
#container #careers04 .sector_in ul{overflow:hidden;padding:40px 0 55px;margin-top:85px;background-image:url(../images/bg_careers_life01.png);background-repeat:no-repeat;background-position:center top;}
#container #careers04 .sector_in ul.life02{background-image:url(../images/bg_careers_life02.png);}
#container #careers04 .sector_in ul.life03{background-image:url(../images/bg_careers_life03.png);}
#container #careers04 .sector_in ul.life04{background-image:url(../images/bg_careers_life04.png);}
#container #careers04 .sector_in ul.life05{background-image:url(../images/bg_careers_life05.png);}
#container #careers04 .sector_in ul.life06{background-image:url(../images/bg_careers_life06.png);}
#container #careers04 .sector_in ul li{float:left;width:48%;position:relative;}
#container #careers04 .sector_in ul li:nth-child(1){margin:0 2% 0 0;}
#container #careers04 .sector_in ul li:nth-child(2){margin:230px 0 0 2%;}
#container #careers04 .sector_in ul li:nth-child(3){margin:15px 2% 0 0;}
#container #careers04 .sector_in ul li:nth-child(4){margin:170px 0 0 2%;}
#container #careers04 .sector_in ul li:nth-child(5){margin:-25px 2% 0 0;}
#container #careers04 .sector_in ul li:nth-child(6){margin:200px 0 0 2%;}
#container #careers04 .sector_in ul li img{width:100%;}
#container #careers04 .sector_in ul li div{position:absolute;padding:19px 32px;background-color:rgba( 255, 255, 255, 0.7 );color:#004b3e;line-height:30px;font-size:20px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers04 .sector_in ul li div{font-family:'NotoSansJP-Medium';}
#container #careers04 .sector_in ul li:nth-child(odd) div{right:0;bottom:0;text-align:right;}
#container #careers04 .sector_in ul li:nth-child(even) div{left:0;bottom:0;text-align:left;}
#container #careers05{padding:0 0 160px 0;}
#container #careers05 .sector_in > ul > li{overflow:hidden;padding:40px 0 35px;border-bottom:1px solid #e0e0e0;}
#container #careers05 .sector_in > ul > li > div{float:left;width:50%;}
#container #careers05 .sector_in > ul > li > div strong{display:block;color:#004b3e;font-size:28px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers05 .sector_in > ul > li > div strong{font-family:'NotoSansJP-Bold';}
#container #careers05 .sector_in > ul > li > div strong span{margin-right:20px;color:#004b3e;font-size:28px;font-family:'NanumSquareRoundEB';}
#container #careers05 .sector_in > ul > li > div p{line-height:22px;margin:26px 0 0 54px;font-size:12px;}
#container #careers05 .sector_in > ul > li > ul.benefit_list{float:left;width:45%;padding-left:5%;margin-top:-35px;}
#container #careers05 .sector_in > ul > li > ul.benefit_list li{float:left;width:16.66%;height:105px;margin-top:35px;}
#container #careers05 .sector_in > ul > li > ul.benefit_list li img{display:block;width:60%;padding:0 20%;}
#container #careers05 .sector_in > ul > li > ul.benefit_list li span{display:block;margin-top:14px;text-align:center;color:#004b3e;line-height:17px;font-size:12px;}
/* 인턴십 탭 주석처리로 4개->3개 레이아웃 원복 */
/* #container #careers06 #jobList .jobList_tab01{width:800px;margin:0 auto;padding-top:65px;overflow:hidden;} */
/* #container #careers06 #jobList .jobList_tab01 li{float:left;width:25%;} */
#container #careers06 #jobList .jobList_tab01{width:600px;margin:0 auto;padding-top:65px;overflow:hidden;}
#container #careers06 #jobList .jobList_tab01 li{float:left;width:33.33%;}
#container #careers06 #jobList .jobList_tab01 li a{display:block;padding:17px 0;text-align:center;color:#004b3e;font-size:28px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers06 #jobList .jobList_tab01 li a{font-family:'NotoSansJP-Bold';}
#container #careers06 #jobList .jobList_tab01 li a.on{color:#0bab8b;background:#edf7f2;}
/* #container #careers06 #jobList .jobList_event_banner{display:block;width:100%;margin:40px 0 0;line-height:0;} */
/* #container #careers06 #jobList .jobList_event_banner img{display:block;width:100%;height:auto;} */
/* #container #careers06 #jobList .jobList_event_banner .jobList_event_banner_mo{display:none;} */
#container #careers06 #jobList .jobList_tab02{width:1200px;margin:0 auto;border-top:2px solid #333;overflow:hidden;}
#container #careers06 #jobList .jobList_tab02 li{float:left;width:11.11%;}
#container #careers06 #jobList .jobList_tab02 li a{display:block;padding:20px 0;background:url(../images/bg_careers02_line.png) no-repeat -1px 20px;text-align:center;color:#004b3e;font-size:22px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers06 #jobList .jobList_tab02 li a{font-family:'NotoSansJP-Medium';}
#container #careers06 #jobList .jobList_tab02 li a.on{color:#0bab8b;background:#edf7f2 url(../images/bg_careers02_line.png) no-repeat -1px 20px;}
#container #careers06 #jobList .jobList_tab02 li:first-child a{background-image:none;}
#container #careers06 #jobList .jobList_tab02 li:first-child a.on{background-image:none;}
#container #careers06 #jobList .jobList_keyword{text-align:center;margin:66px 0 33px;}
#container #careers06 #jobList .jobList_keyword > div{width:486px;margin:0 auto;position:relative;}
#container #careers06 #jobList .jobList_keyword > div > input[type=text]{width:90%;padding:3% 4%;border:3px solid #92cca4;-webkit-appearance:none;border-radius:0;}
#container #careers06 #jobList .jobList_keyword > div > button{border:none;background:none;position:absolute;top:12px;right:20px;}
#container #careers06 #jobList .jobList_info{overflow:hidden;width:87.5%;margin:85px auto;}
#container #careers06 #jobList .jobList_info .info_none{padding:100px 0;text-align:center;line-height:1.6;color:#000;font-size:18px;}
#container #careers06 #jobList .jobList_info .info{float:left;width:32.3%;margin:0.5%;}
#container #careers06 #jobList .jobList_info .info .info_summary{display:block;min-height:220px;padding:20px 30px;background:#f0f8f3;}
#container #careers06 #jobList .jobList_info .info .info_summary > span{display:block;color:#004b3e;font-size:20px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers06 #jobList .jobList_info .info .info_summary > span{font-family:'NotoSansJP-Medium';}
#container #careers06 #jobList .jobList_info .info .info_summary > span.region{display:inline-block;padding:5px;background:#91cca4;color:#fff;font-size:15px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers06 #jobList .jobList_info .info .info_summary > span.region{font-family:'NotoSansJP-Bold';}
#container #careers06 #jobList .jobList_info .info .info_summary > span.region.seoul{background:#0bab8b;}
#container #careers06 #jobList .jobList_info .info .info_summary > span.title{margin:16px 0 70px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;line-height:1.4em;height:2.8em;}
#container #careers06 #jobList .jobList_info .info .info_summary > span.career{display:inline-block;padding:6px 14px;color:#fff;background:#004b3e;border-radius:20px;}
#container #careers06 #jobList .jobList_info .info .info_summary > span.date{margin:16px 0;padding-left:35px;font-size:18px;background-image:url(../images/icon_calendar.svg);background-repeat:no-repeat;background-position:left top;background-size:18px 18px;}
#container #careers06 #jobList .jobList_info .info .info_summary:hover{background:#91cca4;}
#container #careers06 #jobList .jobList_info .info .info_summary:hover > span.region{background:#fff;color:#92cca4;}
#container #careers06 #jobList .jobList_info .info .info_summary:hover > span.career{background:#0bab8b;}
#container #careers06 #jobList .jobList_info .info .info_summary:hover > span.date{background-image:url(../images/icon_calendar_on.svg);background-repeat:no-repeat;background-position:left top;background-size:18px 18px;}
/* #container #careers06 #jobList .jobList_info .info .info_cont *{font-family:'NotoSansKR-EN-Medium' !important;} */
body.ja #container #careers06 #jobList .jobList_info .info .info_cont *{font-family:'NotoSansJP-Medium' !important;}
#container #careers06 #jobList .jobList_info .info .info_cont{display:none;padding:30px 0;}
#container #careers06 #jobList .jobList_info .info.on{float:none;width:100%;margin:0;}
#container #careers06 #jobList .jobList_info .info.on .info_summary{min-height:auto;background:none;border-top:2px solid #868686;border-bottom:2px solid #868686;cursor:default;}
#container #careers06 #jobList .jobList_info .info.on .info_summary > span{display:inline-block;}
#container #careers06 #jobList .jobList_info .info.on .info_summary > span.region{display:none;}
#container #careers06 #jobList .jobList_info .info.on .info_summary > span.title{margin:0 20px 0 0;height:auto;}
#container #careers06 #jobList .jobList_info .info.on .info_summary > span.career{display:none;}
#container #careers06 #jobList .jobList_info .info.on .info_summary > span.date{color:#808080;background:none;}
#container #careers06 #jobList .jobList_info .info.on .info_summary > span.word{display:none;}
#container #careers06 #jobList .jobList_info .info.on .info_cont > .careers_info_btn{margin-top:50px;padding-top:80px;border-top:1px solid #bfbfbf;text-align:center;}
#container #careers06 #jobList .jobList_info .info.on .info_cont > .careers_info_btn > a{display:inline-block;width:110px;padding:12px 22px;margin:0 7px;border:1px solid #1ea384;color:#1ea384;}
#container #careers06 #jobList .jobList_info .info.on .info_cont > .careers_info_btn > a.shape{background:#1ea384;color:#fff;}
#container #careers07{padding:100px 0 200px 0;}
#container #careers07 .sector_in ol{overflow:hidden;margin:105px 90px 60px;}
#container #careers07 .sector_in ol li{float:left;text-align:center;width:194px;padding-left:81px;background:url(../images/bg_careers07_line.png) repeat-x 0 100px;}
#container #careers07 .sector_in ol li:first-child{padding-left:0;}
#container #careers07 .sector_in ol li div{padding:62px 0;line-height:35px;border-radius:100%;font-size:24px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers07 .sector_in ol li div{font-family:'NotoSansJP-Bold';}
#container #careers07 .sector_in ol li:nth-child(1) div{background:#c4e4d3;color:#004b3e;}
#container #careers07 .sector_in ol li:nth-child(2) div{background:#91cca4;color:#004b3e;}
#container #careers07 .sector_in ol li:nth-child(3) div{background:#0bab8b;color:#fff;}
#container #careers07 .sector_in ol li:nth-child(4) div{background:#004b3e;color:#fff;}
#container #careers07 .sector_in ol li p{margin-top:25px;line-height:30px;color:#1e1a18;font-size:16px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers07 .sector_in ol li p{font-family:'NotoSansJP-Medium';}
#container #careers07 .sector_in ol li p span{display:block;width:73%;margin:3px auto 0;line-height:20px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers07 .sector_in ol li p span{font-family:'NotoSansJP-Medium';}
#container #careers07 .sector_in > p{margin:0 90px;}
#container #careers07 .sector_in > p span{display:block;line-height:22px;color:#1e1a18;font-size:13px;}
#container #careers08{padding:85px 0 120px 0;}
#container #careers08 .sector_in > p{padding:0 420px;text-align:center;color:#004b3e;line-height:32px;font-size:16px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #careers08 .sector_in > p{font-family:'NotoSansJP-Medium';}
#container #careers08 .sector_in > div{text-align:center;margin-top:30px;}
#container #careers08 .sector_in > div > a{display:inline-block;padding:15px 70px;border-radius:10px;text-align:center;background:#0bab8b;color:#fff;font-size:22px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #careers08 .sector_in > div > a{font-family:'NotoSansJP-Bold';}
/* sub page(games) */
#container .games .games_in{max-width:1200px;margin:0 auto;}
#container .games .games_in:after{content:'';display:block;clear:both;}
#container .games .games_in .games_parts66{float:left;width:66.66%;background:url(../images/bg_games_02.png) no-repeat 90px 0;}
body.ko #container .games .games_in .games_parts66,
body.en #container .games .games_in .games_parts66{background:url(../images/bg_games_02_global.png) no-repeat 90px 0;}
#container .games .games_in .games_parts33{float:left;width:33.33%;}
#container .games .games_in .games_parts33 > h3{margin:130px 0 40px;}
#container .games .games_in .games_parts33 > h3 > span{display:block;padding-top:30px;color:#5f5d5f;font-size:21px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container .games .games_in .games_parts33 > h3 > span{font-family:'NotoSansJP-Bold';}
#container .games .games_in .games_parts33 > strong{display:inline-block;line-height:40px;color:#004b3e;font-size:25px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container .games .games_in .games_parts33 > strong{font-family:'NotoSansJP-Bold';}
#container .games .games_in .games_parts33 > p{margin:25px 0 30px;line-height:26px;color:#004b3e;font-size:16px;}
#container .games .games_in .games_parts33 > a.link.type1{font-size:18px;}
#container #games03 .games_in{padding:75px 0 125px;}
#container #games03 .games_in .games_parts66{margin:0 35px 0 -35px;background:url(../images/bg_games_03.png) no-repeat 55px 0;padding:280px 0 35px 0;}
#container #games02{background:#f2f0f1;max-width:100%;margin:0;}
#container #games02 .games_in{padding:75px 0;background:#f2f0f1;}
#container #games02 .games_in .games_parts66{float:right;padding:280px 0 50px 0;}
#container #games02 .games_in .games_parts66 > img{margin-left:65%;}
#container #games01 .games_in{padding:75px 0 125px;}
#container #games01 .games_in .games_parts66{margin:0 35px 0 -35px;background:url(../images/bg_games_01.png) no-repeat 55px 0;padding:420px 0 35px 0;}
/* sub page(pokopangtown, pokopoko, pokopang) */
#container .games_info{padding:215px 0 150px;}
#container .games_info .sector_in h2{padding-bottom:20px;border-bottom:1px solid #808080;margin-bottom:45px;color:#004b3e;font-size:35px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container .games_info .sector_in h2{font-family:'NotoSansJP-Bold';}
#container .games_info .sector_in .info .poko_note{margin-bottom:50px;font-size:16px;line-height:26px;}
#container .games_info .sector_in .info .poko_note > strong{display:block;padding-bottom:15px;color:#0bab8b;font-size:25px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container .games_info .sector_in .info .poko_note > strong{font-family:'NotoSansJP-Bold';}
#container .games_info .sector_in .info .btn{padding-top:30px;padding-bottom:120px;}
#container .games_info .sector_in .info .btn > a{display:inline-block;margin-right:40px;}
#container .games_info .sector_in .games_screen{overflow:hidden;padding-top:0px;}
#container .games_info .sector_in .games_screen > a{float:left;display:block;width:33%;margin-left:1px;}
#container .games_info .sector_in .games_screen > a > img{width:100%;}
#container .games_info .sector_in .games_btn{text-align:center;padding-top:120px;}
#container .games_info .sector_in .games_btn > a{display:inline-block;position:relative;padding:15px 30px 15px 45px;border:1px solid #0cac88;color:#0cac88;font-size:20px;}
#container .games_info .sector_in .games_btn > a:after{display:block;position:absolute;top:20px;left:20px;content:"";width:10px;height:10px;transform:rotate(135deg);border-right:1px solid #0cac88;border-bottom:1px solid #0cac88;}
/* sub page(brand01) */
#container #brand01{padding:125px 0 150px;}
#container #brand01 .sector_in h2{padding-bottom:20px;border-bottom:1px solid #808080;margin-bottom:75px;color:#004b3e;font-size:23px;font-family:'FibraOneBold';}
#container #brand01 .sector_in .sector_center{text-align:center;padding-bottom:70px;}
#container #brand01 .sector_in .sector_right{width:50%;padding-left:0;}
#container #brand01 .sector_in > div > p{padding:33px 20px 0 0;}
#container #brand01 .sector_in > div > p em{display:block;margin-bottom:10px;color:#0bab8b;font-size:25px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #brand01 .sector_in > div > p em{font-family:'NotoSansJP-Bold';}
/* sub page(brand02) */
#container #brand02{padding:125px 0 0;}
#container #brand02 #brand02_top {margin-bottom: 70px;}
#container #brand02 #brand02_bottom {display: inline;}
#container #brand02 #brand02_bottom_mobile {display: none; width: 100%;}
#container #brand02 .sector_in h2 {margin-bottom:10px;color:#0bab8b;font-size:25px;font-family:'NotoSansKR-EN-Bold';}
#container #brand02 .sector_in .sector_center{text-align:center;padding-bottom:70px;}
#container #brand02 .sector_in .sector_right{width:50%;padding-left:0;}
#container #brand02 .sector_in hr {border: 1px solid #0bab8b;display: block;width: 100%;margin: 32px 0px;}
#container #brand02 .sector_in ul {line-height: 30px;}
#container #brand02 .sector_in p > span {font-weight: bold;color: #0bab8b;display: inline-block;margin-right: 8px;}
#container #brand02 .sector_in .links {margin-top: 96px;}
#container #brand02 .sector_in a {width: 48px;height: 48px;margin-right: 48px;text-indent: -9999px;vertical-align: top;display: inline-block;background-size: contain;background-repeat: no-repeat;background-position: center;}
#container #brand02 .sector_in a.kbs {background-image: url(../images/icon_kbs.png)}
#container #brand02 .sector_in a.youtube {background-image: url(../images/icon_youtube_black.svg)}
#container #brand02 .sector_in a.instagram {background-image: url(../images/icon_instagram_black.svg)}
#container #brand02 .sector_in a.tiktok {background-image: url(../images/icon_tiktok_black.svg)}
/* sub page(notice) */
#container #notice01{padding:150px 0;}
#container #notice01 .sector_in .notice_board table{width:100%;border-collapse:collapse;text-align:center;}
#container #notice01 .sector_in .notice_board table .left{text-align:left;padding:15px 25px;line-height:2;}
#container #notice01 .sector_in .notice_board table .date{font-size:14px;font-family:'NotoSansKR-EN-Medium';}
body.ja #container #notice01 .sector_in .notice_board table .date{font-family:'NotoSansJP-Medium';}
#container #notice01 .sector_in .notice_board table thead th{padding:15px 0;border-top:2px solid #154c40;border-bottom:1px solid #154c40;font-family:'NotoSansKR-EN-Bold';}
body.ja #container #notice01 .sector_in .notice_board table thead th{font-family:'NotoSansJP-Bold';}
#container #notice01 .sector_in .notice_board table tbody.line{border-top:1px solid #dcdddd;}
#container #notice01 .sector_in .notice_board table tbody td{padding:10px 0;border-bottom:1px solid #dcdddd;}
#container #notice01 .sector_in .notice_board table tbody td a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;line-height:1.4em;height:2.8em;}
#container #notice01 .sector_in .notice_board table tbody .cont{line-height:2;}
#container #notice01 .sector_in .notice_board .search{text-align:right;margin:25px 0;}
#container #notice01 .sector_in .notice_board .search label{display:none;}
#container #notice01 .sector_in .notice_board .search input[type="text"]{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:3px;margin-right:8px;border-left:none;border-top:none;border-right:none;border-bottom:2px solid #154c40;}
#container #notice01 .sector_in .notice_board .search input[type="text"]:focus{border-bottom:2px solid #61a98b;outline:none;}
#container #notice01 .sector_in .notice_board .search input::-webkit-input-placeholder{color:#61a98b;}
#container #notice01 .sector_in .notice_board .search input:-ms-input-placeholder{color:#61a98b;}
#container #notice01 .sector_in .notice_board .search input::placeholder{color:#61a98b;}
#container #notice01 .sector_in .notice_board .search button{border:none;color:#fff;background:#154c40;padding:5px 12px;border-radius:100px;}
#container #notice01 .sector_in .notice_board .pagination h2{display:none;}
#container #notice01 .sector_in .notice_board .pagination .nav-links{text-align:center;}
#container #notice01 .sector_in .notice_board .pagination .nav-links a{display:inline-block;padding:5px 10px;}
#container #notice01 .sector_in .notice_board .pagination .nav-links span{display:inline-block;padding:5px 10px;color:#fff;background:#154c40;}
#container #notice01 .sector_in .notice_board .btn_notice_board{text-align:right;margin:20px 0 50px;}
#container #notice01 .sector_in .notice_board .btn_notice_board .btn{display:inline-block;padding:10px 20px;background:#154c40;color:#fff;}
/* sub page(terms, privacy, prohibition) */
#container section.policies{padding:150px 0;}
#container section.policies .sector_in h2{padding-bottom:22px;border-bottom:1px solid #808080;color:#004b3e;font-size:23px;font-family:'NotoSansKR-EN-Bold';}
body.ja #container section.policies .sector_in h2{font-family:'NotoSansJP-Bold';}
#container section.policies .sector_in .article{border:1px solid #000;position:relative;height:0;padding-bottom:56.25%;margin:50px;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1;}
#container section.policies .sector_in .article > iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
#container section.policies .sector_in .prohibition{margin:30px 10px;line-height:1.6;}

/* recruit */
#container .banner.recruit .banner_in .inner .banner_heading{padding:114px 0 0 0;}
#container .banner.recruit .banner_in .inner .banner_heading span{margin-top:27px;font-size:46px;color:#fff;}
#container .banner.recruit .banner_in .inner .banner_desc{margin-top:153px;}
#container .banner.recruit .banner_in .inner .banner_desc p{color:#fff;font-size: 19px;}



/* 1920 */
@media only screen and (max-width: 1920px) {
  #scroll_marker{right:5%;}
  /* main page */
  #container > .main_banner .main_banner_bg{height:699px;background-size:1920px 699px;background-position:left top;}
  #container > .main_banner .main_banner_bg .video_pc{width:1920px;height:699px;}
  #container > .main_banner #slogan{top:390px;}
  /* sub page */
  #container .banner{min-height:699px;background-size:1920px 699px;background-position:left top;}
  #container .banner .banner_bg > .video_pc{width:1920px;height:699px;}
  #container .banner .banner_bg > img{width:1920px;height:699px;}
  #container .banner .banner_in .inner .banner_heading{padding:250px 0 0 0;}
  #container .banner .banner_in .inner .banner_desc{margin-top:330px;}
  #container .banner.careers .banner_in .inner .banner_heading{padding:180px 0 0 0;}
  #container .banner.careers .banner_in .inner .banner_desc{margin-top:260px;}
  /* sub page(careers) */
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide{height:auto;padding:110px 0;background-size:auto;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div{width:1000px;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > strong{padding-bottom:30px;font-size:32px;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > p{line-height:1.6;font-size:20px;}
  #container #careers02 .swiper-button-prev{top:40%;}
  #container #careers02 .swiper-button-next{top:40%;}
  /* sub page(games - pokopang, pokopoko, pokopangtown) */
  #container .banner .banner_in .inner .banner_games_title{padding-top:270px;}
  #container .banner.pokopang .banner_in .inner .banner_games_title{padding-top:300px;}
  #container .banner .banner_in .inner .banner_games_title img{max-width:500px;}

/*  #container .banner.recruit{min-height:532px;background-size:1920px 532px;background-position:center top;}
  #container .banner.recruit .banner_in .inner .banner_heading{padding:180px 0 0 0;}
  #container .banner.recruit .banner_in .inner .banner_desc{margin-top:232px;}*/
}





/* 1440 */
@media only screen and (max-width: 1440px) {
  /* main page */
  #container > .main_banner .main_banner_bg{height:524px;background-size:1440px 524px;}
  #container > .main_banner .main_banner_bg .video_pc{width:1440px;height:524px;}
  #container > .main_banner #slogan{top:255px;}
  /* sub page */
  #container .banner{min-height:524px;background-size:1440px 524px;}
  #container .banner .banner_bg > .video_pc{width:1440px;height:524px;}
  #container .banner .banner_bg > img{width:1440px;height:524px;}
  #container .banner .banner_in .inner .banner_heading{padding:170px 0 0 0;}
  #container .banner.careers .banner_in .inner .banner_heading{padding:120px 0 0 0;}
  #container .banner .banner_in .inner .banner_desc{margin-top:250px;}
  #container .banner.careers .banner_in .inner .banner_desc{margin-top:200px;}
  /* sub page(about) */
  #container #about01 .sector_in .sector_left{width:43%;}
  #container #about01 .sector_in .sector_left > strong{line-height:1;font-size:50px;}
  #container #about01 .sector_in .sector_left > em{font-size:22px;}
  #container #about01 .sector_in .sector_right{width:55%;max-height:450px;}
  #container #about02 .sector_in .sector_left{float:none;width:100%;padding:0;}
  #container #about02 .sector_in .sector_left div strong{display:block;width:100%;line-height:1;font-size:50px;}
  body.ja #container #about02 .sector_in .sector_left div strong{width:100%;}
  #container #about02 .sector_in .sector_left div em{display:block;width:100%;margin:30px 0 0 0;line-height:1.6;font-size:22px;}
  body.en #container #about02 .sector_in .sector_left div em{width:100%;margin:30px 0 0 0;letter-spacing:0;}
  body.ja #container #about02 .sector_in .sector_left div em{width:100%;}
  #container #about02 .sector_in .sector_right{float:none;width:100%;padding:30px 0 0 0;}
  body.ko #container #about02 .sector_in .sector_right,
  body.en #container #about02 .sector_in .sector_right{padding:30px 0 0 0;}
  #container #about02 .sector_in .sector_right p br{display:none;}
  #container #about03 .sector_in .sector_left{width:48%;padding:0 2% 0 0;}
  #container #about03 .sector_in .sector_left > strong{line-height:1;font-size:50px;}
  #container #about03 .sector_in .sector_right{width:48%;padding:0 0 0 2%;}
  #container section .sector_in .sector_right strong{line-height:1.6;font-size:24px;}
  #container section .sector_in .sector_right p{line-height:1.6;}
  /* sub page(location) */
  #container #location01 .sector_in .sector_left strong{font-size:24px;}
  #container #location01 .sector_in .sector_right strong{font-size:24px;}
  /* sub page(games - pokopang, pokopoko, pokopangtown) */
  #container .banner .banner_in .inner .banner_games_title{padding-top:200px;}
  #container .banner.pokopang .banner_in .inner .banner_games_title{padding-top:200px;}
  #container .banner .banner_in .inner .banner_games_title img{width:350px;}

/*  #container .banner.recruit .banner_in .inner .banner_desc{margin-top:173px;}*/
}





/* 1280 */
@media only screen and (max-width: 1280px) {
  #header .header_in{width:100%;}
  #header .header_in h1{margin-left:50px;}
  #header .header_in .gnb{margin-right:50px;}
  #footer .footer_in{width:100%;}
  #footer .footer_in > div{float:none;text-align:center;}
  /*#footer .footer_in > .footer_area01{width:80%;margin:0;padding:0 10%;}*/
  #footer .footer_in > .footer_area01{margin:0;}
  #footer .footer_in > .footer_area01 ul{width:390px;margin:0 auto;}
  #footer .footer_in > .footer_area01 ul li{margin-left:20px;}
 /* #footer .footer_in > .footer_area02{width:80%;margin:0;padding:30px 10%;}*/
  #footer .footer_in > .footer_area02{margin:0;padding:30px 0;}
 /* #footer .footer_in > .footer_area03{width:80%;margin:0;padding:0 10%;overflow:visible;}*/
  #footer .footer_in > .footer_area03{margin:0;overflow:visible;}
  /* footer EN/JA */
  #footer.global .footer_in > .footer_area01{width:80%;margin:0;padding:0 10%;}
  #footer.global .footer_in > .footer_area01 > strong{margin:0;}
  #footer.global .footer_in > .footer_area02{width:80%;margin:0;padding:30px 10%;}
  #footer.global .footer_in > .footer_area03{width:80%;margin:0;padding:0 10% 30px;}
  #footer.global .footer_in > .footer_area04{width:80%;margin:0;padding:0 10%;}

  /* main page */
  #container > .main_banner .main_banner_bg{height:466px;background-size:1280px 466px;}
  #container > .main_banner .main_banner_bg .video_pc{width:1280px;height:466px;}
  #container > .main_banner #slogan{width:300px;top:245px;margin-left:-33%;}
  #container > .main_banner #slogan div{padding:63px 0 67px 36px;}
  #container > .main_banner #slogan div > strong{font-size:65px;}
  #container > .main_banner #slogan div > p{line-height:36px;font-size:22px;}
  #container #sector01 .sector_in .sector_right strong{font-size:24px;}
  #container #sector01 .sector_in .sector_right p{line-height:24px;font-size:14px;}
  #container #sector01 .sector_in .sector_right p br{display:none;}
  #container #sector02 .sector_in .sector_left strong{line-height:42px;font-size:30px;}
  #container #sector02 .sector_in .sector_left p{line-height:24px;font-size:14px;}
  #container #sector03 .sector_in .sector_center strong{line-height:42px;font-size:30px;}
  #container #sector04 .sector_in .sector_left strong{line-height:42px;font-size:30px;}
  #container #sector04 .sector_in .sector_left p{line-height:24px;font-size:14px;}
  #container #sector05 .sector_in .sector_left{float:none;width:100%;padding:0;margin-top:-5px;}
  #container #sector05 .sector_in .sector_left > div{padding:7%;}
  body.en #container #sector05 .sector_in .sector_left > div{padding:7%;}
  body.ja #container #sector05 .sector_in .sector_left > div{padding:7%;}
  #container #sector05 .sector_in .sector_left > div > h2{font-size:32px}
  #container #sector05 .sector_in .sector_left > div > div > strong{line-height:1.6;font-size:22px;}
  #container #sector05 .sector_in .sector_right{float:none;width:100%;padding:0;overflow:hidden;height:400px;}
  
  /* sub page */
  #container .banner{min-height:466px;background-size:1280px 466px;}
  #container .banner .banner_bg > .video_pc{width:1280px;height:466px;}
  #container .banner .banner_bg > img{width:1280px;height:466px;}
  #container .banner .banner_in .inner{width:100%;margin:0;}
  #container .banner .banner_in .inner .banner_heading{width:45%;padding:140px 0 0 5%;}
  #container .banner .banner_in .inner .banner_heading strong{font-size:24px;}
  #container .banner .banner_in .inner .banner_heading span{line-height:1.4;font-size:40px;}
  body.ja #container .banner .banner_in .inner .banner_heading span{line-height:1.4;}
  #container .banner .banner_in .inner .banner_desc{width:45%;margin:220px 5% 0 0;}
  #container .banner .banner_in .inner .banner_desc p{line-height:2;font-size:17px;}
  #container section .sector_in{width:90%;margin:0 5%;}
  #container section .sector_in .sector_left{width:46%;padding:0 2%;}
  #container section .sector_in .sector_right{width:46%;padding:0 2%;}
  
  /* sub page(history) */
  #container #history01 .sector_in{width:90%;}
  #container #history01 .sector_in > ul > li{background-position:47.5% top;}
  #container #history01 .sector_in > ul > li > .history_center img{width:100%;}
  /* sub page(blog) */
  #container #blog01 .sector_in .grid li a .cont strong{font-size:18px;}
  /* sub page(careers) */
  #container .banner.careers .banner_in .inner .banner_heading{padding:120px 0 0 5%;}
  #container .banner.careers .banner_in .inner .banner_heading span{margin-top:20px;font-size:30px;line-height:1.8;}
  #container .banner.careers .banner_in .inner .banner_desc{margin:170px 5% 0 0;}
  #container .banner.careers .banner_in .inner .banner_desc p{line-height:2;}
  #container .banner .banner_in .inner .banner_desc p .btn_apply_careers{margin-top:20px;}
  #container #careers01{padding:180px 0 130px;}
  #container #careers01 .sector_in div .treetive dl dt{padding:33% 0;background-size:100%;}
  #container #careers01 .sector_in div .treetive dl dd{font-size:14px;}
  #container #careers02 .swiper-pagination{width:90%;margin:0 5%;}
  #container #careers02 .swiper-pagination > span{font-size:18px;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div{width:70%;margin:0 15%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > strong{font-size:26px;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > p{font-size:17px;}
  #container #careers04 .sector_in ul{background:none;}
  #container #careers04 .sector_in ul.life02{background:none;}
  #container #careers04 .sector_in ul.life03{background:none;}
  #container #careers04 .sector_in ul.life04{background:none;}
  #container #careers04 .sector_in ul.life05{background:none;}
  #container #careers04 .sector_in ul.life06{background:none;}
  #container #careers04 .sector_in ul li:nth-child(2){margin:0 0 0 2%;}
  #container #careers04 .sector_in ul li:nth-child(3){margin:5% 2% 0 0;}
  #container #careers04 .sector_in ul li:nth-child(4){margin:5% 0 0 2%;}
  #container #careers04 .sector_in ul li:nth-child(5){margin:5% 2% 0 0;}
  #container #careers04 .sector_in ul li:nth-child(6){margin:5% 0 0 2%;}
  #container #careers05 .sector_in > ul > li > div strong{font-size:18px;}
  #container #careers05 .sector_in > ul > li > div strong span{font-size:22px;}
  #container #careers06 #jobList .jobList_tab01 li a{font-size:22px;}
  #container #careers06 #jobList .jobList_tab02{width:100%;margin:0;}
  #container #careers06 #jobList .jobList_tab02 li a{font-size:18px;}
  #container #careers06 #jobList .jobList_info{width:100%;margin:50px 0;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span{font-size:18px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span.title{font-size:16px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span.date{font-size:14px;}
  #container #careers07 .sector_in ol{margin:90px auto 30px;width:701px;}
  #container #careers07 .sector_in ol li{background:none;width:170px;padding-left:7px;}
  #container #careers07 .sector_in ol li div{padding:50px 0;font-size:20px;}
  #container #careers07 .sector_in ol li p{line-height:1.6;font-size:14px;}
  #container #careers07 .sector_in > p{margin:0;}
  /* sub page(games) */
  #container .games .games_in{max-width:100%;margin:0;}
  #container .games .games_in .games_parts33{float:none;width:80%;padding:0 10%;}
  #container .games .games_in .games_parts33 > h3{margin:20px 0;}
  #container .games .games_in .games_parts33 > h3 > img{width:150px;}
  #container .games .games_in .games_parts33 > strong{display:block;font-size:16px;}
  #container .games .games_in .games_parts33 > p{font-size:12px;line-height:18px;margin:15px 0 30px;}
  #container .games .games_in .games_parts33 > a.link.type1{font-size:12px;}
  #container .games .games_in .games_parts33 > a.link.type1:after{width:6px;height:6px;top:3px;}
  #container .games .games_in .games_parts66{float:none;width:70%;text-align:center;background-size:400px 480px;background-position:center top;}
  body.ko #container .games .games_in .games_parts66,
  body.en #container .games .games_in .games_parts66{background-position:center top;}
  #container .games .games_in .games_parts66 > img{width:180px;margin-left:-400px;}
  #container #games03 .games_in{padding:120px 0 50px;}
  #container #games03 .games_in .games_parts66{margin:0;background-position:center top;background-size:400px 480px;padding:250px 15% 50px;}
  #container #games02 .games_in .games_parts66{float:none;background-size:450px 450px;padding:230px 15% 70px;}
  #container #games02 .games_in .games_parts66 > img{margin-left:200px;}
  #container #games01 .games_in .games_parts66{margin:0;background-position:center top;background-size:400px 480px;padding:300px 15% 50px;}
  /* sub page(games - pokopang, pokopoko, pokopangtown) */
  #container .banner .banner_in .inner .banner_games_title{padding-top:200px;}
  #container .banner.pokopang .banner_in .inner .banner_games_title{padding-top:200px;}
  #container .banner .banner_in .inner .banner_games_title img{width:250px;}
  #container .banner.pokopoko .banner_in .inner .banner_games_title img{width:200px;}
  /* sub page(brand01) */
  #container #brand01 .sector_in .sector_left{width:50%;padding:0;}
  #container #brand01 .sector_in .sector_left img{width:100%;}
  #container #brand01 .sector_in .sector_right{width:50%;padding:0;}
  #container #brand01 .sector_in .sector_right img{width:100%;}
  /* sub page(brand02) */
  #container #brand02 {padding-bottom: 0px;}
  #container #brand02 #brand02_bottom {display: none;}
  #container #brand02 #brand02_bottom_mobile {display: inline;}
  #container #brand02 .sector_in .sector_left{width:100%;padding:0;padding-bottom: 16px;}
  #container #brand02 .sector_in .sector_left img{width:100%;}
  #container #brand02 .sector_in .sector_right{width:100%;padding:0;margin-top: 36px;}
  #container #brand02 .sector_in .sector_right img{width:100%;}
  #container #brand02 .sector_in hr {margin: 16px 0px;}
  #container #brand02 .sector_in .links {margin-top: 32px;}
  #container #brand02 .sector_in a {margin-right: 24px;width: 32px; height: 32px;}

  #container .banner.recruit .banner_in .inner .banner_heading{padding:120px 0 0 5%;}
  #container .banner.recruit .banner_in .inner .banner_heading span{margin-top:20px;font-size:40px;line-height:1.8;}
 /* #container .banner.recruit .banner_in .inner .banner_desc{margin:170px 5% 0 0;}*/
  #container .banner.recruit .banner_in .inner .banner_desc p{line-height:2;}
}





/* 1098 */
@media only screen and (max-width: 1098px) {
  #scroll_marker a{width:40px;height:40px;}
  #scroll_marker a.scroll_top.sm_fadeIn{width:40px;height:40px;}
  #header .header_in{background:#fff;width:90%;padding:26px 5%;}
  #header .header_in h1{margin:0;}
  #header .header_in h1 img{display:none;}
  #header .header_in h1 img.on{display:block;}
  #header.fix .header_in h1 img{display:none;}
  #header.fix .header_in h1 img.on{display:block;}
  #header .header_in .gnb{display:none;}
  #header .header_in a.btn_gnb_mobile{float:right;display:block;transition:all .1s;box-sizing:border-box;position:relative;width:25px;height:21px;}
  #header .header_in a.btn_gnb_mobile span{display:inline-block;transition:all .1s;box-sizing:border-box;position:absolute;left:0;background:#004b3e;width:100%;height:4px;}
  #header .header_in a.btn_gnb_mobile span:nth-of-type(1){top:0;}
  #header .header_in a.btn_gnb_mobile span:nth-of-type(2){top:9px;width:80%;left:auto;right:0;}
  #header .header_in a.btn_gnb_mobile span:nth-of-type(3){bottom:0;}
  #header .header_in a.btn_gnb_mobile.active{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(1),
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(3){width:15px;}
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(1){transform:translate(-1px, 13px) rotate(45deg);}
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(3){transform:translate(-1px, -13px) rotate(-45deg);}
  #header .header_in .gnb_mobile{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);display:block;height:0;opacity:0;z-index:-1;transition-delay:0.5s;}
  #header .header_in .gnb_mobile.on{height:100%;opacity:1;z-index:1000;transition-delay:0.1s;}
  #header .header_in .gnb_mobile > nav{width:90%;position:absolute;right:-90%;transition:all 0.5s ease-in-out;transition-delay:0.1s;}
  #header .header_in .gnb_mobile > nav.view{right:0;transition:all 0.5s ease-in-out;transition-delay:0.25s;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in{width:80%;background:#fff;float:right;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top{margin:0;overflow:hidden;padding:15px 30px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top strong{display:block;float:left;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top strong img{width:25px;height:24px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang{float:right;margin:0;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > a{display:none;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul{display:block;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li{float:left;padding:0 10px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li.current-lang{display:block;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li a{color:#808080;font-size:18px;font-family:'FibraOneBold';}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li.current-lang a{color:#004b3e;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li{float:none;padding:0;border-bottom:1px solid #d2d2d2;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li:first-child{border-top:1px solid #d2d2d2;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li > a{display:block;padding:18px 30px;color:#004b3e;font-size:21px;font-family:'FibraOneBold';}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li > ul.sub-menu{border-top:2px solid #91cca4;display:none;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li > ul.sub-menu.toggle{display:block;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li > ul.sub-menu > li > a{display:block;padding:14px 30px;color:#808080;font-family:'FibraOneBold';}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close{display:block;transition:all .1s;box-sizing:border-box;position:relative;width:25px;height:21px;margin:10px;float:right;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span{display:inline-block;transition:all .1s;box-sizing:border-box;position:absolute;left:0;background:#fff;width:100%;height:4px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(1),
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(3){width:31px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(1){top:0;transform:translate(-1px, 8px) rotate(-45deg);}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(2){opacity:0;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(3){bottom:0;transform:translate(-1px, -9px) rotate(45deg);}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(2){opacity:1;top:9px;width:80%;left:0;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(1),
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(3){width:15px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(1){transform:translate(10px, 13px) rotate(135deg);}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(3){transform:translate(9px, -13px) rotate(-135deg);}

  #container{margin-top:73px;position:relative;z-index:1;}
  /* main page */
  #container > .main_banner .main_banner_bg{height:400px;background-size:1098px 400px;}
  #container > .main_banner .main_banner_bg .video_pc{width:1098px;height:400px;}
  #container > .main_banner #slogan{margin-left:-40%;top:50%;}
  #container #sector03 .sector_in .sector_center{padding:550px 0 0 0;background-position:center top;}
  #container #sector03 .sector_in .sector_center strong{line-height:42px;font-size:30px;}
  #container #sector03 .sector_in .sector_center p{line-height:24px;font-size:14px;}
  #container #sector04{background-size:100%;}
  #container #sector04 .sector_in .sector_left{float:none;width:100%;padding:0 0 40% 0;}

  /* sub page */
  #container .banner{min-height:400px;background-size:1098px 400px;}
  #container .banner .banner_bg > .video_pc{width:1098px;height:400px;}
  #container .banner .banner_in .inner .banner_heading{float:none;width:auto;padding:75px 0 0 5%;}
  #container .banner .banner_in .inner .banner_heading strong{font-size:20px;}
  #container .banner .banner_in .inner .banner_heading span{margin-top:25px;line-height:1.6;font-size:30px;}
  #container .banner .banner_in .inner .banner_heading span br{display:none;}
  #container .banner .banner_in .inner .banner_desc{float:none;width:auto;margin:20px 5% 0 5%;}
  #container .banner .banner_in .inner .banner_desc p{padding:0;line-height:1.6;font-size:14px;}
  body.ja #container .banner.games .banner_in .inner .banner_desc p{padding:0;}
  #container .banner .banner_in .inner .banner_desc p br{display:none;}
  /* sub page(about) */
  #container .banner.about .banner_in .inner .banner_desc p{margin:0;}
  /* sub page(history) */
  #container #history01 .sector_in > h2{margin:0 0 35px 0;text-align:center;}
  #container #history01 .sector_in > ul > li{background:none;position:relative;}
  #container #history01 .sector_in > ul > li > div{float:none;}
  #container #history01 .sector_in > ul > li > .history_left{width:60%;padding:250px 20% 0;text-align:left;overflow:hidden;}
  #container #history01 .sector_in > ul > li > .history_left em{float:left;font-size:22px;}
  #container #history01 .sector_in > ul > li > .history_left ul{margin:0 0 25px 25px;float:left;}
  #container #history01 .sector_in > ul > li > .history_left ul li{line-height:1;}
  #container #history01 .sector_in > ul > li > .history_left ul li span{font-size:14px;}
  #container #history01 .sector_in > ul > li > .history_left ul li span.month{float:left;margin:0 10px 0 0;line-height:1.5;}
  #container #history01 .sector_in > ul > li > .history_left ul li span.cont{float:left;line-height:1.5;}
  #container #history01 .sector_in > ul > li > .history_left ul li span.indent{margin:0 0 0 24px;}
  #container #history01 .sector_in > ul > li > .history_center{width:200px;position:absolute;top:0;left:50%;margin-left:-100px;}
  #container #history01 .sector_in > ul > li > .history_right{width:90%;padding:0 5%;}
  #container #history01 .sector_in > ul > li > .history_right > strong{margin:0 0 15px 0;line-height:1.6;font-size:20px;}
  #container #history01 .sector_in > ul > li > .history_right > p{line-height:1.6;font-size:14px;}
  /* sub page(location) */
  #container #location01 .sector_in .sector_left strong{line-height:1.6;font-size:24px;}
  #container #location01 .sector_in div address{line-height:1.6;font-size:14px;}
  #container #location01 .sector_in div p{line-height:1;font-size:14px;}
  #container #location02 .sector_in ul{margin:50px 0 0 0;}
  #container #location02 .sector_in ul li{width:33.33%;}
  #container #location02 .sector_in ul li strong{font-size:20px;}
  #container #location02 .sector_in ul li span{font-size:14px;}
  #container #location02 .sector_in ul li a{font-size:16px;}
  /* sub page(blog) */
  #container #blog01 .sector_in .grid li.grid-item{width:40%;padding:0 5%;}
  #container #blog01 .sector_in .grid li.grid-sizer{width:45%;}
  #container #blog01 .sector_in .grid li.gutter-sizer{width:5%;}
  #container #blog01 .sector_in .grid li a .cont strong{font-size:14px;}
  /* sub page(games - pokopang, pokopoko, pokopangtown) */
  #container .banner .banner_in .inner .banner_games_title{padding-top:100px;}
  #container .banner.pokopang .banner_in .inner .banner_games_title{padding-top:100px;}
  #container .games_info .sector_in .info{width:100%;}
  /* sub page(careers) */
  #container .banner.careers .banner_in .inner .banner_heading{padding:50px 0 0 5%;}
  #container .banner.careers .banner_in .inner .banner_heading span br{display:none;}
  #container .banner.careers .banner_in .inner .banner_desc{margin:20px 0 0 5%;}
  #container .banner.careers .banner_in .inner .banner_desc p{line-height:1.6;}
  #container .banner.careers .banner_in .inner .banner_desc p br{display:none;}
  #container .banner.careers .banner_in .inner .banner_desc a.btn_apply_careers{margin:10px 0 0 0;padding:10px 20px;font-size:14px;}
  #container #careers01 .sector_in div .treetive{height:320px;}
  #container #careers02 .swiper-pagination > span{font-size:15px;}
  #container #careers04 .sector_in ul li div{font-size:15px;line-height:1.6;}
  #container #careers06 #jobList .jobList_tab02 li a{font-size:15px;}
  /* sub page(terms, privacy, prohibition) */
  #container section.policies{padding:80px 0;}
  #container section.policies .sector_in .article{margin:50px 0 25px 0;padding-bottom:100%;}

  #container .banner.recruit .banner_in .inner .banner_heading{padding:50px 0 0 5%;}
  #container .banner.recruit .banner_in .inner .banner_heading span br{display:none;}
    #container .banner.recruit .banner_in .inner .banner_heading span{font-size: 40px}
  #container .banner.recruit .banner_in .inner .banner_desc{margin:20px 5% 0 5%;}
  #container .banner.recruit .banner_in .inner .banner_desc p{line-height:1.6;}
  #container .banner.recruit .banner_in .inner .banner_desc p br{display:none;}
}





/* 780 */
@media only screen and (max-width: 780px) {
  /* 관리자 로그인시(메뉴 표시) */
  html #wpadminbar{position:fixed;}
  body.customize-support #header{top:46px;}
  body.customize-support #header .header_in .gnb_mobile{top:46px;}

  #header .header_in{padding:17px 5%;}
  #header .header_in h1 img{width:80px;}
  #header .header_in a.btn_gnb_mobile{width:17px;height:14px;}
  #header .header_in a.btn_gnb_mobile span{height:2px;}
  #header .header_in a.btn_gnb_mobile span:nth-of-type(2){top:6px;}
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(1),
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(3){width:9px;}
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(1){transform:translate(0, 8.5px) rotate(45deg);}
  #header .header_in a.btn_gnb_mobile.active span:nth-of-type(3){transform:translate(0, -8.5px) rotate(-45deg);}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul{margin-top:5px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li{padding:0 5px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li:first-child{padding:0 5px 0 0;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in .menu_top .lang > ul li a{font-size:12px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li > a{padding:15px 30px;font-size:16px;}
  #header .header_in .gnb_mobile > nav .gnb_mobile_in div ul.menu > li > ul.sub-menu > li > a{font-size:14px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close{width:17px;height:17px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span{height:2px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(1),
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(3){width:17px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(1){transform:translate(-2px, 7px) rotate(-45deg);}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close span:nth-of-type(3){transform:translate(-2px, -8px) rotate(45deg);}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(1),
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(3){width:9px;}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(1){transform:translate(6px, 11.5px) rotate(135deg)}
  #header .header_in .gnb_mobile > nav a.btn_gnb_mobile_close.active span:nth-of-type(3){transform:translate(6px, -8.5px) rotate(-135deg)}
  #footer .footer_in .footer_area01 ul{width:320px;}
  #footer .footer_in .footer_area01 ul li{margin-left:15px;}
  #footer .footer_in .footer_area01 ul li a{font-size:12px;letter-spacing:-1px;}
  #footer .footer_in .footer_area02 > a{font-size:13.3px;}
  #footer .footer_in > .footer_area02 > a.bt{margin-left:15px;}
  /* footer EN/JA */
  #footer.global .footer_in > .footer_area01{width:80%;margin:0;padding:0 10%;}
  #container{margin-top:49px;}

  /* main page */
  #container > .main_banner .main_banner_bg{height:284px;background-size:780px 284px;}
  #container > .main_banner .main_banner_bg .video_pc{width:780px;height:284px;}
  #container > .main_banner #slogan{width:270px;margin-left:0;left:5%;top:50%;}
  #container > .main_banner #slogan div{padding:43px 0 47px 36px;}
  #container > .main_banner #slogan div > strong{font-size:50px;}
  #container > .main_banner #slogan div > p{line-height:32px;font-size:20px;}
  #container #sector01{padding:60px 0;}
  #container #sector01 .sector_in .sector_right strong{font-size:16px;}
  #container #sector01 .sector_in .sector_right p{margin:20px 0;font-size:12px;}
  #container #sector01 .sector_in .sector_right a.link.type1{font-size:12px;}
  #container #sector01 .sector_in .sector_right a.link:after{width:5px;height:5px;top:3px;}
  #container #sector02{padding:80px 0;}
  #container #sector02 .sector_in .sector_left strong{line-height:1.6;font-size:20px;}
  #container #sector02 .sector_in .sector_left p{margin:20px 0;font-size:12px;}
  #container #sector02 .sector_in .sector_left a.link.type1{font-size:12px;}
  #container #sector02 .sector_in .sector_left a.link:after{width:5px;height:5px;top:3px;}
  #container #sector02 .sector_in .sector_right{padding:50px 0 0 0;}
  #container #sector03{padding:80px 0;}
  #container #sector03 .sector_in .sector_center strong{line-height:1.6;font-size:20px;}
  #container #sector03 .sector_in .sector_center p{margin:20px 0;font-size:12px;}
  #container #sector03 .sector_in .sector_center p br{display:none;}
  #container #sector03 .sector_in .sector_center a.link.type2{font-size:12px;}
  #container #sector03 .sector_in .sector_center a.link:after{width:5px;height:5px;top:3px;}
  #container #sector04{padding:80px 0;}
  #container #sector04 .sector_in .sector_left strong{line-height:1.6;font-size:20px;}
  #container #sector04 .sector_in .sector_left p{font-size:12px;}
  #container #sector04 .sector_in .sector_left p br{display:none;}
  #container #sector04 .sector_in .sector_left a.link.type1{font-size:12px;}
  #container #sector04 .sector_in .sector_left a.link:after{width:5px;height:5px;top:3px;}
  #container #sector05 .sector_in .sector_right{height:auto;}
  #container #sector05 .sector_in .sector_left > div{padding:10%;}
  body.en #container #sector05 .sector_in .sector_left > div{padding:10%;}
  body.ja #container #sector05 .sector_in .sector_left > div{padding:10%;}
  #container #sector05 .sector_in .sector_left > div > h2{padding-bottom:16px;margin-bottom:16px;font-size:18px;}
  #container #sector05 .sector_in .sector_left > div > h2 > span{margin-top:12px;font-size:16px;}
  #container #sector05 .sector_in .sector_left > div > div > strong{font-size:18px;}
  #container #sector05 .sector_in .sector_left > div > div > p{line-height:1.4;}
  #container #sector05 .sector_in .sector_left > div > div > p > em{font-size:14px;}
  #container #sector05 .sector_in .sector_left > div > div > p > span{margin-right:10px;letter-spacing:-1px;font-size:11px;}

  /* sub page */
  #container .banner{min-height:284px;background-size:780px 284px;}
  #container .banner .banner_bg > .video_pc{width:780px;height:284px;}
  #container section .sector_in .sector_left{float:none;width:100%;padding:0;}
  #container section .sector_in .sector_right{float:none;width:100%;padding:200px 0 0 0;}
  /* sub page(about) */
  #container #about01 .sector_in{padding:80px 0;}
  #container #about02 .sector_in{padding:80px 0;}
  #container #about03 .sector_in{padding:80px 0;}
  #container #about01 .sector_in h2{font-size:18px;}
  #container #about01 .sector_in .sector_left{width:100%;padding:0;}
  #container #about01 .sector_in .sector_left > strong{font-size:22px;}
  #container #about01 .sector_in .sector_left > em{padding:30px 0 15px;line-height:1.6;font-size:16px;}
  #container #about01 .sector_in .sector_left > p{font-size:12px;line-height:1.6;}
  #container #about01 .sector_in .sector_left > p br{display:none;}
  #container #about01 .sector_in .sector_right{width:100%;padding:30px 0 0 0;}
  #container #about01 .sector_in .sector_right > .img_list li:nth-of-type(2){margin-top:30px;}
  #container #about02 .sector_in h2{font-size:18px;}
  #container #about02 .sector_in .sector_left div strong{font-size:22px;}
  #container #about02 .sector_in .sector_left div em{line-height:1.6;font-size:16px;}
  #container #about02 .sector_in .sector_right p{font-size:12px;}
  #container #about03 .sector_in h2{font-size:18px;}
  #container #about03 .sector_in .sector_left{width:100%;padding:0;}
  #container #about03 .sector_in .sector_left > strong{font-size:22px;margin-bottom:20px;}
  #container #about03 .sector_in .sector_right{width:100%;padding:0;}
  #container #about03 .sector_in .sector_right > strong{padding:20px 0 10px;font-size:15px;}
  #container #about03 .sector_in .sector_left > .img_cover{overflow:hidden;height:50%;}
  #container #about03 .sector_in .sector_left > .img_cover img{margin:-30px 0px -70px 0px;}
  #container #about03 .sector_in .sector_right > p{line-height:1.4;}
  #container section .sector_in .sector_right p{font-size:12px;}
  /* sub page(history) */
  #container #history01{padding:120px 0;}
  #container #history01 .sector_in > h2{font-size:22px;}
  #container #history01 .sector_in > ul > li{padding:0 0 100px 0;}
  #container #history01 .sector_in > ul > li > .history_left{width:90%;padding:230px 5% 0;}
  #container #history01 .sector_in > ul > li > .history_left em{float:none;font-size:18px;}
  #container #history01 .sector_in > ul > li > .history_left ul{float:none;margin:20px 0 30px 0;}
  #container #history01 .sector_in > ul > li > .history_right > strong{font-size:16px;}
  #container #history01 .sector_in > ul > li > .history_right > p{font-size:12px;}
  /* sub page(location) */
  #container #location01{padding:80px 0;}
  #container #location01 .sector_in .sector_left{width:100%;padding:0;}
  #container #location01 .sector_in .sector_right{width:100%;padding:0;}
  #container #location01 .sector_in .sector_left strong{font-size:18px;}
  #container #location01 .sector_in .sector_right strong{font-size:18px;}
  #container #location01 .sector_in div .map_area{min-height:200px;margin:50px 0 10px;}
  #container #location01 .sector_in div address{font-size:12px;margin:10px 0;}
  #container #location01 .sector_in div p{font-size:12px;}
  #container #location02 .sector_in ul li{float:none;width:100%;}
  #container #location02 .sector_in ul li:last-child{margin:0;}
  #container #location02 .sector_in ul li strong{font-size:18px;}
  #container #location02 .sector_in ul li span{font-size:12px;}
  #container #location02 .sector_in ul li a{font-size:14px;}
  /* sub page(blog) */
  #container #blog01{padding:80px 0;}
  #container #blog01 .sector_in .grid{padding:50px 0 0 0;}
  #container #blog01 .sector_in .grid li.grid-item{margin-bottom:50px;}
  #container #blog01 .sector_in .grid_more{padding-top:25px;}
  #container #blog01 .sector_in .grid_more .loadmore{padding:7px 15px;font-size:14px;}
  #container #blog02{padding:80px 0;}
  #container #blog02 .sector_in .content .view{padding:20px 0;}
  #container #blog02 .sector_in .content .view .view_title{line-height:1.6;font-size:20px;}
  #container #blog02 .sector_in .content .view .view_cont *{font-size:95% !important;}
  #container #blog02 .sector_in .content .view img{max-width:100%;height:auto;}
  #container #blog02 .sector_in .content .btn{padding:7px 15px;font-size:14px;}
  /* sub page(careers) */
  #container .banner.careers .banner_in .inner .banner_heading{padding:80px 0 0 5%;}
  #container .banner.careers .banner_in .inner .banner_heading span{line-height:1.6;font-size:18px;}
  #container #careers01{padding:80px 0;}
  #container #careers01 .sector_in div strong{line-height:1.6;font-size:18px;}
  #container #careers01 .sector_in div .treetive{height:auto;}
  #container #careers01 .sector_in div .treetive dl{float:none;width:80%;margin:0 10% 10%;}
  #container #careers01.active .sector_in div .treetive dl:nth-child(1){margin:0 10% 10%;}
  #container #careers01 .sector_in div .treetive dl dd{font-size:12px;}
  #container #careers02 .swiper-pagination > span{width:25%;padding:30px 0;background:#fff;font-size:12px;}
  #container #careers02 .swiper-pagination > span.swiper-pagination-bullet-active{color:#fff;background:#0bab8b;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div{width:90%;margin:0 auto;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > strong{font-size:18px;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide > div > p{min-height:auto;font-size:12px;}
  #container #careers02 .swiper-container .swiper-button-next, .swiper-button-prev{display:none;}
  #container #careers04 .sector_in ul{margin-top:25px;}
  #container #careers04 .sector_in ul li{float:none;width:100%;margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li:nth-child(1){margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li:nth-child(2){margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li:nth-child(3){margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li:nth-child(4){margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li:nth-child(5){margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li:nth-child(6){margin:0 0 10% 0;}
  #container #careers04 .sector_in ul li div{line-height:1.6;font-size:14px;}
  #container #careers05 .sector_in > ul > li > div{float:none;width:100%;padding:0;}
  #container #careers05 .sector_in > ul > li > div strong{font-size:16px;}
  #container #careers05 .sector_in > ul > li > ul.benefit_list{float:none;width:85%;padding:0;margin:0 0 0 54px;}
  #container #careers05 .sector_in > ul > li > ul.benefit_list li{width:25%;height:140px;}
  #container #careers05 .sector_in > ul > li > ul.benefit_list li span{letter-spacing:-1px;font-size:10px;}
  #container #careers06 #jobList .jobList_tab01{width:100%;}
  #container #careers06 #jobList .jobList_tab01 li a{font-size:16px;}
  /* #container #careers06 #jobList .jobList_event_banner{margin-top:20px;} */
  /* #container #careers06 #jobList .jobList_event_banner .jobList_event_banner_pc{display:none;} */
  /* #container #careers06 #jobList .jobList_event_banner .jobList_event_banner_mo{display:block;} */
  #container #careers06 #jobList .jobList_keyword{margin:30px 0;}
  #container #careers06 #jobList .jobList_keyword > div{width:auto;}
  #container #careers06 #jobList .jobList_keyword > div > button{top:3px;right:3px;padding:3%;}
  #container #careers06 #jobList .jobList_keyword > div > button img{width:16px;}
  #container #careers06 #jobList .jobList_tab02 li{width:25%;}
  #container #careers06 #jobList .jobList_tab02 li a{font-size:14px;}
  #container #careers06 #jobList .jobList_info{margin:30px 0;}
  #container #careers06 #jobList .jobList_info .info{width:48%;margin:0 1% 3%;}
  #container #careers06 #jobList .jobList_info .info .info_summary{min-height:140px;padding:15px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span{font-size:16px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span.region{font-size:11px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span.title{margin:20px 0;font-size:14px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span.career{padding:3px 10px;font-size:11px;}
  #container #careers06 #jobList .jobList_info .info .info_summary > span.date{line-height:1.6;font-size:11px;}
  #container #careers06 #jobList .jobList_info .info .info_cont *{font-size:13px;}
  #container #careers06 #jobList .jobList_info .info.on .info_cont > .careers_info_btn{margin-top:25px;padding-top:40px;}
  #container #careers06 #jobList .jobList_info .info.on .info_cont > .careers_info_btn > a{width:75px;padding:10px 5px;margin:0 4px;font-size:15px;}
  #container #careers06 #jobList .jobList_info .info_none{font-size:15px;}
  #container #careers07 .sector_in ol{margin:60px 0;width:auto;}
  #container #careers07 .sector_in ol li{float:none;padding:0;margin:0 auto 30px;}
  #container #careers07 .sector_in ol li p{margin-top:10px;}
  /* sub page(games) */
  #container .games .games_in .games_parts66 > img{width:100px;margin-left:-150px;}
  #container #games03 .games_in .games_parts66{background-size:200px 240px;padding:120px 15% 50px;}
  #container #games02 .games_in .games_parts66{background-size:250px 250px;padding:140px 15% 20px;}
  #container #games02 .games_in .games_parts66 > img{margin-left:150px;}
  #container #games01 .games_in .games_parts66{background-size:200px 240px;padding:150px 15% 35px;}
  #container .games .games_in .games_parts33 > strong{line-height:1.6;}
  /* sub page(games - pokopang, pokopoko, pokopangtown) */
  #container .games_info{padding:80px 0;}
  #container .games_info .sector_in h2{font-size:28px;}
  #container .games_info .sector_in .info .poko_note{line-height:1.6;font-size:12px;}
  #container .games_info .sector_in .info .poko_note > strong{padding-bottom:10px;font-size:18px;}
  #container .games_info .sector_in .info .btn{padding-bottom: 80px;}
  #container .games_info .sector_in .info .btn > a{margin:10px 10px 10px 0;}
  #container .games_info .sector_in .info .btn > a img{width:150px;}
  #container .games_info .sector_in .games_screen{padding-top:0px;}
  #container .games_info .sector_in .games_btn{padding-top:80px;}
  #container .games_info .sector_in .games_btn > a{font-size:14px;}
  #container .games_info .sector_in .games_btn > a:after{width:7px;height:7px;top:19px;left:25px;}
  /* sub page(brand01) */
  #container #brand01 .sector_in .sector_center > img{width:450px;}
  #container #brand01 .sector_in > div > p{line-height:1.6;font-size:14px;}
  #container #brand01 .sector_in > div > p em{font-size:18px;}
  #container #brand01 .sector_in .sector_left{float:none;width:100%;padding:0 0 80px 0;}
  #container #brand01 .sector_in .sector_right{float:none;width:100%;padding:0;}
  /* sub page(brand02) */
  #container #brand02 .sector_in .sector_center > img{width:450px;}
  #container #brand02 .sector_in #brand02_top {width: 240px;}
  #container #brand02 .sector_in > div > p{line-height:1.6;font-size:14px;}
  #container #brand02 .sector_in > div > h2{font-size:18px;}
  #container #brand02 .sector_in .sector_left{float:none;width:100%;padding:0;}
  #container #brand02 .sector_in .sector_right{float:none;width:100%;padding:0;}
  /* sub page(notice) */
  #container #notice01{padding:80px 0;}
  #container #notice01 .sector_in .notice_board table thead th{font-size:14px;}
  #container #notice01 .sector_in .notice_board table tbody td{font-size:14px;}
  #container #notice01 .sector_in .notice_board table .left{line-height:1.6;font-size:14px;}
  #container #notice01 .sector_in .notice_board table .date{font-size:12px;}
  #container #notice01 .sector_in .notice_board table tbody .cont{line-height:1.6;font-size:14px;}
  /* sub page(prohibition) */
  #container section.policies .sector_in .prohibition{font-size:14px;}
  #container section.policies .sector_in .prohibition br{display:none;}

  #container .banner.recruit .banner_in .inner .banner_heading{padding:80px 0 0 5%;}
  #container .banner.recruit .banner_in .inner .banner_heading span{line-height:1.6;font-size:40px;}
}





@media only screen and (max-width: 640px) {
  /* main page */
  #container > .main_banner .main_banner_bg{min-height:100vw;height:auto;background-image:url(../images/video/banner_bg_main_m.jpg);background-size:100%;background-color:#def0ea;}
  #container > .main_banner .main_banner_bg .video_pc{display:none;}
  #container > .main_banner .main_banner_bg .video_mobile{display:block;width:100%;height:100%;}
  #container > .main_banner #slogan{top:55%;}
  /* sub page */
  #container .banner{min-height:100vw;height:auto;background-size:100%;}
  #container .banner.about{background-image:url(../images/video/banner_bg_about_m.jpg);}
  #container .banner.careers{background-image:url(../images/video/banner_bg_careers_m.jpg);}
  #container .banner.games{background-image:url(../images/video/banner_bg_games_m.jpg);}
  #container .banner.brand{background-image:url(../images/video/banner_bg_brand_m.jpg);}
  #container .banner.recruit{background-image:url(../images/banner_bg_recruit_m.jpg);min-height: 320px;background-size: 640px 320px;}
  #container .banner .banner_bg > .video_pc{display:none;}
  #container .banner .banner_bg > .video_mobile{display:block;width:100%;height:100%;}
  #container .banner .banner_in .inner .banner_heading span br{display:block;}
  #container .banner.history .banner_in .inner .banner_heading span br{display:none;}
  #container section .sector_in .sector_right{padding:100px 0 0 0;}
  /* sub page(brand) */
  #container #brand01 .sector_in .sector_center > img{width:300px;}
  /* sub page(games - pokopang, pokopoko, pokopangtown) */
  #container .banner .banner_in .inner .banner_games_title{padding-top:150px;}
  body.ko #container .banner.pokopoko .banner_in .inner .banner_games_title,
  body.en #container .banner.pokopoko .banner_in .inner .banner_games_title{padding-top:30px;}
  #container .banner.pokopang .banner_in .inner .banner_games_title{padding-top:150px;}
  #container .banner .banner_in .inner .banner_games_title img{width:200px;}
  /* sub page(careers) */
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide01{background-image:url(../images/bg_careers_wwd01_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide02{background-image:url(../images/bg_careers_wwd02_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide03{background-image:url(../images/bg_careers_wwd03_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide04{background-image:url(../images/bg_careers_wwd04_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide05{background-image:url(../images/bg_careers_wwd05_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide06{background-image:url(../images/bg_careers_wwd06_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide07{background-image:url(../images/bg_careers_wwd07_m.jpg) !important;background-size:100%;}
  #container #careers02 .swiper-container .swiper-wrapper .swiper-slide.slide08{background-image:url(../images/bg_careers_wwd08_m.jpg) !important;background-size:100%;}

  #container .banner.recruit .banner_in .inner .banner_heading span{font-size:30px;}
  #container section .sector_in h2.recruit_title{font-size:35px;line-height: 40px;}
  #container section .sector_in span.recruit_body{font-size:15px;line-height: 18px;margin: 30px 0 50px;}

}





/* 460 */
@media only screen and (max-width: 460px) {
  #game_note .note{left:0;margin:-90px 0 0 0;}
  #game_note .note .note_in > img{width:90%;margin:0 5%;}
  #game_note .note .note_in a.close{right:5%;}

  #container section .sector_in .sector_right{padding:170px 0 0 0;}
  /* sub page(about) */
  #container #about01 .sector_in .sector_right{max-height:250px;}
  #container #about02 .sector_in .sector_left div{padding:5px 0 20px;}
  /* sub page(careers) */
  #container #careers05 .sector_in > ul > li > ul.benefit_list li{height:80px;}
  #container #careers06 #jobList .jobList_info .info.on .info_summary > span.date{padding:0;margin:16px 0 0 0;}
}





/* 325 */
@media only screen and (max-width: 325px) {
  #container .banner .banner_in .inner .banner_heading span{font-size:24px;}
  #container .banner .banner_in .inner .banner_desc p{font-size:12px;}
}





/* 가로모드*/
/*
@media all and (min-width: 1365px) and (max-width: 1366px) and (orientation: landscape) {
  #container .banner{min-height:120%;background-size:120%;}
  #container .banner .banner_bg > .video_pc{width:120%;height:120%;}
  
  #container #about02{padding:100px 0;}
  #container #about01{padding:100px 0;}
  #container #about01 .sector_in{overflow:hidden;}
  #container #about01 .sector_in .sector_right > .img_list{overflow:visible;}
  #container #about03{padding:100px 0;}
}
@media all and (min-width: 2560px) and (orientation: landscape) {
  #container .banner{background-size:2560px 932px;}
  #container .banner .banner_bg > .video_pc{width:2560px;height:932px;}
}
*/
@media all and (orientation: landscape) {
  body{-webkit-text-size-adjust:none;}
}