/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#wrapper{min-width:320px;}

/* header */
/* -------------------------- */

#header_in{ width:auto; padding:10px 0 0 0; background-size:200px 65px;}

#header_left{ width:95%; margin:0 auto; float:none;}
#header_right{ width:auto; float:none; text-align:left; margin-top:0px;}

#header_txt{ width:85%;}
.header_txt_hyphen{ margin:0 3px 0 0;}
#header_txt br{ display:block;}

#logo{ margin-top:-8px;}
#logo a{
	background-image:url(../image/common/logo.png?2601);
	background-size:214px 68px;
}

#header_lang{
	display:block;
	position:absolute;
	top:52px;
	right:15px;
}
#searchArea{ display:none;}
#headnav{ display:none;}


/* globalnav */
/* -------------------------- */

#globalnav{ margin:0;}
#gnav_btn{display:block;}

#gnav_btn a {
	width:20px;
	height:20px;
	background:url(../image/common/gnav_btn.gif) no-repeat 0 0;
	background-size: 20px 20px;
	display: block;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	right:15px;
}
#globalnav_in{
	display:block;
	width: 100%;
	overflow: hidden;
	position:absolute;
	z-index:100;
}
#globalnav ul{ display: none;}
#globalnav li{
	display:block;
	margin:0;
	background:#222;
	border-top:solid 1px #333;
	border-bottom:solid 1px #111;
}
#globalnav li a{
	display:block;
	padding:12px 15px;
}


/* contents */
/* -------------------------- */

#common #contents {
	width:95%;
	min-height: auto;
	padding-bottom:50px;
}
.contents_in{ width:95%;}


/* footer */
/* -------------------------- */

footer{padding:5px 0 10px 0;}
#footer_in{ width:95%;}
#footer01{ margin-bottom:10px;}

.footer01_right{
	width:auto;
	min-height:50px;
	background:none;
	padding-top:0;
	float:none;
}
.footer_logo{
	background-image:url(../image/common/footer_logo%402x.png);
	background-size:187px 57px;
}

.footer01_left{ width:auto; float:none;}

.footnav01{
	width:auto;
	padding-right:0;
	float:none;
}
.footnav01 li{
	width:50%;
	float:left;
	padding-right:1%;
}

.footer02_left{ width:auto; float:none; margin:0 0 10px 0; text-align:center;}
.footer02_right{ width:auto; float:none; text-align:center;}

.footnav02 li{
	padding-left:10px;
	margin-left:10px;
}


/* pagetop */
/* -------------------------- */

a.pagetop {
	width: 50px;
	height: 50px;
	background-image:url(../image/common/pagetop%402x.gif);
	background-size:50px 50px;
}



/* header_new */
/* ------------------------------------------------------------------------------ */


#header_in_new{
	height:52px;
}

#header_top_new{
	width:100%;
}

#logo_new{
	position:absolute;
	left:3%;
	top:13px;
}
#logo_new img{
	width:auto;
	height:30px;
}


/* globalnav */
/* -------------------------------------------------------------------------------- */

ul.megamenu div.mm-item-content{
	display:none !important;
}

#gnav_btn_new{
	position:absolute;
	display:block;
	top:16px;
	right:3%;
	width:22px;
	height:20px;
	background:url(../image/common/gnav_btn.png) center top / cover;
	z-index:99999;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
#gnav_btn_new.menu_open{
	position:fixed;
	background-position:center bottom;
}

#gnav_bg.menu_open{
	display:block;
	position:fixed;
	z-index:999;
	background:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
}

#globalnav_new{
	position:fixed;
	top:0;
	width:210px;
	height:100%;
	background:#FFF;
	z-index:9999;
	right:-210px;
	transition:0.3s;
	box-shadow:0 0 10px rgba(0,0,0,0.15);
	padding:53px 0 20px;
	overflow:auto;
}
#globalnav_new.menu_open{
	right:0;
}

#globalnav_main_new{
	width:90%;
	margin:0 auto;
	padding-top:0;
}

#globalnav_main_new_en{
	width:90%;
	margin:0 auto;
	padding-top:0;
}

#globalnav_main_new_kr{
	width:90%;
	margin:0 auto;
	padding-top:0;
}

