#more { text-align: center; }
.more { max-width: 50%; padding: 10px; margin: 30px auto; border: 1px solid rgba(0,0,0, .05); cursor: pointer; box-shadow: 0 5px 5px rgba(0,0,0, .2), 0 -5px 5px rgba(0,0,0, .2), -5px 0 1px #fff; }
.more:hover { color: #d31276; }
.more:after {}
.none { display: none; }
.clear { clear: both; }

input, select { height: 23px; border: 1px solid #ddd; }
input[type=text], input[type=password], input[type=button], input[type=reset], select, textarea { padding-left: 5px; padding-right: 5px; }
input { font-size:12px; height: expression(this.type == 'text'?'':''); }
input { border: expression( (this.type == 'checkbox' || this.type == 'radio') ? 'none' : '' ); vertical-align:middle; }
input[type=text]{ background: rgba(22,43,126,.02); }
input[type=checkbox]{ border:none; }
input[type=radio]{ border:none; }
input::readonly { background: rgba(22,43,126,.05); }
input::placeholder { color: rgba(22,43,126,.3); }
select{	 }
textarea{ width:98%;	padding:5px;}

input[type=submit], input[type=button], button, .button { 
	background: linear-gradient(90deg, rgba(0,0,0,.2) 0, rgba(2,0,16,.5) 10%, rgba(2,0,16,.5) 90%, rgba(0,0,0,.2) 100%); 
	border: none; cursor: pointer; 	text-align: center; color: #fff; padding-left: 10px; padding-right: 10px;
}
input[type=submit], input[type=button].submit, .submit, button.submit { 
	background: linear-gradient(90deg, rgba(0,212,255,1) 0, rgba(2,0,36,1) 10%, rgba(2,0,36,1) 90%, rgba(0,212,255,1) 100%); 
	border-radius: 7px; height: 40px; line-height: 14px; color: #fff; font-size: 14px;
}

input[type=button].go { background: rgba(0,0,0, .1); color: #000; font-size: 13px; position: relative; }
input[type=button].go:before { content:''; position: absolute; right: 0px; top: 0; bottom: 0; }
input[type=button].go:after { content:''; position: absolute; left: 0px; bottom: 0; top: 0; }
button.go { min-height: 20px; padding: 0 20px; background: rgba(0,0,0, .1); color: #000; font-size: 13px; position: relative; }
button.go:before { content:''; position: absolute; right: 0px; top: 0; bottom: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-bottom: 10px solid #fff; }
button.go:after { content:''; position: absolute; left: 0px; bottom: 0; top: 0; border-top: 10px solid transparent; border-left: 10px solid #fff; border-bottom: 10px solid transparent; }
button.go:hover { background: #00a0e9; }


BODY { background: #000; }
.bodybg { background: linear-gradient(90deg,	rgba(3,22,37,1) 0%,		rgba(0,0,0,1) 5%,		rgba(0,0,0,1) 95%, rgba(3,22,37,1) 100%); } 
@media screen and (max-width:1280px) {	
}
@media screen and (max-width:1070px) {
}
@media screen and (max-width:640px) {
	
}


#wrap { width: 100%; position: relative; min-height: 100vh; }
.bodyframe { width: 100%; max-width: 1070px;  margin: 0 auto; position: relative; }

#FRM-TOP { width: 100%; height: 150px; text-align: center; }
#FRM-TOP .bodyframe { height: 150px; position: relative; }
#FRM-TOP .bodyframe > * { position: absolute; display: inline; }
#FRM-TOP section { display: inline-block; }

	#topright { position: absolute; top: 5px; right: 0px; }
	#toplogo { left: 0; top: 50%; transform: translate(0, -50%); }
	#topnav { right: 0; top: 50%; transform: translate(-35px, -50%); }
	#topmenu { right: 0; top: 50%; transform: translate(0, -50%); }
	#toplang { bottom: 0; right: 0; }

	#toplogo { width: 280px; cursor: pointer;	}

@media screen and (max-width:1070px) {
	#FRM-TOP { height: 100px; }
	#FRM-TOP .bodyframe { height: 100px; }
}
@media screen and (max-width:800px) {
	#topnav { display: none !important; }
	//#toplogo { top: 50%; left: 50%; transform:translate(-50%, -50%); }
}


	#topright { float: left; color: #999; }
		.top_member { margin-left: 3px; cursor: pointer; margin-left: 5px; }
		.top_member a { font-size: 12px; color: #777; }
		.top_member i { font-size: 13px; color: #aaa; margin: 0 5px; }
	#subnav_member { display: none; }

	
	#topmenu { color: rgba(255,255,255, 0.7); font-size: 20px; line-height: 1em; background: none; }
		.top_menu { text-align: center; padding: 3px 0px; cursor: pointer; font-size: 20px; }
		.top_menu:hover, .top_lang:hover { color: #fff; }
		.top_menu { color: rgba(255,255,255, 0.7); }

	#toplang {}
		.top_lang { background: none; font-size: 15px; color: #fff; font-size: 13px; margin-bottom: 2px; padding: 1px 10px; float: left; cursor: pointer; border: 1px solid #000; }
		.top_lang.thslang { color: #00a0e9; background: none; }
		.top_lang:hover { border: 1px solid rgba(255,255,255, .3); }


	ul#topnav {	margin: 0 auto; padding: 0; list-style-type: none; }
	ul#topnav > li { /*--syncronize with script--*/ 
		float: left; display: inline-block; margin: 0; line-height: 1.1em; word-wrap: no-break; padding: 0 10px; border-right: 1px solid #333; 
		color: rgba(255,255,255, 0.7); font-size: 16px; text-decoration: none;
		cursor: pointer; 
	}
	ul#topnav > li:not(.icon) { /*--syncronize with script--*/ }
	ul#topnav > li.icon { padding-right: 0; padding-left: 15px; }
	ul#topnav > li > i { color: #aaa; font-weight: 600; font-size: 17px; line-height: 0.9em}
	ul#topnav > li:last-child, ul#topnav > li.icon { border-right: none; padding-right: 0; }
	ul#topnav > li.icon { border: none; }

	#topnav { position: relative; }
	#topnav > li:nth-child(-n+2) { text-align: left; }
	#topnav > li:nth-last-child(-n+2) { text-align: right; } 
	#topnav > li div, #topnav > li ul { position: absolute; top: 15px; left: 0; right: 0; padding: 10px 0; display: none; } 
	#topnav > li div li, #topnav > li ul li { font-size: 13px; display: inline-block; margin-right: 13px; } #topnav > li div li:last-child { margin: 0; }
	#topnav > li:hover {  } 
	#topnav > li:hover div, #topnav > li:hover ul { display: block; }
	#topnav > li:hover div a { color: rgba(255,255,255, 0.4); }

	body[lang='en'] ul#topnav > li { letter-spacing: -1px;  text-transform: uppercase; }
	body[lang='ko'] ul#topnav > li { letter-spacing: 2px; }
	body[lang='ko'] ul#topnav .spacing_w { letter-spacing: 13p !important; }
	body[lang='ko'] ul#topnav .spacing_m { letter-spacing: 10p !important; }
	body[lang='ko'] ul#topnav .spacing_s { letter-spacing: 5p !important; }
	ul#topnav > li:hover { color: #d31276; }	/*set in the javascript*/


#FRM-MENU { text-align: center; border-bottom: px solid #eee;  }

#subnav {
	display: none; 
	position: absolute; left: 0; right: 0; 
	width: 100%; list-style-type: none; 
	padding: 30px; margin: 0 auto; 
	background: rgba(0,0,0,0.9); box-shadow: 5px 5px 5px rgba(0,0,0, 0.5); 
	border-top: 1px solid #222; border-bottom: 1px solid #222;
} 
#subnav_member { display: none; }

#subnav > ul {
	columns: 4; -moz-column-count: 4; -moz-columns: 4; -webkit-columns: 4; 
	-moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; 
	column-rule: 1px dotted #555; 
}
#subnav > ul > li { padding: 10px 0; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
#subnav > ul > li a { display: block; color: rgba(255,255,255, 0.4); font-family: 'Nanum Gothic'; font-size: 14px; text-decoration: none; }
#subnav > ul > li a:hover { color: #d31276; }
#subnav > ul > li > a { color: rgba(255,255,255, 0.7); font-size: 16px; font-weight: 600; margin: 5px 0; }
body[lang='en'] #subnav > ul > li > a { text-transform: uppercase; }
#subnav > ul > li ul { padding: 10px 0; }
#subnav > ul > li ul li { }
#subnav > ul > li ul li a { margin: 2px 0; } 


#body_this { clear: both; padding: 5px 0 5px 20px; font-size: 13px; color: #777; font-family: 'Nanum Gothic'; }
#body_this > li { display: inline-block; white-space: nowrap; font-weight: normal; font-size: 12px; cursor: pointer; padding-right: 5px; }
#body_this > li a { color: #999; }
#body_this > li a:hover { color: #d31276; text-decoration: none; }
#body_this > li::before { content: '/'; font-size: 12px; color: #777; margin-right: 5px; }
#body_this > li:nth-child(2) > a { text-transform: uppercase; }
#body_this > li:first-child::before { content: none; }

#body_this > li { position: relative; display: none; }
#body_this > li ul { display: none; }
#body_this > li i { margin-left: 5px; }
#body_this > li ul a.ths { font-weight: 700; }
#body_this > li:hover ul { position: absolute; top: 0; left: 100%; margin-left: -2px; padidng-left: 5px; padding-right: 5px; background: #fff; z-index: 2; display: block; }
#body_this > li:hover ul li { border-bottom: 1px dotted #eee; padding: 1px 10px; }
#body_this > li:hover ul li:last-child { border: none; }

#nav-home #bodynav { display: none !important; }		/* not show in main page */
/*
#bodynav { position: absolute; top: 0px; left: 0px; text-align: left; float: left; text-align: left; padding-left: 20px; line-height: 3.0em; }
#bodynav li { display: inline-block; white-space: nowrap; font-weight: normal; font-size: 12px; cursor: pointer; padding-right: 10px; }
#bodynav li a { color: #999; }
#bodynav li a:hover { color: #d31276; text-decoration: none; }
#bodynav li a:after { content: '|'; font-size: 12px; color: #ddd; margin-left: 10px; }
#bodynav li:last-child a:after { content: none; }
#bodynav > a { display: none }
*/

#body_title {	/* title area on the top of content .. #bodynav > a, #pagetitle, #bodynav ul */
	position: relative; 
	padding: 50px 0; background: #013; height: 130px; 
	/*background-color: #000;
	background-image: url('/html_img/set1/bgani1.gif');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center center;*/
	font-size: 2em; font-weight: 700; text-align: center; color: #fff;
}

#bodynav { clear: both; text-align: center; width: 100%; }
#bodynav > ul { width: 100%; line-height: 0.3em; margin-top: 10px; padding: 0; position: absolute; bottom: 0px; left: 0; right: 0; }
@media screen and (max-width:640px) {
	#bodynav > ul { bottom: 10px; }
}
#bodynav li { display: inline-block; font-weight: normal; font-size: 12px; cursor: pointer; padding: 10px; }
#bodynav li a { color: rgba(255,255,255,0.5); }
#bodynav li a:hover { color: #d31276; text-decoration: none; }
#bodynav li:first-child { padding-left: 0; }
#bodynav li:last-child { padding-right: 0; }
#bodynav > a { font-size: 14px; color: rgba(255,255,255,.7); font-weight: normal; position: absolute; top: 5px; left: 50%; transform: translate(-50%, 0); }

#pagetitle {	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-transform: uppercase; font-weight: 700; line-height: 1.2em; }

#body_comment { clear: both; padding: 0px 20px; color: #36a; background:}
#pagecomm { clear: both; padding: 0; margin: 0; }



/********************************************************** content */

#FRM-BODY { min-height: 400px; clear: both; }
#FRM-BODY .bodyframe { background: #fff; padding: 0px 0 0 0 ; border-radius: 0px; }

#body_in { clear: both; }

#body_inL {
	padding: 20px 40px; background: 
}

	#body_menu { width: 100%; margin-bottom: 20px; display: flex; flex-direction: column; gap: 5px; 
		& > div:has( a) { display: flex; flex-wrap: wrap; gap: 1px; justify-content: flex-start; }
	}
	#body_menu > div > section { display: inline-block; padding-right: 3px; }
	#body_menu a, #body_menu li { font-size: 12px; color: #000027; line-height: 1em; background: #eee; border-top-right-radius: 5px; padding: 4px 12px; white-space: nowrap; }
	body[lang=en] #body_menu a, #body_menu li { padding-top: 3px; padding-bottom: 4px; }

	#body_menu a:not(.ths):first-child, #body_menu li:not(.ths):first-child { adding-right: 15px; }
	/*#body_menu div a:not(.ths):first-child, #body_menu div li:not(.ths):first-child { boder-left: 3px solid #ccc; }*/
	#body_menu .ths { background: #d31276; color: #fff; adding: 3px 20px; border-bottom: 1px solid #c77; }
	#body_menu .ths:hover { color: #fff; }
	#body_menu a:hover, #body_menu li:hover { color: #d31276; text-decoration: none; }

	#body_menu form { min-height: 25px; white-space: nowrap;  }
	#body_menu form input, #body_menu form select, #body_menu form button { float: left;	height: 25px; }
	#body_menu form input[type=submit], #body_menu form button { background: #777; border: none; color: #fff; padding-left: 13px; padding-right: 15px; }

#body_inR { padding-top: 20px; backgroun: #fcfcfc; display: none; }
#body_inR > div { display: inline-block; vertical-align: top; }

	.new_article { margin: 0 auto 20px auto; padding: 0 10px; }
	#body_inR > div:first-child .new_article { padding-left: 0 !important; }
	#body_inR > div:last-child .new_article { padding-right: 0 !important; }
	.new_article ul { margin-bottom: 10px; }
	.new_article li { padding: 3px 5px 5px 3px; text-align: left; }
	.new_article li.t { padding: 3px 3px 3px 3px; text-indent: 0; font-weight: 700; color: #777; border-bottom: 1px solid #555; cursor: pointer; }
	.new_article li.t span { font-size: 11px; float: right; margin-right: 5px; font-weight: normal !important; }
	.new_article li.t:hover { color: #d31276; }
	.new_article li a { font-size: 13px; }
	.new_article li:hover a { color: #d31276; }

	#body_ad { text-align: center; }
	#body_ad iframe { width: 240px; height: 240px; margin: 0 auto; }
	#body_ad li { margin-bottom: 20px; padding: 0; }
	#body_ad li img { width: 100%; }

	#body_side { cear: both; }


.introimg { width: 100%; }
.introimgbg { height: 270px; background-repeat: no-repeat; background-size: cover; background-position: center center; }


/* h2 */
#body_in .h2_tit_area {padding:10px 0; border-bottom:3px dotted #ccc; margin-bottom:40px;  color:#999; }
#body_in h2 { font-size: 40px; font-weight: 900; line-height: 42px; margin-bottom: 10px; color: #333;}
#body_in .h2_txt {font-size:15px; margin-bottom:25px;}

h3 { font-size: 30px; font-weight:900; line-height:22px; margin-bottom:15px;}

/********** h3 **********/
#body_in .h3_tit_area { padding:0px 0 10px 0; color:#00a1e1;}
#body_in h3 { font-size: 30px; font-weight: bold; }
#body_in h3.h3_tit span { font-weight:bold; padding-right:10px; }

/********** h4 **********/
#body_in h4 { font-size: 20px; font-weight:900; line-height: 42px; margin-bottom: 10px; color: #333;}
#body_in h4.h4_tit, .h4_tit { margin: 20px 0 15px 0; padding-left: 0; font-size: 17px; font-weight: 700; line-height: 1em; display: inline-flex; justify-content: left; align-items: center; gap: 7px;
	&:before { margin: 0;
		content: ''; background: #ffffff; background-image: url('/img/logo/autodesignaward_logo_150px.png'); width: 18px; height: 18px; background-size: 18px 18px; background-repeat: no-repeat; background-position: left center;
	}
	& span { background: #0a073f; font-size: 15px; padding: 2px 10px 2px 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; 
		color: #ffffff; & a { color: #fff; } 
	}
	& .text { font-size: 13px; color: #555; font-weight: normal; }
}
#body_in .h4_txt { margin-left: 0; line-height: 1.5em; }
#body_in .h4_txt li { line-height: 1.5em; margin: 5px 0 5px 12px; text-indent:-12px; }
#body_in .h4_txt li ul li:before { content: '- '; }
#body_in .h4_txt li.nodash:before { content: ''; }

#body_in .h4_txt span { padding-right: 10px; font-weight:bold;}
#body_in .h4_txt li ul { text-indent:-17px; }

#body_in .h4_img .list { margin-bottom:10px; width:100%;}
#body_in .h4_img .list:after { display:block; clear:both;}
#body_in .h4_img .list li { float:left; margin-left:10px;}
#body_in .h4_img .list li.fir { margin-left:0px;}


/* video background 
.videobox { width: 100%; overflow: hidden; margin: 0px auto; position: relative; }/*height 필수*/
.videobox video {
	position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	min-height: 100%; min-width: 100%; width: auto;
	background: url('') no-repeat;
	background-size: cover;
	transition: 1s opacity;
}
.videobox .text { position: absolute; top: 0; bottom: 0; width: 100%; text-align: center; }
*/




#foot_ad { list-type: none; text-align: center; }
#foot_ad .foot_ad { display: inline-block; margin: 20px 0;}
#foot_ad .foot_ad:nth-child(-n+3) { margin-right: 10px; }

#FRM-FOOT { clear: both; width: 100%; padding: 10px; 0 }
#FRM-FOOT .bodyframe {  }
footer { width: 100%; color: #aaa; font-size: 12px; font-family: Open Sans; text-align: center; }
footer a { }
footer span, footer a { font-size: 12px; white-space: nowrap; color: #ddd; margin: 0 3px; }
footer .dailycar img { height: 16px; line-height: 1em; }
footer span.dailycar { font-size: 12px; line-height: 2em; }

/* 페이스북 버튼 */
#bottomshare { padding: 0px;  }
#bottomshare span { display: inline-block; line-height: 1em; margin: 0; }



/* 우측 광고 */
#FRM-AD { 
	width: 100%; position: absolute; top: 40px; left: 980px; padding: 0 20px; background: #fff;
}
#FRM-AD-RIGHT {
	position: absolute; bottom: 20px; left: -170px; 
}



.msgbox { padding: 40px 40px; text-align:center; }
.msgbox > div { margin: 10px auto; padding: 50px 20px; border: 5px solid #cddadc; border-radius: 10px; }
.msgbox > div > section { font-size: 37px; letter-spacing:1px; line-height:1.2em; }


.meta { display: none; }