@media (max-width: 590px) {
.banner { height: 8rem; }

/** Welfare **/
div.welfare div.title { margin-bottom: 35px; }
div.a-welfare { width: 100%; max-width: 19.69rem; text-align: left; margin: 0 auto; float: none; margin-bottom: 2rem; }
div.a-welfare img { display: inline-block; width: 23%; vertical-align: top; margin-right: 1%; }
div.a-welfare div.history-p { display: inline-block; width: 72%; }
div.welfare-p { display: inline-block; width: 14rem; }
div.welfare-p p { margin: 0; }
div.welfare-p p.font-bold { font-size: 1.125rem; }
div.welfare-p p.font-p { font-size: 0.9rem; }
}

@media (min-width: 591px) and (max-width: 767px) {
.banner { height: 10rem; position: relative; }
}

@media (max-width: 767px) {
.desktop { display: none; }
.mobile { display: block; }

nav ul, nav ul.nav-menus, nav ul.languages, nav .languageList { display: none; }
nav a.drop { display: table-cell; position: absolute; top: 0; left: 0; font-size: 1.5rem; line-height: 70px; padding: 0 21.25px; }

div.logo-wrapper { height: 70px; }
div.logo-wrapper a img.logo { margin: auto; width: 45%; max-width: 190px; min-width: 170px; }
.inner-content { width: 95%; }
.banner-parallax { height: 200px; }
.banner-parallax.ofpublications { background-size: 150%; }
.shadow { position: absolute; bottom: 0; height: 8%; width: 100%; }
.title { margin-top: 15px; }
.img-border img { height: auto; }
.hordiv { width: 40%; }

/*** mobile top menu ***/
#topMenu { display: block; position: relative; background: #0E2B3B; }
#topMenu_scrollUp_mobile { background: #0E2B3B; }
#topMenu:before, #topMenu:after, #topMenu_scrollUp_mobile:before,
#topMenu_scrollUp_mobile:after { content: ''; display: block; position: absolute; top: 0; width: 50px; height: 100%; z-index: 1; pointer-events: none; }
#topMenu:before, #topMenu_scrollUp_mobile:before { background: linear-gradient(90deg, rgba(14,43,59,1), rgba(14,43,59,0)); }
#topMenu:after, #topMenu_scrollUp_mobile:after { right: 0; background: linear-gradient(-90deg, rgba(14,43,59,1), rgba(14,43,59,0)); }
/** footer **/
footer { padding: 10% 0; }
div img.footerlogo { width: 170px; }
div p.copyright { font-size: 11px; }
#back-to-top { display: none; }
footer .footer-menu a { display: block; padding: 0.2rem; }
footer .footer-menu a:after { display: none; }

/* modal */
.alertPop .popContent { padding: 7%; }
.alertPop .popTitle p { padding-right: 50px; }


/********************************/
/********main page style******/
/********************************/
/** Main - focus-contents section **/
div.main-image-slider { display: none; }
/** Main - News **/
div.main-a-news-2 { display: none; }
div[class^="main-a-news-"] { width: 100%; margin-top: 5%; margin-bottom: 10%; }
div[class^="main-a-news-"] a.h { font-size: 20px; }
div[class^="main-a-news-"] p.date { font-size: 0.7em; }
div[class^="main-a-news-"] + div.center { margin: 0px; margin-bottom: 5%; }
div[class^="main-a-news-"] div.news-img { border: solid 2.5px #AEAEAE; margin-bottom: 3%; }
div[class^="main-a-news-"] img.thumbnail { border: none; height: auto; }
div[class*="a-news-"] p.public-preview, div[class*="a-news-"] a.readmore, div[class*="a-news-"] a.publisher { font-size: 0.8em; }


/** Main - Games **/
div.main-games .inner-content { width: 100%; }
div.main-games-img-border img { width: 100%; border: none; }
/* image */
div.main-games div.content-img { width: 100%; display: inline-block; }
div.main-games div.content-img:after { border: solid 4px white; }
div.main-games-substance { display: inline-block; margin: auto; padding: 20px; width: 90%; }
div.main-games-substance p.font-p { font-size: 16px; color: #525252; margin: 15px 0px; line-height:25px; }
/* substance */
div.main-games-substance p.h1 { font-size: 20px; margin: 0; }
div.main-games-substance p.font-bold { font-size: 20px; }
div.main-games-substance p.font-gray { display: inline-block; color: #B0B0B0; }
div.main-games-substance a.viewmore { text-decoration: none; color: #C83535; }
/** Main- Careers **/
div.main-ofcareer { background-image: url("../images/main/main-background.jpg"); opacity: 0.5; background-position-x: -1300px; overflow: hidden; background-repeat: no-repeat; height: 1300px; }
/* Div setting for align */
div.career-wrapper { position: absolute; width: 100%; top: 0; }
div.a-career { width: 100%; margin: 10% auto; float: left; text-align: center; }
div.a-career div.image-container { height: 115px; }
div.a-career p.font-title { font-size: 30px; color: #FFFFFF; }
div.a-career p.font-p { line-height: 25px; color: #D2D2D2; }
div.a-career a.viewmore { text-decoration: none; color: #868686; }

/********************************/
/********Company page style******/
/********************************/
div.ofcompany { background-position: 0 -40px; width: 110%; }
/** Company - About-us **/
div.company .inner-content { width: 95%; max-width: 25rem; }
div.about-us { width: 100%; }
div.about-us p.h1 { font-size: 1.75rem; margin-bottom: 15px; }
div.company .title p.title-p { margin: 0; margin-bottom: 3px; font-size: 1.8rem; }
div.company p.ment { font-size: 1rem; line-height: 25px; }
div.company div.center { margin: 0; }
/** Company - History **/
div.history .inner-content { width: 95%; max-width: 25rem; }
div.history div.title { margin-top: 2.5rem; }
div.content-wrapper-border { width: 90%; }
div.content-wrapper { margin-left: 2%; }
div.box img { display: none; }
div.box p { font-size: 0.75rem; word-break: keep-all; }
div.content-wrapper div.images-wrapper { width: 22px; left: -0.6875rem; }
div.images-wrapper img.topcircle { width: 22px; }
div.content-wrapper img.circle { width: 22px; left: -0.6875rem; }
p.year { font-size: 1.5rem; }
div.box { height: 1.875rem; width: 98%; }
div.box p.long { width: 3.188rem; }
div.welfare { max-width: 35.1rem; }
/** Company - Contact **/
div.ofcontact { background-position: 0 -1210px; height: 37.5rem; }
div.contact-wrapper div.title { margin-top: 20px; margin-bottom: 25px; }
div.map { display: none; }
div.foralign { text-align: center; }
div.foralign div { margin: 0; }
div.foralign div.how-contact { width: 100%; }
div.press-contact { margin-top: 0px; }

/********************************/
/********Games page style******/
/********************************/
div.ofgames { background-position: 0 -40px; }
div.games .inner-content { width: 100%; max-width: 25rem; }
div.games .profile { margin: 0; }
div.games.list .profile .links a.detail { width: 100%; }
div.games div.inner-content { width: 100%; margin-top: 20px; }
div.games div.content-img { width: 100%; margin: 4% 0; }
div.substance { width: 90%; margin: 0 5%; margin-bottom: 5%; }
div.substance p.font-p { margin-bottom: 0.9em; }
div.substance p.h1 { font-size: 1.47rem; }
div.substance p.publisher-list { font-size: 0.9rem; }
/** Games - Award slide **/
div.slider div.unslider { width: 100%; }
div.slider { background-position: 0 -500px; background-size: inherit; width: 100%; height: 100px; }
div.slide { width: 100%; }
div.slider-inner-div { padding: 26px 0; }
div.slider-inner-div p { width: 90%; }
div.slider-inner-div p.font-bold { font-size: 18px; }
div.slider-inner-div p.font-p { font-size: 15px; }
div.games p.ment { margin: 0 auto; margin-top: 10%; width: 97%; font-size: 0.9rem; }
/** Games - Image slide **/
div.image-slider { width: 100%; margin: 2em auto 1em; }
div.image-slider div.unslider { width: 100%; }
ul.unslider-wrap img { width: 100%; }
div.games div.unslider img { width: 100%; /* height: 200px; */ }
div.image-slider div.unslider a.prev,
div.image-slider div.unslider a.next { top: 38%; }
div.slider a.next,div.slide .slick-next{ background-image: url("../images/games/games-arrow-mobile-next.png"); height: 75px; margin-top:-37px }
div.slider a.prev,div.slide .slick-prev { background-image: url("../images/games/games-arrow-mobile-prev.png"); height: 75px; margin-top:-37px}
div.image-slider .img-description { font-size: 0.9rem; width: 100%; }
div.image-slider .img-description ul { padding: 2%; }
/** Games - Video **/
div.video-wrapper { width: 100%; margin: 1.5em auto; }
div.more { margin-bottom: 5%; }
div.service-map { display: none; }
div.service-map-mobile { margin-top: 2em; display: block; }
div.map-ment { width: 100%; margin: 1.8em auto; }
div.map-ment img { width: 1rem; }
div.map-ment p { position: inherit; margin-top: 1.5px; font-size: 0.68rem; }
div.games + div.globalservice div.inner-content { width: 90%; }
.bdm div.map-ment { width: 100%; margin: 1.8em auto; }
/* 20171128 게임 판 추가*/

div.country-info { position: static; }
.global-mapList { overflow: hidden; max-width: 100%; }
.global-map { overflow: hidden; width: 100%; height: auto; margin: 0; padding: 3.5% 3%; border-top: 1px solid #cdcdcd; border-bottom: 0; }
.game-map1, .game-map2, .game-map3 { height: auto; }
.global-map:last-child { border-bottom: 1px solid #cdcdcd; }
.global-map p { margin: 1% 0 0; color: #525252; }
.global-map p:first-child { margin-top: 0; }
.global-map strong { color: #333; }
.game-map:nth-of-type(3) ~ .game-map {border-top:1px solid #cdcdcd}
/********************************/
/********news style******/
/********************************/
/** News List **/
div.news-list div.inner-content { padding: 20px 0; }
div[id^="mobile-news-wrapper-"] { display: none; }

div[class*="a-news-"] { width: 100%; margin-bottom: 5%; }
div[class^="a-news-"] + div.center { margin: 0px; margin-bottom: 5%; }
div[class*="a-news-"] a.h { font-size: 1.1em; }
div[class*="a-news-"] img.thumbnail { border: none; height: auto; display: block; }
div[class*="a-news-"] div.news-img { border: solid 2.5px #AEAEAE; }
ul.pagination li a { float: left; padding: 8px 16px; text-decoration: none; color: black; transition: background-color .3s; border: 1px solid #ddd; margin: 0 4px; font-size: x-large; }

ul.pagination li a.direction, .direction { color: #BEBEBE; font-weight: bold; }

ul.pagination li a:hover:not(.active) { background-color: #ddd; }

/** News View **/
div.title button.press { font-size: 0.9em; position: relative; padding: 14.5px 16px; margin: 20px auto; }
div.a-news { width: 370px; height: 550px; float: left; }
div.news-content-wrapper { width: 100%; padding: 7% 0; border-bottom: solid 1px #cccccc; }
div.news-content-wrapper p.headline { font-size: 1.1em; word-wrap: break-word; }
div[class*="a-news-"] p.date, div.news-content-wrapper p.date { font-size: 0.8em; }
div.under-the-title div.social { float: none; display: block; text-align: left; margin-bottom: 8px; }
div.publisher-block p { font-size: 0.8em; display: block; margin: 1% 0; }
div.publisher-block div.divider { display: none; }
div.publisher-block a { font-size: 0.8em; }
div.news-content { font-size: 0.8em; }
button.pr { font-size: 1em; position: relative; padding: 14.5px 27px; margin: auto; margin-top: 4%; margin-bottom: 8%; }
div.news-wrapper div.a-news-1, div.news-wrapper div.a-news-2 { display: none; }
div.news-wrapper { width: 100%; }

/********************************/
/********Careers style******/
/********************************/
/** Career **/
div.ofcareer { background-position: 0 -30px; }
div.content-ment { max-width: 28rem; }
div.career p.h { margin-top: 2rem; font-size: 1.1rem; }
div.job div.inner-content { margin-bottom: 2rem; max-width: 25rem; }
div.a-job { width: 100%; height: auto; margin-top: 2em; }
div.a-job-wrapper { margin-top: 1em; }
div.a-job div.p { margin-left: 83px; }
div.a-job p.job-h { font-size: 1.5rem; margin-bottom: 0.5em; }
div.a-job p.job-under { font-size: 0.9rem; line-height: 1.7rem; margin: 1% auto; }
div.imgblock { width: 83px; }
div.a-job img { width: 80%; }
div.a-job img.design { width: 90%; }
div.guide-wrapper { width: 100%; text-align: center; margin-bottom: 2em; }
div.guide-content { display: inline-block; }
div.guide-wrapper div.guide-step { padding: 0; width: 9.2rem; }
div.guide-wrapper p.guide-h { font-size: 1rem; }
div.guide-wrapper img { width: 5rem; }
div.guide-wrapper img.next { width: 2rem; position: relative; margin: 2rem 0; }
p.guide-explain { display: none; }
img.second { display: none; }
p.refer { display: none; }

.investor { margin-top: 50px; }

/* search box */
.search_bottom {  padding: 0 1.25rem; margin-bottom: 2.666rem; height: 2.4rem; }
.search_bottom .custom_select { width: 33.3333%; height: auto; box-sizing: border-box; }
.search_bottom .custom_select select { height: 2.4rem; box-sizing: border-box; font-size: 0.7rem; }
.search_bottom .custom_input.search input[type="text"] { height: 2.4rem; box-sizing: border-box; font-size: 0.698rem; padding: 0 75px 0 15px; }
.search_bottom .custom_input.search .btn_search { width: 2.4rem; height: 2.4rem; box-sizing: border-box; }
.search_bottom .custom_input.search input:focus { padding-left: 14px;}

/********************************/
/********Publications******/
/********************************/
.publications .content { margin-top: 50px; margin-bottom: 50px; }
.publications .item-left { width: 100%; margin-bottom: 20px; }
.publications .item-right { width: 100%; margin-left: 5px; width: 98%; }
}

@media(max-width: 422px) {
div.a-job { margin-left: 0.5em; }
}

@media (max-width: 379px) {
div.guide-wrapper img.next { margin: 4rem -1.5em; }
}


/* lang */
@media (max-width: 420px) {
    html[lang="en"] div.games .tab li a[href="/games/BDO"] { line-height: 22px; margin-top: 8px; }
}