@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@font-face { /* 나눔스퀘어라운드 Regular */
  font-family: 'NanumSquareRoundR', sans-serif;
  font-style: normal;
  font-weight: 400;
  src: url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundR.eot);
  src: url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundR.eot?#iefix) format('embedded-opentype'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundR.woff2) format('woff2'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundR.woff) format('woff'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundR.ttf) format('truetype');
}
@font-face { /* 나눔고딕 Bold */
  font-family: 'NanumSquareRoundB',sans-serif;
  font-style: normal;
  font-weight: 700;
  src: url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundB.eot);
  src: url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundB.eot?#iefix) format('embedded-opentype'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundB.woff2) format('woff2'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundB.woff) format('woff'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundB.ttf) format('truetype');
}
@font-face { /* 나눔고딕 ExtraBold */
  font-family: 'NanumSquareRoundEB',sans-serif;
  font-style: normal;
  font-weight: 800;
  src: url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundEB.eot);
  src: url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundEB.eot?#iefix) format('embedded-opentype'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundEB.woff2) format('woff2'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundEB.woff) format('woff'),
       url(//https://github.com/innks/NanumSquareRound/blob/master/NanumSquareRoundEB.ttf) format('truetype');
}

html, body {  font-family: 'NanumSquareRound', sans-serif; height:100%; margin:0; padding:0;}



/* --------------------- reset ----------------------- */
* { margin:0; padding:0; line-height: 1; font-family: 'NanumSquareRound', sans-serif; text-shadow:none;  }

.inner {
width:100%; margin-top:50px;
}



.title, .title02, .title03 {
margin-top:20px;
margin-bottom:20px;
font-family: 'NanumSquareRoundOTFB',,sans-serif;
font-size: 18px;
line-height: 1.33;
text-align: left;
font-weight: 700;
color: #002c9a;
width: 350px;
border: 0px;
border-radius: 0px;
}

body {
width: 100%;  margin: 0 auto; 
background-image: url("../images/bg.png");
background-repeat:repeat-x;
font-family: 'NanumSquareRound', sans-serif ;
color: #002c9a;
}
/*
select {
padding-left: 18px;
font-family: 'NanumSquareRoundOTFB',sans-serif;
font-size: 16px;
line-height: 1.33;
text-align: left;
font-weight: 700;
color: #002c9a;
width: 350px;
height: 54px;
border: 1px solid red;
border-radius: 0px;

background:rgba(246,247,251,100) url('images/arrowDown.png') no-repeat #f6f7fb;

}



select::-ms-expand {
    display: none;
}

/*
select { appearance: none; -webkit-appearance: none;}

/*
background-color: #f6f7fb;
*/
input {
border-radius:0;
-webkit-appearance: none; 
-moz-appearance: none;
}
select {
width:350px; height: 54px;
padding-left: 18px;
font-family: 'NanumSquareRoundOTFB',sans-serif; 
font-size: 16px;
line-height: 1.33;
/*background: url('../images/select_arrow.png') repeat-x; */
border:0;
background-color: #f6f7fb;
color: #002c9a;

}



select::-ms-expand {
    display: none;
}

