@charset "utf-8";

 *{font-family:"NanumGothic";}
html, body {padding:0; margin:0; width:100%;height:100%; font-size:15px;}
body { font-family:"NanumGothic"; height:100%; min-height:100%;}
input, button, select { font-family:"NanumGothic";}

h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0; }
h1, h2, h3, h4, h5, h6{line-height:1;}
p{line-height:100%;}
ol, ul, li { list-style:none; }
a {text-decoration:none; outline:0; color:#222; cursor:pointer;}
a:hover {text-decoration:none;}
em,address { font-style:normal;}
input[type="text"],
input[type="password"],
input[type="tel"]{border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -webkit-appearance: none;}
input[type="submit"]{ -webkit-appearance: none;}
table {border-collapse: collapse; border-spacing: 0; width:100%;}

input[type="text"]::-webkit-input-placeholder { color:#999;}
input[type="text"]:-moz-placeholder { color:#999;}
input[type="text"]::-moz-placeholder { color:#999;}
input[type="text"]:-ms-input-placeholder { color:#999;}
input[type="text"]::placeholder { color:#999;}
caption,figcaption{overflow:hidden;width:100%;height:1px;font-size:0;line-height:0;text-indent:-9999px;margin-top:-1px}
legend{display:block;position:absolute;left:-9999px;text-indent:9999px;width:0;height:0;overflow:hidden;font-size:0;line-height:0;white-space:nowrap}


#skip {position: relative; z-index: 3000;}
#skip a {position: absolute; top: -30px; left: 0; width: 138px; border: 1px solid #4ec53d; background: #333; text-align: center; }
#skip a:active,
#skip a:focus{top:0;text-decoration:none;z-index:1000}
#skip a span {display: inline-block; padding: 2px 6px 0 0; font-size: 13px; line-height: 26px; color: #fff; letter-spacing: -1px; white-space: nowrap;}

/* 이미지 초기화 */
img{vertical-align:middle; border:0;}

.mgl_5 {margin-left:5px;}
.mgl_10 {margin-left:10px;}
.mgt_20 {margin-top:20px;}


.clearfix {width:100%;}
.clearfix:after {content:"";display:block;visibility:hidden;clear:both;}     


/* 버튼 초기화 */
button{outline:0; border:0; cursor:pointer; vertical-align:middle;}
/* button > span{visibility:hidden; font-size:0;} */

/* select */
select::-ms-expand { display: none;}
select { width:auto; height:auto; padding:2px 0 3px 0px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #000; background:#FFF url(../images/icon_arr3.png) 95% 49% no-repeat; -webkit-appearance: none;  -moz-appearance: none; font-size:13px;}

select.ui_sel { border:solid 1px #c8cccf;color:#666; background:#fff url(../img/select_arrow_3.png) right 49% no-repeat; background-size:23px 8px; }
select.noui_sel { width:auto; height:auto; padding:2px 0 3px 10px; border:1px solid #c8cccf; background:#e5e5e5 url(../img/select_arrow_2.png) 94% 52% no-repeat; }

select.balance_sel { position:absolute; left:20px; top:18px; width:auto; height:25px; border-radius:25px; padding:0; border:none; background:#a1a4ab url(../img/white_arrow.png) 92% 48% no-repeat; background-size:12px 7px; color:#fff; padding-left:15px; box-sizing:border-box; }


.line_dot { width:1px; height:10px; margin:0 3px; background:#CCC; display:inline-block;}

.line_H { width:100%; height:7px; background:#eeeeee; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}


/* 기본 텍스트 인풋 */
input {border-radius:0;font-size:13px;}
input[type=text],
input[type=input],
input[type=password],
input[data-type=date]
input[data-type=number],
input[data-type=date] { padding:0 0 0 0; line-height: 100%; border: 1px solid #ccc; color: #222; vertical-align: middle; text-indent:5px; box-sizing:border-box;}
input[type=checkbox] {padding:0; margin-right:5px; width:20px; height:20px; border:0px solid #e5e5e5 !important;}
input[type=radio]{width:13px; height:13px;}

textarea {border:1px solid #bababa; background-color:#fff; font-size:13px; padding:8px 3px 8px 7px;}


/* calendar */
.calandar_group { float:left; padding:0 0 0 35px;}
.prevwidht { margin-left:-35px;}
input[data-type=date].ui_cal { width:74px; font-size:12px; }
input[data-type=date].ui_cal + .ui-datepicker-trigger {margin-left:5px;vertical-align:top;display:inline-block;margin-top:2px;cursor:pointer;}

ul.input_type { display: inline-block; padding-top:3px; overflow:hidden;vertical-align: top;}
ul.input_type li { float:left; margin-right:6px; vertical-align: top;}
ul.input_type li input {  vertical-align: top;}

/* Table inner 중복버튼 */
.tbtngroup {display:inline-block;width:100%;}
.tbtngroup:after {content:".";clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;}
.tbtngroup .tbtn_input {display:inline-block; width:auto; }
.tbtngroup .tbtn_btn {display:inline-block; width:80px; vertical-align: top; }
.tbtngroup .tbtn_btn a.tbtn_white {min-width:76px; }


table td.input { /*vertical-align: top;*/}
table td.input .t {display: inline-block;padding-top:2px;vertical-align: top;min-width: 14px;text-align: center;;}
table td.input .t input[type=checkbox] {vertical-align: top;}

.ar {text-align:right !important;}
.ac {text-align:center !important;}
.al {text-align:left !important;}
.vt { vertical-align:top !important; }
.vm { vertical-align:middle !important; }
.vb { vertical-align:bottom !important; }
.fl { float:left; }
.fr { float:right; }
.mgcenter { margin:auto;}

table td.al {padding-left: 10px;padding-right: 10px;}

.hidden{position:absolute; z-index:9999; left:0; top:0; visibility:hidden;}

.tc_white {color:#fff;}
.tc_blue {color:#2b64ce !important;}
.tc_sky {color:#02acc5;}
a.tc_sky {color:#02acc5 !important;}
.tc_orange {color:#f37060 !important;}
.tc_hpink {color:#c61065;}
.tc_gray {color:#4c4c4c;}
.tc_Lgray {color:#bfbfbf;}
.tc_black {color:#000 !important;}
.tc_red {color:#e83b37;}
.tc_666 {color:#666;}
.tc_bc {color:#bcbcbc;}
.tc_a9 { color:#a9a9a9; font-weight:normal !important;}
.tc_lightY { color:#d2ff00 !important;}

/*설명박스 테이블 좌측/우측*/
.desc_box {position:relative; width:100%; margin-bottom:5px; padding-top:4px; color:#666; }
.desc_box:after  {content:".";clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;}

.desc_box .fl {float:left; margin:0; padding-left:0;  bottom:0; position: relative;z-index: 1}
.desc_box .fr {float:right; margin:0; position: relative;z-index: 1}
.desc_box .fr .tspot {margin-top:2px; }
.desc_box .fl h3 {margin-bottom: 0 !important;}
.desc_box .fl h4 {margin-top:6px;}
.desc_box .ac {position:absolute; top:0; left:0; right:0; margin:0;}

.desc_box.tit_box {border-bottom:solid 1px #b1b5b6;padding-bottom:10px; padding-top:4px;margin-bottom:5px;}

/* s:Button Area */
.btn_group { position:relative; margin-bottom:10px; margin-top:2px; text-align:center;}
.btn_group:after  {content:".";clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;}


/*회색 라운드 박스ㅂ 버튼아님*/
span.txt_box {display:inline-block; line-height: 20px; max-width:120px; height:22px; padding:0 10px; border-radius: 11px;border:solid 1px #363636;background-color:#d7d7d7;color:#222;font-size:13px;letter-spacing: -0.5px;}
span.txt_box.tc_blue {border:solid 1px #0000ff;background-color:#fff;color:#0000ff;}
span.txt_box.tc_hpink {border:solid 1px #c61065;background-color:#fff;color:#c61065;}
span.txt_box.tc_orange {border:solid 1px #eda200;background-color:#fff;color:#eda200;}
span.txt_box.tc_gray {border:solid 1px #4c4c4c;background-color:#fff;color:#4c4c4c;}

/* s:기본 paging ************************************************************************************************/
.paging{ margin:12px 0 0; text-align:center; vertical-align:top;}
.paging .ico,
.paging .ico:link,
.paging .ico:visited   { display:inline-block; vertical-align:middle;}
.paging .ico i { vertical-align:top;width:24px; height:24px; background:url(../images/page_nav.gif) no-repeat; }

.paging a.btn_page_frist.ico i { background-position:0 0; }
.paging a.btn_page_prve.ico i { background-position:-24px 0; margin-left:3px;}
.paging a.btn_page_next.ico i { background-position:-48px 0; }
.paging a.btn_page_last.ico i { background-position:-72px 0; margin-left:3px;}

.paging a.btn_page_frist.ico.disabled i,
.paging a.btn_page_frist.ico.disabled:hover i { background-position:0 -48px; }
.paging a.btn_page_prve.ico.disabled i,
.paging a.btn_page_prve.ico.disabled:hover i { background-position:-24px -48px; }
.paging a.btn_page_next.ico.disabled i,
.paging a.btn_page_next.ico.disabled:hover i { background-position:-48px -48px; }
.paging a.btn_page_last.ico.disabled i,
.paging a.btn_page_last.ico.disabled:hover i { background-position:-48px -48px; }

.paging a.btn_page_frist.ico:hover i { background-position:0 -24px; }
.paging a.btn_page_prve.ico:hover i { background-position:-24px -24px; }
.paging a.btn_page_next.ico:hover i { background-position:-48px -24px; }
.paging a.btn_page_last.ico:hover i { background-position:-72px -24px; }

.paging .page_num{ display:inline-block; padding:0 5px; vertical-align:top; }
.paging .page_num a { display:inline-block; min-width:12px; height:22px; line-height:22px;padding:0 5px; margin:0 3px 0 3px; color:#555; font-size:13px; text-decoration:none; }
.paging .page_num a.here { color:#f37060; font-weight:bold; cursor:default;}
.paging .page_num a:hover { color:#f37060; }
.paging .page_num a.here:hover { color:#f37060; }

.btn_group .paging {margin-top:0;}
/* e:기본 paging ************************************************************************************************/


/* 패딩 5,10단위만 지정함*/
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px !important; padding-right:10px !important;}
.pad10r {padding-right:10px !important;}
.pad10l {padding-left:10px !important;}
.pad10t {padding-top:10px !important;}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px !important;}
.pad20a {padding:20px}
.pad20tf {padding-top:20px !important;padding-bottom:20px !important;}
.pad20lr {padding-left:20px;padding-right:20px;}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad45r {padding-right:45px !important;}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px !important;}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad50f {padding-bottom:50px}
.pad60a {padding:60px}
.pad60tf {padding-top:60px;padding-bottom:60px}
.pad60lr {padding-left:60px;padding-right:60px;}
.pad60r {padding-right:60px !important;}
.pad60l {padding-left:60px}
.pad60t {padding-top:60px}
.pad60f {padding-bottom:60px}




/*마진*/
.no_mgt {margin-top:0px !important;}
.no_mgf {margin-bottom:0px !important;}
.mg5f {margin-bottom:5px;}
.mg10f {margin-bottom:10px;}
.mg15f {margin-bottom:15px;}
.mg20f {margin-bottom:20px;}
.mg25f {margin-bottom:25px;}
.mg30f {margin-bottom:30px;}
.mg40f {margin-bottom:40px;}
.mg50f {margin-bottom:50px;}
.mg5t {margin-top:5px;}
.mg10t {margin-top:10px;}
.mg15t {margin-top:15px;}
.mg20t {margin-top:20px;}
.mg25t {margin-top:25px;}
.mg30t {margin-top:30px;}
.mg35t {margin-top:35px;}
.mg40t {margin-top:40px;}
.mg5 {margin-left:5px;}
.mg10 {margin-left:10px;}
.mg15 {margin-left:15px;}
.mg20 {margin-left:20px;}
.mg25 {margin-left:25px;}
.mg30 {margin-left:30px;}
.mg50 {margin-left:50px;}
.mg60 {margin-left:60px;}
.mg5r {margin-right:5px;}
.mg10r {margin-right:10px !important;}
.mg15r {margin-right:15px;}
.mg20r {margin-right:20px;}
.mg25r {margin-right:25px;}
.mg30r {margin-right:30px;}
.mg5a {margin:5px;}
.mg10a {margin:10px;}
.mg15a {margin:15px;}
.mg20a {margin:20px;}
.mg25a {margin:25px;}
.mg30a {margin:30px;}


.mg30l {margin-left:30px;}
.mg30r {margin-right:30px;}
.mg20l {margin-left:20px;}
.mg20r {margin-right:20px;}


/*가로 크기*/
.w60 {width:60px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w120 {width:120px !important;}
.w180 {width:180px;}
.w200 {width:200px !important;}
.w470 {width:470px;}
.w500 {width:500px;}
.w530 {width:530px;}
.w100p {width:100% !important;}
.w35p {width:35% !important;}
.w34p {width:34% !important;}
.w5p {width:5%;}
.w8p {width:8%;}
.w10p {width:10%;}
.w15p {width:15%;}
.w18p {width:18% !important;}
.w11p {width:11%;}
.w12p {width:12% !important;}
.w33p {width:33% !important;}
.w30p {width:30% !important;}
.w31p {width:31%;}
.w40p {width:40% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w23p {width:23% !important;}
.w27p {width:27%;}
.w28p {width:28%;}
.w29p {width:29%;}
.w45p {width:45% !important;}
.w50p {width:49% !important;}
.w50per {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w75p {width:75% !important;}
.w80p {width:80%;}
.w90p {width:90%;}
.w97p {width:97% !important;}
.w98p {width:98% !important;}
.w99p {width:99% !important;}


/*공백*/
.gap5 {height:5px;clear:both;overflow:hidden;}
.gap10 {height:10px;clear:both;overflow:hidden;}
.gap15 {height:15px;clear:both;overflow:hidden;}
.gap20 {height:20px;clear:both;overflow:hidden;}
.gap25 {height:25px;clear:both;overflow:hidden;}
.gap30 {height:30px;clear:both;overflow:hidden;}
.gap35 {height:35px;clear:both;overflow:hidden;}
.gap40 {height:40px;clear:both;overflow:hidden;}
.gap50 {height:50px;clear:both;overflow:hidden;}
.gap60 {height:60px;clear:both;overflow:hidden;}
.gap70 {height:70px;clear:both;overflow:hidden;}


/*숨김*/
.hidden {visibility:hidden; width:1px; height:1px; overflow:hidden; font-size:0.1px; position:absolute; top:-9999px;}
.blind {visibility:hidden; width:1px; height:1px; overflow:hidden; position:absolute; top:-9999px;}




/* 폰트크기 */
.f11 {font-size:11px;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f25 {font-size:25px;}
.f26 {font-size:26px;}
.f42 {font-size:42px;}


.b4 { font-family: 'nanumsquare-r';}
.b5 { font-family: 'nanumsquare-b';}
.b { font-family: 'nanumsquare-eb';}


.input { border:1px solid #ccc; height:35px;}

.input_R { border:1px solid #c8c8c8; height:45px; border-radius:5px !important; padding-left:10px;}
input.input_R::-webkit-input-placeholder { color: green; font-size:0.9rem; font-family: 'nanumsquare-r';}
input.input_R:-moz-placeholder { color: #acacac; opacity:  1; font-size:0.9rem; font-family: 'nanumsquare-r';}
input.input_R::-moz-placeholder { color: #acacac; opacity:  1; font-size:0.9rem; font-family: 'nanumsquare-r';}
input.input_R:-ms-input-placeholder { color: #acacac; font-size:0.9rem; font-family: 'nanumsquare-r';}
input.input_R::placeholder { color: #acacac; opacity:  1; font-size:0.9rem; font-family: 'nanumsquare-r';}


/* 포지션타입 */
.pos_relative { position:relative;}
.pos_absolute { width:100%; position:absolute; left:0; bottom:0;}
.pos_fixed { width:100%; position:fixed; left:0; bottom:0;}
.pos_fixed_R { width:100%; position:fixed; right:0; bottom:0;}


/* colgroup */
.colgroup { width:100%; overflow:hidden; /*height:56px;*/}
.colgroup .col2 { /*width:100%;*/}
.colgroup .col2 li { float:left; width:50%;}
.colgroup .col2 li a { width:100%; box-sizing:border-box;}


/* 버튼 타입 */
.blue_Btn { background:#5385d5; border-radius:5px; color:#fff; font-size:1.1rem; text-align:center; font-weight:500; }
.blue_Btn a { display:block; color:#fff;}
a.blue_Btn { display:block; color:#fff;}

.Dblue_Btn { background:#2b64cf; border-radius:5px; color:#fff; font-size:1rem; text-align:center; font-weight:500; }
.Dblue_Btn a { display:block; color:#fff;}
a.Dblue_Btn { display:block; color:#fff;}

.blueLine_Btn { background:rgba(239,244,252,0.5); border:1px solid #2b64ce; border-radius:5px; color:#000; font-size:1.1rem; text-align:center; font-weight:500;}
.blueLine_Btn a { display:block; color:#000;}
a.blueLine_Btn{ display:block; color:#2b64ce;}

.grayLine_Btn { background:#fff; border:1px solid #ccc; border-radius:30px; color:#666; font-size:1rem; text-align:center; font-weight:500;}
.grayLine_Btn a { display:block; color:#666;}

.grayLLight_Btn { background:#fff; border:1px solid #999; border-radius:30px; color:#666; font-size:1rem; text-align:center; font-weight:500;}
.grayLLight_Btn a { display:block; color:#666;}



/* 버튼 높이 */
.H5p { height:50px; line-height:50px;}
.H4p { height:40px; line-height:40px;}
.H35p { height:35px; line-height:35px;}

/* 하단 버튼 */
.blue_BtnPosi { background:#2b64ce; width:100%; height:55px; line-height:55px; text-align:center;}
.blue_BtnPosi a { color:#fff; text-align:center; font-size:1rem; font-family: 'nanumsquare-r';}


/* 하단 고정 버튼 */
.blue_BtnBtm { background:#2b64ce; position:fixed; left:0; bottom:0; width:100%; height:60px; line-height:60px; text-align:center; }
.blue_BtnBtm a { color:#fff; text-align:center; font-size:1.1rem; font-family: 'nanumsquare-b';}


.blue_BtnBase { background:#2b64ce; position:relative; left:0; bottom:0; width:100%; height:60px; line-height:60px; text-align:center; }
.blue_BtnBase a { color:#fff; text-align:center; font-size:1.1rem; font-family: 'nanumsquare-b';}

.btn_gray { position:relative; background:#f1f1f1; width:100%; height:40px; line-height:40px; text-align:center; }
.btn_gray:after { content:'>'; position:absolute; right:15px; top:50%; margin-top:-17px;}



/* 박스 */
.boxType_A { padding:30px; box-sizing:border-box; background:#eff4fc;}
.boxType_B { padding:30px; box-sizing:border-box; background:#fafafa;}
.boxType_B p { line-height:140%;}
.boxType_B_2 { padding:15px; box-sizing:border-box; background:#f8f8f8; overflow:hidden; border:0px solid #eaeaea;}
.boxType_C { padding:15px; box-sizing:border-box; background:#fff; overflow:hidden; border:1px solid #e0e0e0; border-radius:5px;}

/* bg */
.bg_gray { background:#f1f1f1;}
.bg_white { background:#fff;}