html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:12pt;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {list-style: none;}
table {	border-collapse: collapse;	border-spacing: 0;}

html { background-color:#e5e5e5; width:100%; height: 100%; }
body {width: 100%; height: 100%;}
#wrap {width:100%; height:100%;}

#web_logo{ width:100%; height:130px; }
#main_logo { width:200px; padding: 20px 20px; float:left;}
#main_gdg_logo { width:200px; padding: 35px 20px; float:right;}

#web_notice{ width:100%; position:relative;}
#web_notice_intro{position:absolute; left:0px; top:0x; width:60%; height:100%;}
#web_notice_study{margin-left:60%; width:40%;}
#web_notice_study_img{background-image:url(/images/img_talk.jpg); height:300px; background-size:cover; background-repeat:no-repeat;}


/*미친IE를위하여*/
.web_contents {width:950px; background-color:white; margin:0 auto;}
.col7{width:32%; float:left; padding-top:20px; margin-left:1%; color:#4b4b4b; font-size:10pt;}
.col7 h2{border-bottom:1px solid #101428; margin-bottom: 10px; color:#2a2c33; font-size:15pt;}
.col7 b{color:#4285f4; font-size:10pt;}
.apply_form {display:inline-block; width:29%;  min-width:290px; margin-right:1%; margin-left:1%; color:white; height:350px; border-bottom:2px solid white; padding-bottom:20px; border-top:2px solid white;}
.apply_title {text-align:center; font-size:18pt; padding-bottom:5px;}
.apply_button{border-top:1px solid white; margin-top:10px; padding-top:9px; height:120px;}

.col8{width:32%; float:left; padding-top:20px; margin-left:1%; color:white; font-size:10pt;}
.col8 h2{border-bottom:1px solid white; margin-bottom: 10px; color:white; font-size:15pt;}
.col8 b{color:white; font-size:10pt;}

.avatar_view{padding-top:20px; width:140px; text-align:center; display:inline-block; font-size:9pt; }

@media screen and (max-width: 650px) { 
	.web_contents {width:100%;}
	#web_logo{ height:80px; }
	#main_logo {width:120px; padding: 10px 10px;}
	#main_gdg_logo {width:120px; padding: 22px 10px;}
	#web_notice_study_img{height:160px;}

	#web_notice_intro{float:left; width:100%; display: block; }
	#web_notice_study{float:left; width:100%; margin-left:0; }
	.col7{width:100%; clear:both; margin-left:0px;}
	.col8{width:100%; clear:both; margin-left:0px;}

	.apply_form {width:80%;  padding-bottom:20px;  border-bottom:0px;}
	.avatar_view{padding-top:10px; width:100px; text-align:center;  display:inline-block; }
	.avatar_view img{width:60px; }
}

@media screen and (min-width: 650px) and (max-width: 980px) { 
	.web_contents {width:100%;}
	.col7{width:31%;}
	.col8{width:31%;}
	.apply_form {width:80%; padding-bottom:20px;  border-bottom:0px;}
}

@media screen and (min-width: 980px) { 
	.web_contents {width:95%; max-width:1200px; margin:0 auto;}
}