#sub_wrap{ padding-top: 140px; } 
#sub_wrap .inner{ margin-bottom: 30px; padding: 30px; box-sizing: border-box; border: 1px solid #ddd;   }

/* common */
.sub_vis{ display: table; position: relative; width: 100%; height: 180px; }
.sub_vis .sv_txt{ display: table-cell; vertical-align: middle; padding-left: 40px; box-sizing: border-box; font-size: 20px; font-weight: 500; color: #fff; line-height: 1.5; word-break: keep-all; }
.sub_vis .bg{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; }

.tit_w { position: relative; overflow: hidden; margin-bottom: 10px; text-align: center; }
.tit_w .tit{ display: block; position: relative; margin-bottom: 10px; font-size: 32px; font-weight: 500; color:#333; text-align: left; word-break: keep-all; }
.tit_w .txt{ display: block; font-size: 15px; color: #666; text-align: left; word-break: keep-all; }
.tit_w .txt em{ font-weight: 600; color: #000; }

/* news */
.news .sub_vis .bg{ background: url('../img_kr/sub/sv_news.jpg') no-repeat center; background-size: cover; }
.news .tit_w{ float: left; }

.news_view .sub_vis .bg{ background: url('../img_kr/sub/sv_news.jpg') no-repeat center; background-size: cover; }
.news_view .tit_w{ padding: 20px 0; }

.news_write .sub_vis .bg{ background: url('../img_kr/sub/sv_news.jpg') no-repeat center; background-size: cover; }
.news_write .tit_w{ padding: 20px 0; }


/* company */
.company .sub_vis .bg{ background: url('../img_kr/sub/sv_company.jpg') no-repeat center; background-size: cover; }
.company .sec{ padding: 50px 0; }
.company .sec01 .tit{ text-align: center; }
.company .sec01 .img_logo{ margin-bottom: 20px;}
.company .sec01 .img_logo img{ display: block; max-width: 70%; margin: auto; }
.company .sec01 .img_w{ overflow: hidden; max-width: 770px; margin: auto; }
.company .sec01 .img_w .img{ float: left; }
.company .sec01 .img_w .img_left{ width: calc(50% - 20px); margin-right: 20px; }
.company .sec01 .img_w .img_right{ width: 50%; }
.company .sec01 .img_w .img img{ display: block; max-width: 100%; margin: auto; }
.company .sec01 .txt_w{  }
.company .sec01 .txt_w .txt{ font-size: 18px; color: #666; text-align: center; word-break: keep-all;  }
.company .sec01 .txt_w .txt .txt_bold{ font-size: 36px; font-weight: 700; color: #000;  }
.company .sec01 .txt_w .txt .tit_color{ font-size: 30px; font-weight: 600;}
.company .sec01 .txt_w .txt em{ color: #000;}


/* games */
.games .sub_vis .bg{ background: url('../img_kr/sub/sv_game.jpg') no-repeat center; background-size: cover; }
.games .sec{ padding: 50px 0 0; }
.games .list_w ul li{ padding: 40px 0; border-bottom: 1px solid #ddd; }
.games .list_w ul li:last-child{ border-bottom: 0; }
.games .game_tit{ margin-bottom: 40px;font-size: 24px; font-weight: 500; color: #f26624; text-align: center; line-height: 1.3; }
.games .game_con{ overflow: hidden; max-width: 810px; margin: auto; }
.games .game_con .img_w{ float: left; margin-right: 20px; }
.games .game_con .img_w img{ display: block; max-width: 100%; margin: auto;  }
.games .game_con .txt_w{ float: left; max-width: calc(100% - 260px); padding-top: 20px; }
.games .game_con .txt_w table th{ vertical-align: top; width: 120px; padding: 5px 10px; font-size: 17px; font-weight: 500; color: #333; line-height: 1.2; word-break: keep-all; }
.games .game_con .txt_w table td{ vertical-align: top; width: calc(100% - 140px); padding: 5px 10px; font-size: 17px; font-weight: 500; color: #666; line-height: 1.2; word-break: keep-all; }
.games .game_con .txt_w table td a{ display:block; font-size: 17px; font-weight: 500; color: #0066b1; word-break: keep-all; }

/* partner */
.partner .sub_vis .bg{ background: url('../img_kr/sub/sv_partner.jpg') no-repeat center; background-size: cover; }
.partner .tit_w{ margin-top: 40px; }
.partner .partner_list{}
.partner .partner_list ul{ overflow: hidden; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
.partner .partner_list ul li{ float: left; width: 33.33%; box-sizing: border-box; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;  }
.partner .partner_list ul li img{ display: block; vertical-align: middle; max-width: 100%; margin: auto; }


/* 협력 */
.cooperation .sub_vis .bg{ background: url('../img_kr/sub/sv_cooperation.jpg') no-repeat center; background-size: cover; }
.cooperation .tit_w{ overflow: hidden; padding: 40px 0; }
.cooperation .tit_w .tit{ float: left; width: 50%; padding: 10px 0; font-size: 20px;  }
.cooperation .tit_w .img{ float: left; width: 50%; }
.cooperation .tit_w .img img{ width: 100%; }
.cooperation .cooperation_list ul{ overflow: hidden; }
.cooperation .cooperation_list ul li{ float: left; position: relative; width: calc(33.33% - 20px); margin-right: 30px; margin-bottom: 50px; }
.cooperation .cooperation_list ul li:nth-child(3n){ margin-right: 0; }
.cooperation .cooperation_list ul li .img_w{ width: 100%; margin-bottom: 40px; }
.cooperation .cooperation_list ul li .img_w img{ width: 100%; }
.cooperation .cooperation_list ul li .txt_w{ position: absolute; bottom: 0; left: 20px; width: calc(100% - 40px); height: 150px; padding: 20px; box-sizing: border-box; background: rgba(0,0,0,0.5); }
.cooperation .cooperation_list ul li .txt_w .txt{ font-size: 18px; color: #fff; line-height: 1.5; word-break: keep-all; text-align: center;  }
.cooperation .txt_w{ padding: 20px 0;  }
.cooperation .txt_w .txt{ font-size: 20px; font-weight: 500; color: #222; text-align: center; line-height: 1.5; word-break: keep-all; }


/* contact */
.contact .sub_vis .bg{ background: url('../img_kr/sub/sv_contact.jpg') no-repeat center; background-size: cover; }
.contact .txt_w{ width: 100%; background: #f26624; margin: 40px 0 20px; padding: 20px; box-sizing: border-box; }
.contact .txt_w .txt{ font-size: 24px; color: #fff; text-align: center; }
.contact .root_daum_roughmap{ width: 100%; }
.contact .root_daum_roughmap .wrap_map{ width: 100%; height: 600px; }
.contact .contact_list{ overflow: hidden; padding-top: 20px; }
.contact .contact_list .list{ display: inline-block; vertical-align: top; position: relative;  margin-right: 30px; margin-bottom: 20px; padding-left: 38px;  }
.contact .contact_list .list i{ position: absolute; top: 0; left: 0; margin-right: 10px; }
.contact .contact_list .list i img{ display: block; margin: auto;}
.contact .contact_list .list .cont_txt{ font-size: 16px; color: #666; word-break: keep-all; }
.contact .contact_list .list .tit{ display: block; float: left; margin-right: 5px; color: #000; font-weight: 500; }
.contact .contact_list .list .txt{ display: block; float: left;  }


/*폰트*/
.russo {font-family: 'Russo One', sans-serif;}

@media screen and (max-width: 1024px){
	#sub_wrap{ padding-top: 70px; }

	.company .sec01 .txt_w .txt{ font-size: 16px; }
	.company .sec01 .txt_w .txt .txt_bold{ font-size: 30px; }
	.company .sec01 .txt_w .txt .tit_color{ font-size: 26px; }

	.games .game_tit{ font-size: 20px; }
	
	.cooperation .tit_w .tit{ font-size: 18px; }
	.cooperation .cooperation_list ul li .txt_w .txt{ font-size: 16px; }
}

@media screen and (max-width: 768px){
	#sub_wrap .inner{ padding: 20px; }
	.sub_vis .sv_txt{ padding-left: 30px; }
	.tit_w .tit{ font-size: 28px; }

	.company .sec01 .txt_w .txt br{ display: none; }
	.company .sec01 .txt_w .txt br.import{ display: block; }
	
	.games .game_con .img_w{ float: none; margin-right: 0;  }
	.games .game_con .txt_w{ float: none; max-width: 100%;}
	.games .game_con .txt_w table{ margin: auto; }

	.partner .partner_list ul li{ width: 50%; }
	
	.cooperation .tit_w .tit{ float: none; width: 100%; font-size: 16px;  }
	.cooperation .tit_w .img{ float: none; width: 100%; }
	.cooperation .cooperation_list ul li{ width: calc(50% - 10px); margin-right: 20px; margin-bottom: 40px; }
	.cooperation .cooperation_list ul li:nth-child(3n){ margin-right: 20px; }
	.cooperation .cooperation_list ul li:nth-child(2n){ margin-right: 0; }
	.cooperation .cooperation_list ul li .txt_w{ left: 10px; width: calc(100% - 20px); padding: 15px; }
	.cooperation .txt_w .txt{ font-size: 17px; }

	.contact .root_daum_roughmap .wrap_map{ height: 400px; }
	.contact .contact_list .list .cont_txt{ font-size: 14px; }
}

@media screen and (max-width: 580px){
	.tit_w .tit{ font-size: 24px; }
	
	.games .game_tit{ word-break: keep-all; }
	.games .game_tit br{ display: none; }
	.company .sec01 .img_w .img{ float: none; }
	.company .sec01 .img_w .img_left{ width: 100%; margin-right: 0; }
	.company .sec01 .img_w .img_right{ width: 100%; }
	
	.partner .sub_vis .sv_txt br{ display: none; }

	.cooperation .txt_w .txt br{ display: none; }	
	
	.contact .txt_w .txt{ font-size: 20px; }
}

@media screen and (max-width: 420px){
	.sub_vis .sv_txt{ padding: 15px; font-size: 18px; }

	.company .sec01 .txt_w .txt .txt_bold{ font-size: 28px; }
	.company .sec01 .txt_w .txt .tit_color{ font-size: 24px; }

	.games .game_con .txt_w table th{ width: 90px; font-size: 15px; }
	.games .game_con .txt_w table td{ font-size: 15px; }
	.games .game_con .txt_w table td a{ font-size: 15px; }

	.partner .partner_list ul li{ width: 100%; }
	
	.cooperation .tit_w .tit br{ display: none; }
	.cooperation .cooperation_list ul li{ width: 100%; margin-right: 0; }
	.cooperation .cooperation_list ul li:nth-child(3n){ margin-right: 0; }
	.cooperation .cooperation_list ul li .txt_w{ height: 100px;}