@media (min-width: 768px) and (max-width: 862px) {
div.a-job-wrapper { margin-bottom: 2em; }
div.imgblock { text-align: left; width: 93px; }
}

@media (min-width: 863px) and (max-width: 915px) {
div.left-job { text-align: center; }
div.imgblock { text-align: left; }
}

@media (min-width: 768px) and (max-width: 940px) {
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: 2rem; line-height: 81.88px; padding: 0 20px; }
/* div.main-image-slider div.unslider img{
height: 350px !important;
} */
/*** mobile top menu ***/
#topMenu { display: block; background: #0E2B3B; }
#topMenu_scrollUp_mobile { background: #0E2B3B; }
}

@media (min-width: 768px) and (max-width: 944px) {
/** Company - Welfare **/
div.welfare { width: 35.1rem; }
/** Company - Contact **/
div.foralign { width: 500px; }
div.map { display: none; }
}

@media (min-width: 945px) and (max-width: 1440px) {
/** Company - Welfare **/
div.welfare { width: 56.0rem; }
}

@media (min-width: 945px) and (max-width: 1312px) {
/** Company - Welfare **/
div.foralign { width: 90%; }
}

@media (min-width: 768px) and (max-width: 1312px) {
.desktop { display: block; }
.mobile { display: none; }
.full-width { width: 100% !important; }

.inner-content { width: 768px; }
.banner { height: 15rem; }

nav ul.languages-mobile { }

div.logo-wrapper a img.logo { margin: 1em auto; }
#topMenu_scrollUp div.logo-wrapper a img.logo { margin: 0 auto; }

#toTop { display: none; }

/********************************/
/********main page style******/
/********************************/
/** Main - focus-contents section **/
div.main-image-slider div.unslider img { width: 100%; /* height: 470px; */ }

/** Main - News **/
div[class*="a-news-"] { width: 100%; float: left; margin: 2.5% auto; max-width: 49.25rem; }
div[class*="a-news-"] + div.center { }
div.main-news .inner-content { width: 90%; }
div.main-news .inner-content .inner-content { width: 100%; }
div.main-news .date-and-company { font-size: 0.8em; }
div[class*="a-news-"] p.date { font-size: 14px; }
div[class*="a-news-"] div.news-img { width: 40%; width: 23.44rem; float: left; margin-right: 3%; }
div[class*="a-news-"] a.publisher { font-size: 0.9em; }
div[class*="a-news-"] p.public-preview { overflow: hidden; max-height: 4.5em; /* �븞�빐以� 寃쎌슦 諛묒뿉 �냼�뀥�꽕�듃�썙�겕 踰꾪듉�씠 洹몃┝ 諛묒쑝濡� �궡�젮媛��뒓 利앹긽 諛쒖깮. */ font-size: 0.9em; }
div[class*="a-news-"] a.readmore { font-size: 0.9em; }
div[class*="a-news-"] div.social { width: 100%; }


/** Main - Games **/
div.main-games .inner-content { width: 90%; }
div.main-games .inner-content .inner-content { width: 100%; }
div.main-games-substance { margin-left: 2%; vertical-align: top; }
div.main-games-substance p.h1 { font-size: 1.5em; }
div.main-games-substance p.font-p { font-size: 1em; color: #525252; margin-top: 3%; margin-bottom: 5%; }

/* image */
div.main-games div.content-img { width: 47%; }

/** Main- Careers **/
div.main-career div.background-black { width: 100%; }
div.main-career div.main-ofcareer { width: 130%; }
div.main-career .inner-content { width: 90%; }

/********************************/
/********company page style******/
/********************************/
.content-white .recruiting.inner-content { width: 690px; }
div.ofcompany { background-position: 0 -80px; }
/** Company - About us **/
div.about-us { width: 98%; max-width: 49.25rem; text-align: left; margin: 5% auto; display: block; height: 17rem; }
div.company div.center { margin: 5% auto; }
div.about-us p.h1 { display: inline-block; margin: 0; margin-bottom: 4%; }
div.company div.content-img { display; inline-block; float: left; width: 23.44rem; margin-right: 3%; }
div.company p.ment { display; inline-block; }
/** Company - History **/
div.content-wrapper-border { width: 75%; }
div.box p.long { width: 5.3rem; }
/** Company - Welfare **/
div.welfare { max-width: 56.0rem; }
/** Comapny - Contact **/
div.ofcontact { background-position: 0 -1300px; }
div.contact-wrapper div.inner-content { width: 95%; }
div.foralign { display: flex; margin: 0 auto; }
div.how-contact { max-width: 250px; flex: auto; margin-left: 0; }
div.map { flex: auto; width: 45%; max-width: 630px; margin-left: 3%; line-height: 233px; }
div.map img { width: 100%; height: auto; vertical-align: middle; }
.indent-text { text-indent:0;}
.global-map { height:7.2em; }

/********************************/
/********Games page style******/
/********************************/
div.games div.inner-content { text-align: center; width: 768px; }
div.games div.inner-content br { display: none; }
div.games.list .profile { padding: 8% 0; }
div.substance { text-align: left; margin: 3% 0 0; width: 35.75rem; }
div.slide { width: 100%; }
div.slider div.unslider { width: 100%; }
div.slider { background-size: inherit; }
div.slider div.unslider { width: 100%; }
div.image-slider { width: 100%; margin: 2em auto; }
div.image-slider div.unslider { width: 100%; }
ul.unslider-wrap img { width: 100%; }
div.image-slider div.unslider a.prev { top: 45%; }
div.image-slider div.unslider a.next { top: 45%; }
div.video-wrapper { width: 100%; margin: 2em auto; }
div.more { margin-bottom: 2em; width: 23%; text-align: left; }
div.service-map img { width: 100%; margin: 0; margin-right: 5px; }
div.map-ment { width: 100%; text-align: center; }
div.map-ment img { width: 26px; }
div.map-ment p { position: inherit; margin-top: 0.3rem; vertical-align: middle; }

/********************************/
/********news style******/
/********************************/

div.news-list div.inner-content { padding: 40px 0; width: 768px; }
div.news-view div.inner-content { width: 90%; padding: 40px 0; }
div.a-news { width: 350px; margin: 2%; }
div.title button.press { font-size: 16px; padding: 20px 22px; }
div.news-view button.pr { font-size: 16px; padding: 17px 40px; }

/********************************/
/********news view style******/
/********************************/
div.news-wrapper { width: 650px; margin: auto; }
div.news-content { font-size: 0.9em; }

/********************************/
/********Careers******/
/********************************/
div.a-job-wrapper { text-align: center; width: 100%; margin: 0 auto; margin-top: 2em; }
div.a-job-wrapper p { text-align: left; }
div.a-job { width: 45%; height: 226px; margin: 1% 0; margin-left: 5%; display: inline-block; text-align: left; }
div.a-job p.job-h { font-size: 1.5rem; }
div.a-job p.job-under { font-size: 0.9rem; line-height: 1.5rem; margin: 1% auto; }
div.imgblock { width: 93px; }
div.a-job div.p { margin-left: 93px; }
div.a-job img { width: 80%; }
div.a-job img.design { width: 70%; }
div.guide-wrapper { width: 100%; text-align: center; margin-bottom: 2em; margin-top: 1em; }
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; float: left; }
p.guide-explain { display: none; }
p.refer { display: none; }

/********************************/
/********Publications******/
/********************************/
.publications .item-left { width: 40%; }
.publications .item-right { width: 57%; }
}


@media screen and (max-width: 1024px){
/* search box */
.search_bottom { display: box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-flex; display: -o-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; -moz-align-items: center; -o-align-items: center; align-items: center; -webkit-justify-content: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-align: center; width: 100%; padding: 0 1.25rem; margin-bottom: 2.666rem; height: 2.733rem; box-sizing: border-box; }
.search_bottom .custom_select { width: 33.3333%; height: auto; box-sizing: border-box; }
.search_bottom .custom_select select { height: 2.733rem; box-sizing: border-box; font-size: 0.88rem; }
.search_bottom .custom_input { margin-left: -1px; }
.search_bottom .custom_input.search input[type="text"] { height: 2.733rem; box-sizing: border-box; font-size: 0.86rem; }
.search_bottom .custom_input.search .btn_search { width: 2.733rem; height: 2.733rem; box-sizing: border-box; }
}