#globalnav_in_new{
	width:100%;
	margin:0 auto;
}

#header_search_new{
	position:static;
	width:90%;
	margin:0 auto 10px;
}

.menuContents{
	display:none;
}
#globalnav_main_new li{
	float:none !important;
}
#globalnav_main_new li a{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:12px 0;
}
#globalnav_main_new li:nth-child(n+2){
	border-top:1px solid #E5E5E5;
}

#globalnav_main_new li a:hover,#globalnav_main_new li.main_current a{
	color:#900;
	text-decoration:none;
}

#globalnav_main_new_en li{
	float:none !important;
}
#globalnav_main_new_en li a{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:12px 0;
}
#globalnav_main_new_en li:nth-child(n+2){
	border-top:1px solid #E5E5E5;
}

#globalnav_main_new_en li a:hover,#globalnav_main_new li.main_current a{
	color:#900;
	text-decoration:none;
}

#globalnav_main_new_kr li{
	float:none !important;
}
#globalnav_main_new_kr li a{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:12px 0;
}
#globalnav_main_new_kr li:nth-child(n+2){
	border-top:1px solid #E5E5E5;
}

#globalnav_main_new_kr li a:hover,#globalnav_main_new li.main_current a{
	color:#900;
	text-decoration:none;
}

#headnav_new{
	padding:0 5%;
	background:#F6F6F6;
}
#headnav_new li a{
	display:block;
	font-size:15px;
	font-weight:bold;
	padding:12px 0;
}
#headnav_new li:nth-child(n+2){
	border-top:1px solid #E5E5E5;
}

#headnav_new li a:hover,#headnav_new li.main_current a{
	color:#900;
	text-decoration:none;
}

#header_lang_new{
	display:none;
}

#header_lang_new_sp{
	width:90%;
	display:block;
	margin:20px auto 20px;
}
#header_lang_new_sp li{
	float:left;
	width:33.33%;
	border:solid #E5E5E5;
	border-width:1px 1px 1px 0;
}
#header_lang_new_sp li:first-child{
	width:33.34%;
	border-left-width:1px;
}

#header_lang_new_sp li a{
	display: block;
	padding:5px 0;
	text-align:center;
	background:#F6F6F6
}

#header_lang_new_sp li.current a{
	background:#FFF;
}

#header_lang_new_sp li a:hover{
	text-decoration:none;
}


/* footer_new */
/* -------------------------- */

#footer_logo_new{
	float:none;
	width:100%;
	padding-top:0px;
	margin-bottom:30px;
}

#footer_top_new{
	margin:0 auto 30px;
}

#footer_banner_new{
	float:none;
	width:100%;
}
#footer_memu_new{
	float:none;
	width:100%;
}


#footer_memu_new > ul > li{
	width:53.5%;
	margin:0 0 20px 3% !important;
}
#footer_memu_new > ul > li:nth-child(odd){
	clear:both;
	width:43.5%;
	margin-left:0 !important;
}

#footer_bottom_new{
	padding:15px 0;
}

#footer_bottom_in_new ul{
	float:none;
	text-align:center;
	margin-bottom:10px;
}

#footer_bottom_in_new ul li{
	margin-bottom:10px;
}

#copyright_new{
	float:none;
	text-align:center;
}

.pc_on {
	display: none !important; 
}	
.tb_on {
  display: none !important; 
}	
.sp_on {
	display: inline-block !important; 
}

/* 2020.08 */
#sns_link {
	display: flex;
	position: absolute;
	right: auto;
	left: 180px;
	top: 12px;
	/* width: 100%;
	justify-content: center; */
}

#sns_link li {
	width: 30px;
	height: 30px;
	margin: 0 5px;
}
#sns_link img {
	width: 100%;
	height: 100%;
}
#sns_link a {
	display: block;
	width: 100%;
	height: 100%;
}

#footer_sns {
	float: none;
	width: 100%;
	padding: 0 3%;
}

#footer_sns ul {
	justify-content: center;
}

#footer_sns li {
	margin: 0 5px;
}

/* 231013 */
.gnav_bnr_50th {
	display: block;
	width: 90%;
	margin: 20px auto 0;
}

.gnav_bnr_50th img {
	width: 100%;
	height: auto;
}

}

