@charset "UTF-8";
@font-face {
    font-family: 'GmarketSansLight';
    src: url('/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.inner {
    position: relative;
    margin: 0 auto;
    width: 1200px;
}

@media only screen and (max-width: 1200px){
    .inner {
        width: 90%;
    }
}


/* header */
header{position: relative; width:100%; padding:1px 0; z-index:100; margin-bottom:-1px;}
	.top_nav{
		padding:0 5%;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
		justify-content: space-between;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		border-bottom:1px solid #eee;
		height:80px;

	}
	.top_nav > div{
		display:flex;
		align-self:stretch;
		align-items:center;
	}
	.top_nav > div:after{display:none !important;}
	.top_nav .header_logo{max-width:30%;}
	.top_nav .header_logo a{display:block; line-height:0;}
	.top_nav .header_menu{font-family: 'GmarketSansBold'; font-size:22px;}
		.header_menu ul{
			display: flex;
			align-items:center;
		}
		.header_menu ul li{margin:0 20pt;}
		.header_menu ul li:first-child{margin-left:0;}
		.header_menu ul li:last-child{margin-right:0;}
		.header_menu ul li a{display:block; color:#222; padding-top:5px; }
		.header_menu ul li a:hover{color:#12790b;}
	.top_nav .header_right{position: relative;}
	.top_nav .btn_download{
		display:block; background:#5ab5e7; padding: 22px 20px 17px; width:100%; max-width:300px;
		font-family: 'GmarketSansBold'; font-size:120%; color:#fff; letter-spacing:1px;
			-webkit-border-radius: 50pt;
			-ms-border-radius: 50pt;
		border-radius: 50pt;
	}
	.top_nav .btn_download:hover{background:#222;}
	.scroll-to-fixed-fixed{
		background-color:rgba(255, 255, 255, 1);
			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
		box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
	}


/* 메인 */
main{}
	main > article{
		position: relative;
		background-size:cover;
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
		justify-content: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
			-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	main > article.main_poster{
		min-height:100vh; margin-top:-82px; padding:130px 0 50px 0;
		/*
		background: rgba(248,248,248,1);
		background: -moz-linear-gradient(-45deg, rgba(248,248,248,1) 0%, rgba(180,237,255,1) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(180,237,255,1)));
		background: -webkit-linear-gradient(-45deg, rgba(248,248,248,1) 0%, rgba(180,237,255,1) 100%);
		background: -o-linear-gradient(-45deg, rgba(248,248,248,1) 0%, rgba(180,237,255,1) 100%);
		background: -ms-linear-gradient(-45deg, rgba(248,248,248,1) 0%, rgba(180,237,255,1) 100%);
		background: linear-gradient(135deg, rgba(248,248,248,1) 0%, rgba(180,237,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#b4edff', GradientType=1 );
		*/
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(197,255,230,1) 100%);
		background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(197,255,230,1)));
		background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(197,255,230,1) 100%);
		background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(197,255,230,1) 100%);
		background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(197,255,230,1) 100%);
		background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(197,255,230,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c5ffe6', GradientType=1 );
	}
	main > article.main_poster img{max-width:100%; max-height:auto;}
	main .tab_con {display: none; width:100%;}
	main .tab_con.active {display: block;}

