@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*common*/
body{
 -webkit-text-size-adjust:none;
  font-family:'Noto Sans KR', 'NanumGothic', AppleGothic, sans-serif !important ;
  font-size:12pt;
  line-height:1.5em; 
  padding:0;
  margin:0;
  word-break:keep-all;
  color:#000;
  background:url('../img/back.jpg')  no-repeat right top fixed;
  background-size:cover;
  min-width:320px;
}
a:active, a:visited, a:link {color:#000 !important;}
a:focus { outline:none !important;}
a:hover { text-decoration:none;}

/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}

.leftp { padding:50px;}
.leftp #copytext {margin-top:42px;}
.leftp #copytext p:first-child { font-weight:bold; font-size:120%;}
.leftp #copytext p:last-child {margin-top:50px; font-family: 'Nanum Myeongjo'; font-weight:bold; font-size:300%; line-height:120%;}
.leftp #showvideo {margin-top:70px;}
.leftp #showvideo iframe { width:100%; min-height:300px;}
.leftp a { display:inline-block; margin-top:20px; border-radius:100px; background-color:#ffc6c6; padding:15px 25px; border-color:#ffc6c6;}
.leftp a:hover {  background-color:#F19F9F; }

.rightp { padding:50px;}
.rightp h2 { padding:0; text-align:center; margin-bottom:50px; font-size:250%; margin-top:0;}
.rightp header { margin:30px 0 10px 0; font-size:110%;}
.rightp header span {margin-left:20px; font-size:90%; color:#5f5f5f;}
.rightp .applypart { border-bottom:0; margin-bottom:0;padding:10px 0;}
.rightp .applypart dt { background-color:transparent;color:#ea555e;font-weight:bold; }
.rightp #tamount { text-align:center; border-bottom:1px solid #c0dd98;background-color:#f5f5f5; padding:15px 0;}
.rightp #tamount strong { font-weight:400; margin-right:15px;}
.rightp #tamount span { color:#5f5f5f; font-size:85%;}
.rightp #tamount span em { font-size:170%; font-weight:bold; color:#00b551; margin:0 3px; font-style: normal;}
.rightp dl { border-top:3px solid #c0dd98; box-sizing:border-box; border-bottom:1px solid #c0dd98;}
.rightp dl dt { font-weight:normal; padding:0 10px; box-sizing:border-box;text-align:left; background-color:#f5f5f5; margin:0; height:50px; line-height:50px;}
.rightp dl dd  {  padding:0 auto; margin:0;height:50px; line-height:50px; padding-left:180px; }
.rightp dl dt.addr,.rightp dl dd.addr { height:100px; line-height:normal; padding-top:8px;}
.rightp dl dd.addr #checkpost { display:inline-block;font-size:90%; height:35px; line-height:35px; padding:0 10px; vertical-align:middle;box-sizing:border-box;background-color:#6c9bd2; color:#fff; margin-left:10px; cursor:pointer;}
.rightp dl dd.addr #checkpost:hover {background-color:#5B8AC1; }
.rightp input[type='text'], .rightp input[type='password'] { border:1px solid #ccc; height:35px; height:35px; min-width:100px; padding-left:7px; padding-right:7px;}
.rightp select { border:1px solid #ccc; height:35px; min-width:100px; padding-left:7px; padding-right:7px;}
.rightp dl dd input[type='radio'] {margin:0 5px 0 15px; width:15px; height:15px; vertical-align:middle; margin-top:-2px;}
.rightp dl dd input[type='radio']:first-child { margin-left:0;}
.rightp dl dd .addmemo { margin-left:15px;  color:#5f5f5f; }
.rightp dl dd input[type='checkbox'] {margin:0 5px 0 15px; width:15px; height:15px; vertical-align:middle; margin-top:-2px;}
.rightp dl dd input[type='checkbox']:first-child { margin-left:0;}
.rightp dl dt.agree,.rightp dl dd.agree { height:73px; line-height:normal; padding-top:8px;}
.rightp dl dd.agree span { color:#074CB8; margin-left:5px; cursor: pointer;}
.rightp dl dd.agree span:hover { color:#007ED5;}
.rightp #gobutton { border-radius:100px; padding:15px 50px;  border:0; background-color:#00b551; color:#fff; font-size:120%; margin:20px auto}
.rightp #gobutton:hover { background-color:#0B9147;}
.rightp .card_box { display:none;}
.rightp .show_c { display:none;}
.rightp .checkfile { position:relative; }
.rightp .checkfile span { position:absolute; right:5px; top:0;}

/* midea query PC first*/

/*md*/
@media (min-width:992px) and (max-width: 1199px)  { 

}
/*sm*/
@media (max-width: 991px) {

}
/*xs*/
@media (max-width: 767px) {
 .leftp { padding:50px 0;}
 .leftp .gocya21 { }
 .rightp { padding:50px 0;}
 .rightp header span { margin-left:0;}
 .rightp .applypart { padding-top:0;}
 .rightp .applypart dt { padding-left:0; font-size:120%; height:auto; line-height:normal;}
 .rightp dl {  border-bottom:0;}
 .rightp dl dt  { height:auto; line-height:auto; margin-top:20px; background-color:#595959; color:#fff;}
 .rightp dl dd  { height:auto; line-height:auto; padding-left:0; text-align:left; margin-left:0;}
 .addmemo {display:block;  margin-left:0 !important;padding:0; height:auto !important; line-height:normal !important;}
 .rightp dl dt.addr { height:50px; line-height:50px; padding-top:0;}
 .rightp dl dt.agree { height:50px; line-height:50px; padding-top:0;}
 .rightp dl dd.agree { height:auto; line-height:normal; padding-bottom: 15px; }
 .rightp dl dd input[type=checkbox] { margin-left:0;}

}
@media (max-width: 600px) {

}
@media (max-width: 450px) { 
	input[type=text] { max-width:60px;}
	input[name=ap_name] { max-width:100%;}
	input[name=ap_email2] { max-width:100%;}
	.card_no input[type=text] { min-width: 70px;}

}
@media (max-width: 350px) { 

}

 /* midea query mobile first*/
 /*lg*/
@media (min-width: 1200px) { 

 }
/*xs*/
@media (min-width: 768px)  {
	
}
 /*md*/
@media (min-width: 992px)  {
		
}
 /*lg*/
@media (min-width: 1200px) { 

}
