@charset "euc-kr";



/*  Tablet (Portrait)
/* ------------------------------------ */
@media only screen and (min-width:640px) and (max-width:1090px) {


	/*  base : box-sizeing ie7 �??�안??
	/* ------------------------------------ */
	* { -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box; *behavior: url(../js/boxsizing.htc)}
img{width:100%;border:0 none;}
body,input,button,table{font-size:18px;font-family:Dotum,Helvetica,AppleGothic,Sans-serif;color:#000000;}
h1,h2,h3,h4,h5,h6{font-size:18px;text-align:left;}

body ul{width:100%; text-align:center !important;}
body div ul{width:100%  !important; vertical-align:top;}

#wrap { position:relative; width:100%; }
#wrap img{width:100%;}
#header { position:relative; width:100%;background-color:#2D2D2D; position:fixed; z-index:100;}

.form1  {height:45px; border:1px solid #DBDBDB; FONT-FAMILY:Dotum,verdana; FONT-SIZE:18pt; padding-top:5px;}
.select_form {height:45px; border:1px solid #DBDBDB; FONT-FAMILY:Dotum,verdana; FONT-SIZE:18pt; padding-top:5px;}

.topArea {width:100% !important; margin:0 auto; padding:20px 0px;}
.place{font-size:18px;font-family:Dotum,Helvetica,AppleGothic,Sans-serif;color:#ffffff; float:left; margin-right:20px; }
.apply {margin-top:10px;}
 
#con01{position:relative; width:100%; background-image: url(../img/img01_bg.jpg); background-position:50% 0%;}
.con01_top {width:724px; height:582px; margin:0 auto;}
.con01_title{width:724px; height:582px; margin:0 auto;}
.Lbt{width:159px; height:90px;float:left;margin-left:15px;}
.Rbt{width:152px; height:90px;float:left;}
#con21{position:relative;width:100%; height:97px; background-color:#ff9320;text-align:center}
.con21_link{width:714px; height:97px;margin:0 auto;}
.btL{width:50%; float:left;margin:0;padding:0;background-color:#ff4800;}  
.btR{width:50%; float:left;padding:0;background-color:#6c3800;}
 
	.BoxtyleA_inner {margin:10px 10px ;}
	.BoxtyleA_inner .iptname {width:22%; }
	.BoxtyleA_inner .iptdate {width:53%; }
	.BoxtyleA_inner div {border-bottom:1px solid #C2B7A3; height:auto;}
	.BoxtyleA_inner div:after {display:block; clear:both; content:""; }
	.BoxtyleA_inner div label {display:block; float:left; height:auto; width:90px;}
	.BoxtyleA_inner div label img {width:60px;}
	.BoxtyleA_inner div p{display: block; width:100%; padding-top:5px; padding-bottom:5px;}
	.BoxtyleA_inner div p textarea {padding:10px 0; width:100%; height:80px;}
	.BoxtyleA_inner div .agree {margin:0 0 10px 0; text-align:right; padding:0;}
	.BoxtyleA_inner div .check {width:100%;}
	.BoxtyleA_inner div.ht2 {height:auto;}
	.BoxtyleA_inner div.wdh{height:auto;}

.tr {text-align:center; margin-top:50px;}
#map {width:95%; height:300px; margin:0 auto;text-align:center}

}



/*  Mobile (Portrait & Landscape)
/* ------------------------------------ */
@media only screen and (max-width:640px)  {
	/*  base : box-sizeing ie7 �??�안??
	/* ------------------------------------ */
	* { -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box; *behavior: url(../js/boxsizing.htc);

			  }

body,input,button,table{font-size:18px;font-family:Dotum,Helvetica,AppleGothic,Sans-serif;color:#000000;}
h1,h2,h3,h4,h5,h6{font-size:18px;text-align:left;}

body ul{width:100%; text-align:center !important;}
body div ul{width:100%  !important; vertical-align:top;}

#wrap { position:relative; width:100%; }
#wrap img{width:100%;}
#header { position:relative; width:100%;background-color:#2D2D2D; position:fixed; z-index:100;}

#con01{position:relative; width:100%; background-image: url(../img/img01_bg.jpg); background-position:50% 0%;}
.con01_top {width:320px; height:265px; margin:0 auto;}
.con01_title{width:320px; height:265px; margin:0 auto;}
.con01_title ul{width:176px;display:inline;}
.Lbt{width:86px; height:38px;float:left;margin-right:2px;}
.Rbt{width:86px; height:38px;float:left;}


.topArea {padding:10px; letter-spcaing:-1px;}
.place {font-size:18px; margin-right:0;}
.apply {margin-top:3px;}
.tr {text-align:center; margin-top:20px;}	

	.BoxtyleA_inner {margin:10px 10px ;}
	.BoxtyleA_inner .iptname {width:22%; }
	.BoxtyleA_inner .iptdate {width:53%; }
	.BoxtyleA_inner div {border-bottom:1px solid #C2B7A3; height:auto;}
	.BoxtyleA_inner div:after {display:block; clear:both; content:""; }
	.BoxtyleA_inner div label {display:block; float:left; height:auto; width:90px;}
	.BoxtyleA_inner div label img {width:60px;}
	.BoxtyleA_inner div p{display: block; width:100%; padding-top:5px; padding-bottom:5px;}
	.BoxtyleA_inner div p textarea {padding:10px 0; width:100%; height:80px;}
	.BoxtyleA_inner div .agree {margin:0 0 10px 0; text-align:right; padding:0;}
	.BoxtyleA_inner div .check {width:100%;}
	.BoxtyleA_inner div.ht2 {height:auto;}
	.BoxtyleA_inner div.wdh{height:auto;}

#map {width:95%; height:300px; margin:0 auto;text-align:center}

#con03_2 { position:relative; width:100%; height: 650px; background-color:#fdfcf8; background-position:center top; background-repeat:space; text-align:center}
#fair-video { position:relative; width:100%; height:40%; text-align:center; margin:auto; }



  .swiper-container {
    width: 85%;
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 640px) {
  .swiper-button-prev {
    left: -25px !important;
    width: 15px !important;
  }
  .swiper-button-next {
    right: -25px !important;
    width: 15px !important;
  }

}

div#ui-datepicker-div { width: 230px; }



/* Mobile (Landscape)
================================================== 
@media only screen and (min-width: 480px) and (max-width: 767px) {}
*/



/* Mobile (Portrait only)
================================================== 
@media only screen and (max-width: 479px) {}
*/