@font-face{
  font-family: 'NotoL';
  font-style: normal;
  font-weight: normal;
  src: url('/cpa/fonts/notokr-regular.eot'); 
  src: url('/cpa/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/cpa/fonts/notokr-regular.woff') format('woff'), url('/cpa/fonts/notokr-regular.ttf') format('turetype'); 
}

@font-face{
  font-family: 'NotoR';
  font-style: normal;
  font-weight: normal;
  src: url('/cpa/fonts/notokr-regular.eot'); 
  src: url('/cpa/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'), url('/cpa/fonts/notokr-regular.woff') format('woff'), url('/cpa/fonts/notokr-regular.ttf') format('turetype'); 
}
@font-face{
  font-family: 'NotoM';
  font-style: normal;
  font-weight: normal;
  src: url('/cpa/fonts/notokr-medium.eot'); 
  src: url('/cpa/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'), url('/cpa/fonts/notokr-medium.woff') format('woff'), url('/cpa/fonts/notokr-medium.ttf') format('turetype'); 
}
@charset "euc-kr";






/* ÃʱâÈ­ */
html, body{height:100%;}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;letter-spacing:-0.5px;  font-family:'NotoR'; serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}

h1, h2, h3, h4, h5, h6, p, td { font-family:'NotoR'; serif; }
b {font-family:'NotoL', serif;}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, ol, li{margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000; text-decoration:none;}

* { margin: 0; padding: 0; }