/* 페이지 */
.program_con{}
	.program_con .top_visual{
		position:relative; background: #f9f9f9; border-bottom:1px solid #eee;
		/* background-image:url('/gongmo/img/page_con_top_bg.png'); background-size:cover; */
	}
	.program_con .top_visual .top_visual_img{text-align: center;}
	.program_con .top_visual .top_visual_txt{
		position:absolute; top:50%; left:50%;
			-webkit-transform:translate(-50%, -50%);
			-moz-transform:translate(-50%, -50%);
			-ms-transform:translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}
	.program_con .con{padding: 100px 0;}
	.program_con .con .con_box{margin-top:100px;}
	.program_con .con .con_box:first-child{margin-top:0;}
	.program_con .con .con_box h1{
	    display: block; text-align: center; margin-bottom: 30px;
		font-family: 'GmarketSansBold'; font-size: 35px; color: #222; line-height: 100%; letter-spacing:-1px;
	}
	.program_con .con .con_box h1 .light{display:block; margin-bottom: 10px; font-family:"GmarketSansLight"; color:#ff6600;}
	.program_con .con .con_box span.t1{
		display: block; font-size: 20px; line-height: 34px; text-align: center; font-weight: 300;
		word-break:keep-all;
	}
	.program_con .con .con_box ul.box{width:100%; max-width:950px; margin:0 auto;}
	.program_con .con .con_box ul.box li{
		border:1px solid #eee; padding:30pt; margin-bottom:30px;
			display: -ms-flexbox;
			display: -webkit-flex;
		display: flex;
			-webkit-flex-direction: row;
			-ms-flex-direction: row;
		flex-direction: row;
			-webkit-align-items: center;
			-ms-flex-align: center;
		align-items: center;
			-webkit-border-radius:15pt;
			-moz-border-radius:15pt;
		border-radius:15pt;
	}
	.program_con .con .con_box ul.box li:last-child{margin-bottom:0;}

	.sponsor{}
		.sponsor li >.logo{width:400px;}
		.sponsor li > .txt{padding-left: 50px; font-size: 18px; font-weight: 300; line-height: 1.3em; word-break:keep-all;}
	.winner{}
		.winner li{display: block !important;}
		.winner h3{
			position: relative; display: block;
			font-family: 'GmarketSansBold'; font-size:x-large;
		}
		.winner h3:after{
			content:""; display:none; position:absolute; top:50%; left:50%; z-index:-1;
			width:100px; height:1px; border-top:1px solid #222;
				-webkit-transform:translate(-50%, -50%);
				-moz-transform:translate(-50%, -50%);
				-ms-transform:translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		.winner table{width: 100%; margin-top:20px;}
		.winner th, .winner td{padding:15px; text-align: center; border-right:1px solid #eee;}
		.winner th:last-child, .winner td:last-child{border-right:0;}
		.winner th{background: #f5f5f5; border-top: 1px solid #ddd; font-weight: 600;}
		.winner td.cate{width: 80px;}
		.winner td.award{width: 180px;}
		.winner td.school{width: 210px;}
		.winner td.grade{width: 65px;}
		.winner td.name{width: 100px;}
		.winner td.title{word-break:keep-all;}
	.btn_area{text-align:center;}
	.btn_download_winner{
		display: inline-block; background:#4fb848; padding: 22px 40px 17px;
		font-family: 'GmarketSansBold'; font-size: xx-large; color:#fff; line-height: 100%;
			-webkit-border-radius:50pt;
			-moz-border-radius:50pt;
		border-radius:50pt;
	}
	.btn_download_winner:hover{background:#188514; color:#fff; }

	.btn_apply{
		display:inline-block; border:1px solid #ddd; background:#f5f5f5; padding: 20px 40px 15px; margin:0 10px; width:47%; max-width:460px;
		font-family: 'GmarketSansBold'; font-size: xx-large; color:#222; line-height: 100%;
			-webkit-border-radius:15pt;
			-moz-border-radius:15pt;
		border-radius:15pt;

	}
		.btn_apply:hover{background:#222; color:#fff;}
		.btn_apply:first-child{margin-left:0;}
		.btn_apply:last-child{margin-right:0;}

	.attention{}
		.attention dl{line-height:1.5em;}
		.attention dt{position:relative; font-weight:700; font-size:110%; margin-top:20px;}
		.attention dt:before{content:"-"; position:absolute; left:-12px;}
		.attention dt:first-child{margin-top:0;}
		.attention dt.dt2{font-weight:400; font-size:100%; }
		.attention dd{font-weight:300;}
		.attention dd span{display:block; padding-left:22px;}
		.attention dd span:first-child{margin-top:10px; padding-left:0;}
		.attention dd span strong{font-weight:700; color:#cc0000;}


/* 하단 바로가기 고정 */
#scroll_top {
	position:fixed; right:10px; bottom:10px; cursor:pointer; width:40px; height:40px;
	background-color:#222; display:none;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
	border-radius:50%;
	}
	#scroll_top span {
		position:absolute; top:50%; left:50%; color:#fff;
			-webkit-transform:translate(-50%, -50%);
			-moz-transform:translate(-50%, -50%);
			-ms-transform:translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	#scroll_top span i{font-size:14pt;}
	#scroll_top:hover {
		background-color:#e05755;
		opacity:1;filter:"alpha(opacity=100)";
		-ms-filter:"alpha(opacity=100)";
	}

/* FOOTER */
footer{margin-top:0;}
	.footer_fix{background:#252525;}
	.footer_fix ul{font-size:0; height:100%; border-left:1px solid rgba(255,255,255,0.1);}
	.footer_fix ul li{
		display:inline-block; border-right:1px solid rgba(255,255,255,0.1); padding:0 20px; height:60px; line-height:60px;
		font-size:medium; color:#fff; letter-spacing:0.2px;
	}
	.footer_fix a{font-size:medium; color:#fff; letter-spacing:0.2px;}
	.footer_fix ul li i{font-size:16px; color:#fff; vertical-align:middle;}
	.footer_fix .box{float:left;}
	.footer_fix .box li:hover{background:#c51917; transition: all .2s ease-in-out;}
	.footer_fix .linked{float:right;}
	.footer_fix .linked li:first-child a:first-child{margin-right:10px;}
	.footer_fix .linked a{display:inline-block; }


input:read-only{background-color: #eee;}

/* 파일접수 신청하기 */
.form_input{width:100%; max-width:950px; margin:0 auto;}
	.form_input h2{display:block; margin-top:50px; margin-bottom:20px; font-family: 'GmarketSansBold'; font-size: x-large; color:#222;}
	.form_input .input_list .box{
		border:1px solid #eee; padding:30pt; margin-bottom:80px;
			-webkit-border-radius:15pt;
			-moz-border-radius:15pt;
		border-radius:15pt;
	}
	.form_input .input_list .box dl {
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.form_input .input_list .box > dl > dt {
		display:flex;
		align-items: center;
		width: 25%; height:50px; font-weight:600;
	}
	.form_input .input_list .box > dl > dt span{}
	.form_input .input_list .box > dl > dd {margin-right: auto; width: 75%;}
	.form_input .input_list .box.user > dl > dd{margin-bottom:10px;}
	.form_input .multiline{
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
		justify-content: space-between;
			-webkit-align-items: center;
			-ms-flex-align:center;
		align-items: center;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.form_input .multiline .fix_box{flex:1;}
	.form_input .multiline .form_inline_btn{width:30%; min-width:80px; padding-left:10px;}
	.form_input .multiline .form_inline_btn a{
		display:block; width:100%; height:50px; font-size:small; text-align:center; line-height:50px;
		background:#fff; border:1px solid #666;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.form_input .multiline .form_inline_btn a:hover{background:#222; color:#fff;}
	.form_input .multiline .row{width:100%;}
	.form_input .multiline .row > input{margin-top:10px;}
	.form_input .multiline .row > span{display:block;line-height: 2em;}

	.form_input .area_agreement{margin-top: 20pt; padding-top:20pt; border-top:1px solid #ddd;}
	.form_input .area_agreement .checkbox{margin-bottom:20px;}
	.form_input .area_agreement .show_hide{
		float:right; display:inline-block; background:#43b035; padding: 2px 5px 3px; margin-left: -5px;
		font-size:small; color:#fff; vertical-align: 1px; width: 80px; text-align:center;
		border-radius: 5px;
	}
	.form_input .area_agreement .slidingDiv{
		max-height: 200px; background: #f7f7f7; padding: 15px; margin-top: 10px;
		font-size:small; color: #888; font-weight: 300;
		overflow: hidden; overflow-y: auto;
	}
	.form_input .area_agreement .btn{
		height:50px; width:100%; display:block; margin-top:30pt;
		background: #333; color: #fff; font-weight:500;
		font-size:110%; letter-spacing:2px;
			-webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}
	.form_input .area_agreement .notice_txt{
		display: block; padding: 10px; background: #f5f5f5; margin-top: 20px; font-size: small;
		border-radius: 5px;
	}

	.form_input hr.line1{height:50px;}
	.form_input .txt_step{
		background:#222; display:inline-block; font-size:13px; padding:3px 10px 5px; color:#ccc; margin-bottom:15px;
			-webkit-border-radius: 7px;
			-ms-border-radius: 7px;
		border-radius: 7px;
	}
	.form_input .txt_step span{display:inline-block; font-weight:700; margin-right:5px; color:#7cbe27; }
	.form_input .txt_step i{font-size:13px; vertical-align:-4px}
	.form_input .btn_area{}
	.form_input .btn_area button{
		display: inline-block; background: #4fb848; padding: 22px 20px 17px; width:100%; max-width:300px;
		font-family: 'GmarketSansBold'; font-size: xx-large; color: #fff; line-height: 100%;
			-webkit-border-radius: 50pt;
			-moz-border-radius: 50pt;
		border-radius: 50pt;
	}
	.form_input .btn_area button:hover{background:#222;}

	/* input 관련 */
	.form_input select.price_qnt{width:100px;}

	/* 참가자 정보 입력 */
	#list_parti_info .user_info{position: relative; border-top:1px solid #DDD; padding-top:30px; margin-top:40px;}
	#list_parti_info .user_info:first-child{border-top:0; padding-top:0; margin-top:0;}
	#list_parti_info .user_info h3{float:left; width:25%; font-size:100%; padding-top:12px;}
	#list_parti_info .user_info h3 b{
		display: inline-block; background: #ff6600; width: 23px; padding: 3px 0;
		color: #fff; text-align: center; border-radius: 50pt; margin-left:5px;
	}

	#list_parti_info .user_info > dl {
		float:right; width:75%; padding: 15px; font-size:90%; margin-bottom:-10px;
		background:#f5f5f5;
			display: -webkit-box;
			display: -ms-flexbox;
		display: flex;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
		flex-wrap: wrap;
			-webkit-border-radius: 10px;
			-ms-border-radius: 10px;
		border-radius: 10px;
	}
	#list_parti_info .user_info > dl > dt {
		display:flex;
		align-items: center;
		justify-content: flex-end;
		width: 25%; font-weight:500; padding-right:15px;
	}
	#list_parti_info .user_info > dl > dd {margin-right: auto; width: 75%; margin-bottom:10px;}

	#list_parti_info .user_info .multiline .row{margin-top: 5px;}
	#list_parti_info .user_info input{font-size:14px; padding: 0; }
	#list_parti_info .user_info .form_inline_btn a{line-height:36px;}
	#list_parti_info .user_info > hr.line2{border-top: 1px dashed #d7d7d7; clear: both; width: 75%; float: right;}
	#list_parti_info .user_info > dl > dt,
	#list_parti_info .user_info input,
	#list_parti_info .user_info .form_inline_btn a,
	#list_parti_info .user_info select{height: 36px;}
	#list_parti_info .user_info select{min-width:100px;}
	#list_parti_info .user_info input[type=file]{
		width: 100%; font-size: 90%; border:1px solid #ddd; line-height:100%; padding-top: 6px;
		    -webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}


	/* 단체접수 */
	.form_input .input_list .box.student_group{padding:20pt 30pt;}
	.student_group input{height: 50px;}
	.student_group input[type=file]{
		width: 100%; font-size: 90%; border:1px solid #ddd; line-height:100%; padding-top: 12px;
		    -webkit-border-radius: 5px;
			-ms-border-radius: 5px;
		border-radius: 5px;
	}

	label[for=article_file]{display:block; font-size:small; font-weight:400; margin-top:5px; margin-bottom:15px;}



/* 이용약관&개인정보취급방침 */

.policy{line-height: 1.7;}
	.policy_title{color: #222; font-size:120%;}
	.policy h3{display:block; color:#666; font-size: 100%; font-weight: 400; margin-top: 15px;}
	.policy span{display:block; color:#666; font-weight:300; margin-top:0px; padding-left:15px;}
.refund{}
	.refund h3{font-size:100%; font-weight:500;}
	.refund li{position: relative; padding-left:15px; display:block; margin-bottom:10px; line-height: 1.6;}
	.refund li:last-child{margin-bottom:0;}
	.refund li:before{position: absolute;  left:0;content:"\e315"; font-family: "Material Icons";}
	.refund li .example{display: block; font-size: 100%; color: #c51917; /* font-weight: 300; */ text-decoration: underline; margin-top: 3px;}

	.button_active{
		border: 1px solid #222;
	}