@charset="UTF-8";

/*레이아웃*/
#header {width: 100%; height: 800px; background: linear-gradient(to bottom, #ffe1c9 0%,#fffcdf 100%) ;}
#section {width: 100%;}
#main {width: 100%; height: 2500px; border-top: 1px solid #a4a4a4; }


/*컨테이너*/
.container {width: 1280px; margin: 0 auto; overflow: hidden; }


/*헤더*/
.header{height: 880px;}
.header a img{padding: 10px 0 0 10px; display: inline-block; }
.header .header-tit .tit01 {text-align: center;}
.header .header-tit .tit01 h2 {display: inline; }
.header .header-tit .tit01 h2:nth-child(2) {font-family: 'GmarketSansBold'; color: #ff6666;}
.header .header-tit .tit01 h2:last-child {font-family: 'GmarketSansBold'; color: #ff6666;}
.header .header-tit .tit02 {text-align: center;}
.header .header-tit .tit02 h2 {display: inline; }
.header .header-tit .tit02 h2:first-child {width: 100%; height: 100%; background: #ff6666; padding: 5px 10px 0 10px; color: #ffeb5c;}

.header .header-img {position: relative; margin: 0 auto; width: 850px;}
.header .header-img img {padding-top: 15px;}
.header .header-sub {position: relative; margin: 0 auto; width: 95%; padding-top: 15px;}
.header .header-sub p {text-align: center;}


/*섹션*/
.section{ padding-top: 20px;height: 50px;}
.section .section-host > div {float: left; width: 35%;}
.section .section-host > div:nth-child(2) {float: left; width: 40%;}
.section .section-host > div:last-child {width: 20%;}
.section .section-host .host li {float: left; font-size: 14px;}
.section .section-host .host img {padding: 0 10px;}
.section .section-host .sponser li {float: left; font-size: 14px;}
.section .section-host .sponser img {padding: 0 10px; }
.section .section-host .place-helper li {float: left; font-size: 14px;}
.section .section-host .place-helper img {padding: 0 10px;}


/*메인*/
.main {padding-top: 40px;}
.main .con01 {position: relative;}
.main .con01 h3 {border-left: 8px solid #ff6666; width:100%; height: 20px; display: inline; vertical-align: center; padding-left: 15px;}
.main .con01 .con01-sub1 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con01 .con01-sub1 ul {float: left;}
.main .con01 .con01-sub1 ul:first-child {width: 20%;}
.main .con01 .con01-sub1 ul:last-child li {display: inline; margin-right: 20px; background: #898989; color: #fff; padding: 2px 10px 10px 10px;}
.main .con01 .con01-sub2 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con01 .con01-sub2 ul {float: left;}
.main .con01 .con01-sub2 ul:first-child {width: 20%;}
.main .con01 .con01-sub2 ul:last-child li {display: inline; margin-right: 20px; background: #898989; color: #fff; padding: 2px 10px 10px 10px;}
.main .con01 .con01-sub3 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con01 .con01-sub3 ul {float: left;}
.main .con01 .con01-sub3 ul:first-child {width: 20%;}
.main .con01 .con01-sub3 ul:last-child li {display: inline; margin-right: 20px; background: #898989; color: #fff; padding: 2px 10px 10px 10px;}

.main .con02 {position: relative; margin-top: 80px;}
.main .con02 h3 {border-left: 8px solid #ff6666; width:100%; height: 20px; display: inline; vertical-align: center; padding-left: 15px;}
.main .con02 .con02-sub1 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con02 .con02-sub1 ul {float: left;}
.main .con02 .con02-sub1 ul:first-child {width: 20%;}
.main .con02 .con02-sub1 ul:last-child li {display: inline; margin-right: 20px;}
.main .con02 .con02-sub2 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con02 .con02-sub2 ul {float: left;}
.main .con02 .con02-sub2 ul:first-child {width: 20%;}
.main .con02 .con02-sub2 ul:last-child li {display: inline; margin-right: 20px;}
.main .con02 .con02-sub3 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con02 .con02-sub3 ul {float: left;}
.main .con02 .con02-sub3 ul:first-child {width: 20%;}
.main .con02 .con02-sub3 ul:last-child li {display: inline; margin-right: 20px;}
.main .con02 .con02-sub4 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 400px;}
.main .con02 .con02-sub4 ul{float: left;}
.main .con02 .con02-sub4 ul:first-child {width: 20%;float: left;}
.main .con02 .con02-sub4 ul:last-child {width: 70%;}
.main .con02 .con02-sub4 ol {padding-left: 50px;}

.main .con03 {position: relative; margin-top: 80px;}
.main .con03 h3 {border-left: 8px solid #ff6666; width:100%; height: 20px; display: inline; vertical-align: center; padding-left: 15px;}
.main .con03 .con03-sub1 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 400px;}
.main .con03 .con03-sub1 ul {float: left;}
.main .con03 .con03-sub1 ul {width: 20%;}
.main .con03 .con03-sub1 table {width: 70%;}
.main .con03 .con03-sub1 table td {padding: 8px; border:1px solid #19254c; border:1px solid #19254c; color: #333; text-align: center; vertical-align:middle;}
.main .con03 .con03-sub1 table tr:first-child {background: #ff6666; }
.main .con03 .con03-sub1 table tr:first-child td {color: #fff; font-weight: 700;}
.main .con03 .con03-sub2 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con03 .con03-sub2 ul {float: left;}
.main .con03 .con03-sub2 ul:first-child {width: 20%;}
.main .con03 .con03-sub2 ul:last-child li {display: inline; margin-right: 20px;}
.main .con03 .con03-sub3 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 100px;}
.main .con03 .con03-sub3 ul {float: left;}
.main .con03 .con03-sub3 ul:first-child {width: 20%;}
.main .con03 .con03-sub3 ul:last-child {width: 70%;}

.main .con04 {position: relative; margin-top: 80px;}
.main .con04 h3 {border-left: 8px solid #ff6666; width:100%; height: 20px; display: inline; vertical-align: center; padding-left: 15px;}
.main .con04 .con04-sub1 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 80px;}
.main .con04 .con04-sub1 ul {float: left;}
.main .con04 .con04-sub1 ul:first-child {width: 20%;}
.main .con04 .con04-sub1 ul:last-child li {display: inline; margin-right: 20px;}
.main .con04 .con04-sub2 {padding-left: 50px; padding-top: 30px; overflow: hidden; height: 550px;}
.main .con04 .con04-sub2 ul {float: left;}
.main .con04 .con04-sub2 ul:first-child {width: 20%;}
.main .con04 .con04-sub2 ul:last-child {width: 70%;}
.main .con04 .con04-sub2 ul:last-child li+li {padding-top: 15px;}
.main .con04 .con04-sub3 {padding-left: 50px; padding-top: 30px;}

.download .form {position: relative; text-align: center; height: 300px; padding-top: 80px;}
.download .form a { color: #35356c; padding: 10px 10px 10px 10px; display: inline-block; width: 400px; height: 80px; border: 1px solid #35356c; transition: color 0.2s ease; background: #fff;}
.download .form a:hover {color: #fff; background: #35356c;}


/* media query*/
@media (max-width: 1280px){
    .container {width: 100%;}
    .row {padding: 0 0 0 15px;}


	.section .section-host > div {float: left; width: 30%;}
	.section .section-host > div:nth-child(2) {float: left; width: 45%;}
	.section .section-host > div:last-child {width: 20%;}

	
	.main .con01 .con01-sub1 {height: 140px;}
	.main .con01 .con01-sub1 ul:last-child {width: 550px;}
	.main .con01 .con01-sub1 ul:last-child li {display: inline-block;}
	.main .con01 .con01-sub1 ul:last-child li:last-child {margin-top: 20px;}
	.main .con01 .con01-sub2 ul:last-child li {display: inline-block;}
	.main .con01 .con01-sub3 ul:last-child li {display: inline;}

	
	.main .con02 .con02-sub1 ul:last-child {width: 75%;}
	.main .con02 .con02-sub2 ul:last-child {width: 75%;}
	.main .con02 .con02-sub3 ul:last-child {width: 75%;}


	.main .con03 .con03-sub3 {height: 140px;}


	.main .con04 .con04-sub2 {height: 600px;}
	
}

@media (max-width: 960px){
	#header {height: 880px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 15px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	
	.section {padding-top: 10px;}
	.section .section-host > div {float: left; width: 40%;}
	.section .section-host > div:nth-child(2) {float: left; width: 35%;}
	.section .section-host > div:last-child {width: 25%;}
	.section .section-host .host img {display: block; padding: 0 10px 10px;}
	.section .section-host .sponser img {display: block;  padding: 0 10px 10px;}
	.section .section-host .place-helper img {display: block;  padding: 0 10px 10px;}

	.main .con02 .con02-sub4 {height: 500px;}
	.main .con02 .con02-sub4 ol {padding-left: 30px;}

	.main .con03 .con03-sub3 {height: 200px;}

	.main .con04 .con04-sub2 {height: 700px;}

}

@media (max-width: 780px){
	#header {height: 800px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 15px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	.header .header-img {position: relative; margin: 0 auto; width: 700px;}
	.header .header-img img {width: 98%; padding-top: 15px;}

	.section .section-host > div {float: left; width: 35%;}
	.section .section-host > div:nth-child(2) {float: left; width: 35%;}
	.section .section-host > div:last-child {width: 30%;}

	.main .con01 .con01-sub1 ul:last-child {width: 400px;}
	.main .con01 .con01-sub1 ul:last-child li:nth-child(2) {margin-top: 20px;}
	.main .con01 .con01-sub1 {height: 180px;}
	.main .con01 .con01-sub3 {height: 100px;}
	.main .con01 .con01-sub3 ul:last-child {width: 70%;}

	.main .con02 .con02-sub4 {height: 560px;}
	.main .con02 .con02-sub4 ol {padding-left: 20px;}

	.main .con03 .con03-sub1 ul {width: 160px; margin-bottom: 10px;}
	.main .con03 .con03-sub1 li {display: block;}
	.main .con03 .con03-sub1 table {width: 90%;}

	.main .con04 .con04-sub2 {height: 850px;}
	.main .con04 .con04-sub3 ul {width: 90%;}

}


@media (max-width: 680px){
	#header {height: 750px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 15px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	.header .header-tit .tit01 h2 {font-size: 52px }
	.header .header-tit .tit02 h2 {font-size: 52px }
	.header .header-img {position: relative; margin: 0 auto; width: 650px;}
	.header .header-img img {width: 90%; padding-top: 15px;}
	
	.section .section-host {position: relative; margin: 0 auto; left: 20%;}
	.section .section-host > div {float: none; width: 100%; }
	.section .section-host > div:nth-child(2) {width: 100%; }
	.section .section-host > div:last-child {width: 100%; }
	.section .section-host .host img {display: inline; padding: 0 10px;}
	.section .section-host .sponser img {display: inline;  padding: 0 10px;}
	.section .section-host .place-helper img {display: inline;  padding: 0 10px;}

	.main .con01 .con01-sub1 ul:first-child {width: 120px;}
	.main .con01 .con01-sub1 ul:last-child {width: 360px;}
	.main .con01 .con01-sub2 ul:first-child {width: 120px;}
	.main .con01 .con01-sub2 ul:last-child {width: 360px;}
	.main .con01 .con01-sub3 ul:first-child {width: 120px;}
	.main .con01 .con01-sub3 ul:last-child {width: 70%;}

	.main .con03 .con03-sub2 ul:first-child {width: 130px;}
	.main .con03 .con03-sub2 ul:last-child {width: 70%;}
	.main .con03 .con03-sub3 ul:first-child {width: 130px;}
	.main .con03 .con03-sub3 ul:last-child {width: 70%;}

	.main .con04 .con04-sub2 {height: 920px;}
	
}


@media (max-width: 600px){
	#header {height: 680px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 5px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	.header .header-tit .tit01 h2 {font-size: 46px }
	.header .header-tit .tit02 h2 {font-size: 46px }
	.header .header-sub p {font-size: 16px;}
	.header .header-img {position: relative; margin: 0 auto; width: 600px;}
	.header .header-img img {width: 88%; padding-top: 15px;}

	.main .con02 .con02-sub3 {height: 120px;}

	.main .con04 .con04-sub2 {height: 1000px;}
	
}

@media (max-width: 550px){
	#header {height: 650px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 5px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	.header .header-tit .tit01 h2 {font-size: 38px }
	.header .header-tit .tit02 h2 {font-size: 38px }
	.header .header-img {position: relative; margin: 0 auto; width: 600px;}
	.header .header-img img {width: 70%; padding-top: 15px;}

	.section .section-host {position: relative; margin: 0 auto; left: 12%;}

	
	.main .con01{padding-left: 10px;}
	.main .con01 h3{font-size: 30px;}
	.main .con01 li{font-size: 18px;}
	.main .con01 .con01-sub1 {padding-left: 20px; height: 200px;}
	.main .con01 .con01-sub2 {padding-left: 20px; height: 80px;}
	.main .con01 .con01-sub3 {padding-left: 20px; height: 100px;}
	.main .con01 .con01-sub1 li {display: block;}
	.main .con01 .con01-sub2 li {display: block;}
	.main .con01 .con01-sub3 li {display: block;}
	.main .con01 .con01-sub1 ul:first-child {width: 100px;}
	.main .con01 .con01-sub1 ul:last-child {width: 70%;}
	.main .con01 .con01-sub2 ul:first-child {width: 100px;}
	.main .con01 .con01-sub2 ul:last-child {width: 70%;}
	.main .con01 .con01-sub3 ul:first-child {width: 100px;}
	.main .con01 .con01-sub3 ul:last-child {width: 70%;}

	.main .con02{padding-left: 10px;}
	.main .con02 h3{font-size: 30px;}
	.main .con02 li{font-size: 18px;}
	.main .con02 .con02-sub1 {padding-left: 20px; height: 100px;}
	.main .con02 .con02-sub2 {padding-left: 20px; height: 100px;}
	.main .con02 .con02-sub3 {padding-left: 20px; height: 100px;}
	.main .con02 .con02-sub4 {padding-left: 20px; height: 450px;}
	.main .con02 .con02-sub1 li {display: block;}
	.main .con02 .con02-sub2 li {display: block;}
	.main .con02 .con02-sub3 li {display: block;}
	.main .con02 .con02-sub1 ul:first-child {width: 120px;}
	.main .con02 .con02-sub1 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con02 .con02-sub2 ul:first-child {width: 120px;}
	.main .con02 .con02-sub2 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con02 .con02-sub3 ul:first-child {width: 120px;}
	.main .con02 .con02-sub3 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con02 .con02-sub4 ul:first-child {width: 120px;}
	.main .con02 .con02-sub4 ul:last-child {width: 90%; margin-top: 10px;}

	.main .con03{padding-left: 10px;}
	.main .con03 h3{font-size: 30px;}
	.main .con03 li{font-size: 18px;}
	.main .con03 td{font-size: 18px;}
	.main .con03 .con03-sub1 {padding-left: 20px; height: 360px;}
	.main .con03 .con03-sub2 {padding-left: 20px; height: 100px;}
	.main .con03 .con03-sub3 {padding-left: 20px; height: 200px;}
	.main .con03 .con03-sub1 li {display: block;}
	.main .con03 .con03-sub2 li {display: block;}
	.main .con03 .con03-sub3 li {display: block;}
	.main .con03 .con03-sub2 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con03 .con03-sub3 ul:first-child {width: 120px;}
	.main .con03 .con03-sub3 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con03 .con03-sub4 ul:first-child {width: 120px;}

	.main .con04{padding-left: 10px;}
	.main .con04 h3{font-size: 30px;}
	.main .con04 li{font-size: 18px;}
	.main .con04 .con04-sub1 {padding-left: 20px; height: 100px;}
	.main .con04 .con04-sub2 {padding-left: 20px; height: 600px;}
	.main .con04 .con04-sub3 {padding-left: 20px; height: 40px;}
	.main .con04 .con04-sub1 li {display: block;}
	.main .con04 .con04-sub2 li {display: block;}
	.main .con04 .con04-sub1 ul:first-child {width: 120px;}
	.main .con04 .con04-sub1 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con04 .con04-sub2 ul:first-child {width: 120px;}
	.main .con04 .con04-sub2 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con04 .con04-sub3 ul {width: 90%; margin-top: 10px;}

	.download .form a {width: 300px; height: 60px; padding: 5px 5px 5px 5px;}
	.download .form h1 {font-size: 42px; }
}



@media (max-width: 480px){
	#header {height: 630px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 5px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	.header .header-tit .tit01 h2 {font-size: 36px }
	.header .header-tit .tit02 h2 {font-size: 36px }
	.header .header-img {position: relative; margin: 0 auto; width: 520px;}
	.header .header-img img {width: 75%; padding-top: 15px;}

	.section .section-host > div:nth-child(2) {width: 460px; }
	.section .section-host {position: relative; margin: 0 auto; left: 2%;}
	.section .section-host .host img {display: inline; padding: 0 5px;}
	.section .section-host .sponser img {display: inline;  padding: 0 5px;}
	.section .section-host .place-helper img {display: inline;  padding: 0 5px;}

	.main .con01 .con01-sub1 ul:first-child {width: 100px;}
	.main .con01 .con01-sub1 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con01 .con01-sub2 ul:first-child {width: 100px;}
	.main .con01 .con01-sub2 ul:last-child {width: 90%; margin-top: 10px;}
	.main .con01 .con01-sub3 ul:first-child {width: 100px;}
	.main .con01 .con01-sub3 ul:last-child {width: 90%; margin-top: 10px;}

	.main .con02 .con02-sub1 ul:last-child { margin-top: 10px;}
	.main .con02 .con02-sub2 ul:last-child { margin-top: 10px;}
	.main .con02 .con02-sub3 ul:last-child { margin-top: 10px;}
	.main .con02 .con02-sub3 {padding-left: 20px; height: 140px;}
	.main .con02 .con02-sub4 {padding-left: 20px; height: 550px;}
	.main .con02 .con02-sub4 ul:last-child { margin-top: 10px;}

	.main .con03 .con03-sub1 {padding-left: 20px; height: 550px;}

	.download .form a {width: 280px; height: 60px; padding: 10px 5px 5px 5px;}
	.download .form h1 {font-size: 38px; }
	

	
}


@media (max-width: 340px){
	#header {height: 550px;}
	.container {width: 100%;}
    .row {padding: 0 0 0 5px;}

	.header .header-tit .tit01 h2:first-child {display: block;}
	.header .header-tit .tit01 h2 {font-size: 32px }
	.header .header-tit .tit02 h2 {font-size: 32px }
	.header .header-img {position: relative; margin: 0 auto; width: 450px;}
	.header .header-img img {width: 70%; padding-top: 15px;}
	.header .header-sub p {font-size: 14px;}

	.section .section-host .host img {width: 30%; padding: 0 5px;}
	.section .section-host .sponser img {width: 20%; padding: 0 5px; float: left;}
	.section .section-host .place-helper img {width: 40%; padding: 0 5px;}

	.main .con01 h3{font-size: 28px;}
	.main .con01 li{font-size: 16px;}
	.main .con01 .con01-sub1 {padding-left: 20px; height: 200px;}
	.main .con01 .con01-sub2 {padding-left: 20px; height: 80px;}
	.main .con01 .con01-sub3 {padding-left: 20px; height: 140px;}

	.main .con02 h3{font-size: 28px;}
	.main .con02 li{font-size: 16px;}
	.main .con02 .con02-sub2 {padding-left: 20px; height: 110px;}
	.main .con02 .con02-sub3 {padding-left: 20px; height: 120px;}
	.main .con02 .con02-sub4 {padding-left: 20px; height: 520px;}

	.main .con03 h3{font-size: 28px;}
	.main .con03 li{font-size: 16px;}
	.main .con03 td{font-size: 16px;}
	.main .con03 .con03-sub1 {padding-left: 20px; height: 480px;}
	.main .con03 .con03-sub2 {padding-left: 20px; height: 100px;}
	.main .con03 .con03-sub3 {padding-left: 20px; height: 180px;}

	.main .con04 h3{font-size: 28px;}
	.main .con04 li{font-size: 16px;}
	.main .con04 .con04-sub1 {padding-left: 20px; height: 80px;}
	.main .con04 .con04-sub2 {padding-left: 20px; height: 780px;}
	.main .con04 .con04-sub3 {padding-left: 20px; height: 60px;}

	.download .form a {width: 220px; height: 40px; padding: 10px 5px 10px 5px;}
	.download .form h1 {font-size: 32px; }
}