li { list-style: none; }
a { text-decoration: none; color:#222;}
a.btn{
width: 178px;
  height: 23px;
  font-size: 21px;
  font-weight: 800;
  line-height: 3;
  letter-spacing: normal;
  text-align: center;
  color: #002c9a;
  margin-top: 10px;
}
img { border: none 0; vertical-align: bottom; }
label {
height: 20px;
font-family: 'NanumSquareRoundOTFB',sans-serif;
font-size: 14px;
line-height: 1.33;
text-align: left;
font-weight: 400;
color: #002c9a;
}
.clearfix::after {	display: block;	content: '';	clear: both;}
input{padding-left: 18px;
font-family: 'NanumSquareRoundOTFB',sans-serif;
font-size: 16px;
line-height: 1.33;
text-align: left;
font-weight: 700;
color: #002c9a;
height: 54px;
background-color: #f6f7fb;

border: 0px;}
input::placeholder {
  width: 36px;
  height: 22px;
  font-family: 'NanumSquareRoundOTFR';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  color: #7f95cc;
}
textarea::placeholder {
  width: 36px;
  height: 22px;
  font-family: 'NanumSquareRoundOTFR';
  font-weight:400;
  font-size: 20px;
  line-height: 1.2;
  text-align: left;
  color: #7f95cc;
}
.desc,textarea {font-size:15px;color:#002c9a;padding:10px 0 10px 0;}

.desc {line-height:1.8; padding:20px 0; text-align:center;}

#con02 li{display:inline-block;margin-right:2px;}
#con02 li.{display:inline-block;margin-right:2px;}
#con01 .birth {width:350px;}
#con01 .birth li {
width:165px;position:inline-block; float:left;
}
#con01 .birth li.first {
padding-right:15px;
}
#con03 .title { padding:0; margin:25px 0 10px 0;}
#con03 select {
margin-top:10px;
}




.chb_grp {
margin-top:30px;
position: relative;
overflow: hidden;
margin-top: 11px;
}

.deft_chb {
    position: absolute;
    top: -100%;
    left: -100%;
}
.deft_chb + label {
    display: block;
    position: relative;
    height: 24px;
    font-weight: 700;
	font-size:16px;
    line-height: 18px;
}
.deft_chb:checked + label:before {
    border: none;
    background: #002c9a;
}
.deft_chb + label:before {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border: 2px solid #dfe2ef;
    border-radius: 50%;
    background: none;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
}
.deft_chb + label:after {
    display: block;
    position: absolute;
    left: 6px;
    top: 46%;
    width: 12px;
    height: 6px;
    border-left: 2px solid #dfe2ef;
    border-bottom: 2px solid #dfe2ef;
    -webkit-transform: translateY(-50%) rotateZ(-45deg);
    -ms-transform: translateY(-50%) rotateZ(-45deg);
    transform: translateY(-50%) rotateZ(-45deg);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
	}

.deft_chb:checked + label:before {
  border: none;
  background: #002c9a;
}

.deft_chb:checked + label:after {
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.deft_btn {
  background-color: #002c9a;
  font-size: 18px;
  font-weight: 800;
  color: #ffffff;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


select:after {
    position: absolute;border:1px solid red;
    top: 50%;
    right: 23px;
    background-size: 1421px 1404px;
    background-image: url(../images/select_arrow.png);
    width: 16px;
    height: 10px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
}


.txtBox strong {line-height:24px; padding-bottom:4px;
}
p.tarea {font-size:15px;float:left;margin-top:20px;padding-left:15px;}
#chkAgree {width:30px;float:left;border:0;background-color: #f6f7fb;}

/*20190523*/
div.title{width:350px color:#333333}
div.padding{width:350px; height:50px}
div.namform{width:350px; margin: 0 auto; padding:5 auto;}
div.agree{height:76px; padding-top:33px;
padding-bottom: 16px;
border-bottom: 2px solid #0b318f;}
a{
    
    font-weight: 700;
    display: inline-block;
    color: #fff;
    margin-top: 16px;
}


input.img-button 
{
background: url( "images/btn1.png" ) no-repeat;
border: none;
width: 350px;
height: 65px;
}

li.click { 
margin:40px 0 20px 0;
}
#applybtn {position:relative;margin-top:20px;text-align:center;}
#applybtn input{background-color:#fff;padding:0;}
#applybtn p{font-size:18px;position:absolute; left:28%; top:30%; font-weight:800; text-align:center;

}


/* 미디어쿼리 : 디바이스의 환경 또는 종류를 감지하여 웹사이트를 변경 */
    @media all and (min-width:350px){
	    body{
		
		}

		#wrap{width:420px;margin:0 auto;}
		
     
    }
    @media all and (min-width:500px){
	    body{
		
		}
      #wrap{width: 420px;}
    }

/* ------------------------------- wrapper ------------------------------ */