@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);


html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend input, textarea, button, select{
 vertical-align: baseline;
 font-family: inherit;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 outline: 0;
 padding: 0;
 margin: 0;
 border: 0;
 }
 
 
* { margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, li {list-style:none; }
html { width:100%; }
body { width:100%; height:100%; line-height:1; color:#000; font-size:1em; font-family:'나눔고딕', 'Nanum Gothic', 'nanumgothic', 'NanumGothic', sans-serif; overflow-y: visible !important;
}
img { vertical-align:middle; border:none; }
a { text-decoration:none; }

input, button { vertical-align:middle; border:none; font-family:'나눔고딕', 'Nanum Gothic', 'nanumgothic', 'NanumGothic', sans-serif; }
textarea { border:none; }

/* PC 
------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; min-width:1140px; overflow:hidden; }
.wrap .contents { position:relative; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center; }

.wrap .inner { position:relative; top:0; left:0; width:1100px; margin:0 auto; }
.wrap .top_fix { width:100%; height:76px; background:#3f76ce; z-index:1000; }
.wrap .top_fix .left { position:absolute; top:20px; left:0; }
.wrap .top_fix .right { position:absolute; top:30px; right:20px; }
.wrap .top_fix .right .menu li { float:left; margin-left:24px; }
.wrap .top_fix .right .menu li a { padding:8px 20px; background:#168be6; border:1px solid #fff; border-radius:10px; font-size:1.4em; color:#fff; font-weight:600;letter-spacing:-1.5px; }

.wrap .scroll_banner { position:absolute; bottom:-500px; right:100px; z-index:1000; text-align:center; }
.wrap .scroll_banner .close { position:absolute; top:24px; left:142px; width:28px; height:28px; border-radius:15px; background:#333; color:#fff; line-height:28px; font-weight:400; font-size:0.8em; cursor: pointer; display: inline-block; }
.wrap .scroll_banner .close i {line-height:28px;}

/*form */
.wrap .formArea { width:100%; margin:0 auto; padding:0px 0 40px 0; overflow: hidden; }
.wrap .formGroup { text-align:center; }

.wrap .input_style:focus, .sel_style:focus, textarea_style:focus { border-color:#fff; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; }

.wrap label.tit { height:35px; background:none; border-radius:5px; color:#3f76ce; font-weight:600; line-height:35px; text-align:center; display:block; }
.wrap .input_style { width:100%; padding-left:10px; height:35px; border:1px solid #ccc; border-radius:5px; }
.wrap .sel_style { width:100%; padding-left:10px; height:35px; background:#fff; border:1px solid #ccc; border-radius:5px; font-size:0.85em; }
.wrap .textarea_style { width:100%; padding:6px; height:35px; border:1px solid #ccc; border-radius:5px; }

.wrap button { width:100%; height:60px; font-size:1.6em; letter-spacing:-1px; color:#fff; font-weight:600; border-radius:6px; border:none; cursor: pointer;}
.wrap button.btn01 { width:30%; height:60px; background:#da1e1e; }
.wrap button.btn01:hover { background:#333; color:#fff; }


.wrap .roll_tbl_hd th {
  color: #3f76ce;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #3f76ce;
  border-top: 2px solid #3f76ce;
  text-align: center;
}


.wrap .roll_tbl_hd {
  /*display:inline-block;*/
  background: #fafafa;
  width:100%;
}
.wrap .roll_tbl_cnt {
  overflow: hidden;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.wrap .roll_tbl_cnt table {width:100%;text-align: center;position: relative;height: 150px; /*display:inline-block;*/}

.wrap .roll_tbl_cnt table tr td {border-bottom:1px solid #e9e9e9; padding:10px 0; font-weight:300; font-size: 14px;}

.wrap .roll_small {width:200px}
.wrap .roll_large {width:580px}


.wrap .footer { background-color:#666; width:100%; text-align:center; padding:35px 0; font-size:13px; line-height:20px; color:#ccc; }
.wrap .footer .copyright {padding-top:15px;  }


/* MOBILE
------------------------------------------------------------------------------------------------------------*/

.m_wrap { width:100%; overflow:hidden; }
.m_wrap .contents img { width:100%; }
.m_wrap .top_fix { position:fixed; width:100%; height:50px; background:#3f76ce; z-index:1000; letter-spacing:-1px; }
.m_wrap .top_fix .left { position:absolute; top:18px; left:15px; width:151px; color:#fff; font-size:1em; font-weight:600; }
.m_wrap .top_fix .left img { width:100%; }
.m_wrap .top_fix .right { position:absolute; top:10px; right:15px; }
.m_wrap .top_fix .right a { padding:8px 15px; background:#168be6; border:1px solid #fff; border-radius:8px; font-size:0.8em; color:#fff; font-weight:600; text-align:center; display:inline-block; }

/*form */
.m_wrap .formArea { width:100%; margin:0 auto; padding:20px; background:#f7f7f7; overflow: hidden; }
.m_wrap .formGroup { margin-bottom:12px; text-align:center; }

.m_wrap .input_style:focus, .m_wrap .sel_style:focus, .m_wrap textarea_style:focus { border-color:#fff; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fff; }

.m_wrap label.tit { height:30px; background:#3f76ce; border-radius:5px; color:#fff; line-height:30px; text-align:center; display:block; }
.m_wrap .input_style { width:100%; padding-left:10px; height:30px; border:1px solid #ccc; font-size:13px; border-radius:5px; }
.m_wrap .sel_style { width:100%; padding-left:10px; height:30px; background:#fff; border:1px solid #ccc; font-size:13px;border-radius:5px; }
.m_wrap .textarea_style { width:100%; padding-left:10px; height:40px; border:1px solid #ccc; font-size:13px; border-radius:5px; }

.m_wrap button { width:80%; height:60px; font-size:1.0em; color:#fff; font-weight:600; border-radius:5px; border:none; cursor: pointer;}
.m_wrap button.btn01 { height:50px; background:#3f76ce; font-size:1.3em; }
.m_wrap button.btn01:hover { background:#222; color:#fff; }



.m_wrap .roll_tbl_hd th {
  color: #3f76ce;
  font-size: 14px;
  font-weight: 600;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #3f76ce;
  border-top: 2px solid #3f76ce;
  text-align: center;
}


.m_wrap .roll_tbl_hd {
  /*display:inline-block;*/
  background: #fafafa;
  width:100%;
}
.m_wrap .roll_tbl_cnt {
  overflow: hidden;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 30px;
}
.m_wrap .roll_tbl_cnt table {width:100%;text-align: center;position: relative;height: 150px; /*display:inline-block;*/}

.m_wrap .roll_tbl_cnt table tr td {border-bottom:1px solid #e9e9e9; padding:5px 0; font-weight:300; font-size: 12px; line-height:18px; }

.m_wrap .roll_small {width:200px}
.m_wrap .roll_large {width:580px}


.m_wrap .footer { background-color:#666; width:100%; text-align:center; padding:35px 15px; font-size:12px; line-height:18px; color:#ccc; }
.m_wrap .footer .copyright { padding-top:15px; }




/* COMMON
------------------------------------------------------------------------------------------------------------*/

.formGroup:before, .formGroup:after { content: " "; display:table; }
.formGroup:after { clear:both; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float:left; padding-left:15px; padding-right:15px; }
.col-1 { width:8.333%; }
.col-2 { width:16.666%; }
.col-3 { width:25%; }
.col-4 { width:33.333%; }
.col-5 { width:41.666%; }
.col-6 { width:50%; }
.col-7 { width:58.333%; }
.col-8 { width:66.666%; }
.col-9 { width:75%; }
.col-10 { width:83.333%; }
.col-11 { width:91.666%; }
.col-12 { width:100%; }

.form_table { width:100%; border-collapse:collapse; background:#fff; border-top:2px solid #3f76ce; border-left:1px solid #d7d7d7; font-size:0.9em; }
.form_table tbody th, .form_table tbody td { padding:6px; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; vertical-align:middle; text-align:left; line-height:150%; }
.form_table tbody th { font-weight:600; text-align:center; }