table{width: 100%;
border-spacing: 0;
border-collapse: collapse;
display:table;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

.box5 {
-moz-border-radius: 5px; /* Firefox */
-webkit-border-radius: 5px; /* Safari and Chrome */
border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}

.box10 {
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari and Chrome */
border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box100 {
-moz-border-radius: 100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari and Chrome */
border-radius: 100px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.box50p {
-moz-border-radius: 50%; /* Firefox */
-webkit-border-radius: 50%; /* Safari and Chrome */
border-radius: 50%; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
behavior: url(/js/PIE.htc);
}


.cb{clear:both;}
.pl30{padding-left:30px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pt150{padding-top:150px;}
.w1000{width:100%; max-width:1000px; margin:0 auto; }

.fc_fff{color:#fff;}
.fc_000{color:#000;}
.fc_6a1400{color:#6a1400;}


.con_wrap{width:100%}



p {line-height:160%; font-size:16px;}


.con_wrap .t_wrap .top .mv {max-width:980px; width:100%;margin:0 auto;}
.con_wrap .con {max-width:980px; width:100%;margin:0 auto; display:table;}
.con_wrap .con .f_wrap {background:#06405e; width:383px;display:table-cell;vertical-align: top;}
.con_wrap .con .f_wrap .form {padding:25px 10px 10px 10px;;}
.con_wrap .con .f_wrap .form > span {color:#fff; margin-left:50px;}
.con_wrap .con .f_wrap .form > h1 {color:#ffdf3c;font-size:1.7em;  margin-left:50px;}
.con_wrap .con .f_wrap .form .f_box {background:#fff; margin:10px 0; padding:20px;}

.f_box { font-family:'NotoR'; serif;}
.f_box dl {}
.f_box dl > dt {    width: 55px; display: inline-block; font-weight: bold; position: relative;    vertical-align: top;top: 7px;}
.f_box dl > dt i {    background: url(/cpa/img/dot.gif); display: block; width: 5px;height: 5px;position: absolute; top: 6px; left: -8px;}
.f_box dl > dd {width:264px;    display: inline-block;    margin: 3px 0;}
.f_box dl > dd span {    display: block; border: 1px solid #ddd;background: #fff;}
.f_box dl > dd > div {    display: table;width: 100%;margin: 3px 0;}
.f_box dl > dd > div > div{display: table-cell; vertical-align: top;    zoom: 1;    width: 32%;}

.f_box .ok_btn{    width: 100%;max-width: 248px;margin: 0 auto; padding-top: 20px;}

input, button {margin:0;padding:0;font-family:dotum;font-size:1em; border:0;}
input {width:100%;}

.f_box{}
.f_box input[type=text], .write_form input[type=password]{ z-index: 10;  padding: 6px 0 6px 5px;  width: 100%; *width:99%; height: 30px; *height:22px; border:none; background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.f_box textarea {  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 50px;  border: none;  background: transparent;  font-size: 11px;  line-height:160%; apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}
.f_box select{  z-index: 10;  padding: 6px 0 6px 5px;  width: 100%;  height: 30px;  border: none;  background: transparent;  font-size: 15px;  apperance: none;  -webkit-apperance: none;  box-sizing: border-box;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;}

.f_box dl > dd > div.form_email > div{width:48.5%; }
.f_box dl > dd > div.form_add {margin-bottom:3px;}
.f_box dl > dd > div.form_add > div{width:32%}
.f_box dl > dd > div.form_add > div.form_age {width:95%;}
.f_box dl > dd > div.form_add > div.form_check a{    display: block;
    background: #FF3000;
    color: #fff;
    text-align: center;
    height: 31px;
    line-height: 35px;    font-size: 12px;}


.copy_btn {    padding: 5px 7px;background: #f1f1f1; color: #000;border: 1px solid #ddd;font-size: 13px;cursor: pointer;}
.pri {    text-align: center; margin-top: 20px; border-top: 1px dashed #d1d1d1; padding-top: 20px;}
input.all_chk1 {    display: inline-block;
    width: 30px;}
.ballon {    position: absolute;
    top: 480px;
    left: 50%;
    margin-left: -580px;}

/* ³»¿ë */

.con_wrap .con .con_txt{background:#fff; display:table-cell;    border: 1px solid #d1d1d1;}
.con_wrap .con .con_txt .p20{padding:20px;}
.con_wrap .con .con_txt h1 {display:block; margin-bottom:20px;}
.con_wrap .con .con_txt div > div > p {  padding: 0 20px 0 0;     position: relative; padding-left: 16px;}
.con_wrap .con .con_txt div > div > p i  { width: 5px; height:6px;background: url('/cpa/img/dot.gif');display: inline-block; position: absolute; left:5px; top:7px;}
.con_wrap .con .con_txt > div > div{ border-bottom: 1px dashed #ababab; margin-bottom:30px;    padding-bottom: 30px; }
.con_wrap .con .con_txt > div > div.last {border-bottom:0;}
.con_wrap .con .con_txt > div > div > ul {    padding: 0 20px;}
.con_wrap .con .con_txt  ul  li {list-style-image:url('/cpa/img/dot.gif') !important; margin-bottom:5px;}




/* Å×À̺í */
.table-dl > dl{display:table; width:100%;}
.table-dl > dl > dt{display:table-cell; vertical-align:middle;}
.table-dl > dl > dd{display:table-cell; vertical-align:middle;}

.table-basic > dl{border-left:1px solid #e1e1e1;}
.table-basic > dl:last-child{border-bottom:1px solid #e1e1e1;}
.table-basic > dl > dt, .table-basic > dl > dd{padding:5px; border:1px solid #e1e1e1; border-bottom:0; border-left:0;}
.table-basic > dl > dt{width:30%; text-align:center;}


.r-table{margin-bottom:10px;}
.r-table th{padding:5px; border:1px solid #e1e1e1;}
.r-table td{padding:5px; border:1px solid #e1e1e1; text-align:center;}


.copryright {max-width:1000px; margin:0 auto;}




/*tel_info*/



.tel_st {background:#f0f0f0;}
.tel_st .tel {    padding: 10px;}
.tel_st .tel b a{    color: #fb173c; font-size: 20px;letter-spacing: 0;}
.tel_st .tel > ul  {text-align:center;}
.tel_st .tel > ul > li {display:inline-block; *display:inline; zoom:1; padding:0 10px;    vertical-align: middle;}