@import url('https://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:#333; 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:1107px; margin:0 auto; }
.wrap .top_fix { position:fixed; width:100%; height:76px; background:url(imgs/bg_nav.png) center top repeat; z-index:1000; }
.wrap .top_fix .left { position:absolute; top:17px; left:0; }
.wrap .top_fix .right { position:absolute; top:30px; right:0; }
.wrap .top_fix .right .menu li { float:left; margin-left:30px; }
.wrap .top_fix .right .menu li a { font-size:1.0em; color:#fff; font-weight:600; }

/*form */
.wrap .formArea { width:100%; margin:0 auto; padding:0px 0 40px 0; background:#FBFBFB; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; overflow: hidden; }
.wrap .formGroup { margin-bottom:12px; 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:#f47339; border-radius:5px; color:#fff; 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-left:10px; height:35px; border:1px solid #ccc; border-radius:5px; }

.wrap button { width:100%; height:60px; font-size:1.3em; color:#fff; font-weight:600; border-radius:5px; border:none; cursor: pointer;}
.wrap button.btn01 { width:50%; height:57px; background:#f47339;  }
.wrap button.btn01:hover { background:#333; color:#fff; }


.roll_tbl_hd th {
  color: #f47339;
  font-size: 16px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #f47339;
  border-top: 2px solid #f47339;
  text-align: center;
}
.roll_tbl_hd {
  display:inline-block;
  background: #fafafa;
  width:100%;
}
.roll_tbl_cnt {
  overflow: hidden;
  height: 150px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.roll_tbl_cnt table {width:100%;text-align: center;position: relative;height: 150px;display:inline-block;}
.roll_tbl_cnt table tr td {border-bottom:1px solid #e9e9e9;padding:10px 0; font-weight:300;}

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





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

.m_wrap { width:100%; overflow:hidden; }
.m_wrap .contents img { width:100%; }
.m_wrap .top_fix { position:fixed; width:100%; height:60px; background:url(imgs/bg_nav.png) center top repeat; z-index:1000; }
.m_wrap .top_fix .left { position:absolute; top:15px; left:20px; width:150px; color:#fff; font-size:1.3em; font-weight:600; }
.m_wrap .top_fix .left img { width:100%; }
.m_wrap .top_fix .right { position:absolute; top:15px; right:20px; }
.m_wrap .top_fix .right a { padding:8px 15px; background:#f47339; border:1px solid #d46736; 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; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; 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:40px; background:#f47339; border-radius:5px; color:#fff; line-height:40px; text-align:center; display:block; }
.m_wrap .input_style { width:100%; padding-left:10px; height:40px; border:1px solid #ccc; border-radius:5px; }
.m_wrap .sel_style { width:100%; padding-left:10px; height:40px; background:#fff; border:1px solid #ccc; border-radius:5px; }
.m_wrap .textarea_style { width:100%; padding-left:10px; height:40px; border:1px solid #ccc; border-radius:5px; }

.m_wrap button { width:70%; 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:#f47339; font-size:1.0em; }
.m_wrap button.btn01:hover { background:#222; color:#fff; }



/* 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%; }