@charset "UTF-8";


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        local(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


@font-face {
    font-family: 'twayair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
	font-family: 'S-CoreDream-9Black';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
  display: block
}
[hidden] {
  display: none
}
body {
  line-height: 1
}
menu,
ol,
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: '';
  content: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset form,
figcaption,
figure,
footer header,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
html,
i,
iframe,
img ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  font-family: 'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,'Helvetica Neue',Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  letter-spacing: -.5px
}
body,input,textarea,button,select{font-family:"Noto Sans KR", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif !important;
    color:#222; font-size: 18px; overflow-x: hidden}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
a,
button {
  color: #333;
  text-decoration: none;
  background: 0 0;
  padding: 0;
  border: 0
}
a:active,
a:focus,
a:hover,
a:visited,
button:active,
button:focus,
button:hover,
button:visited {
  color: #333;
  text-decoration: none
}
a:active,
a:visited,
button:active,
button:visited {
  outline: 0
}
.blind {
  overflow: hidden;
  position: absolute;
  border: 0;
  width: 1px;
  height: 1px;
/*  clip: rect(1px,1px,1px,1px)*/
}
.skip-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%
}
.skip-menu a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0;
  text-align: center
}
.skip-menu a:focus {
  height: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: inherit
}


/*
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(../font/notokr-light.woff2) format('woff2'),
       url(../font/notokr-light.woff) format('woff'),
       url(../font/notokr-light.otf) format('opentype');
}

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.otf) format('opentype');
 }

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 600;
   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKR-Bold.otf) format('opentype');
 }
*/


/*기본폰트*/
body, input, textarea, button, select{font-family:"Noto Sans KR", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif ; }
label{margin-bottom: 0;}
h1,h2,h3,h4,h5,h6,a, table td {font-family:"Noto Sans KR", 'Nanum Gothic', "맑은고딕", 'Malgun Gothic', "돋움", dotum, "굴림", gulim, sans-serif ;}

.dsnone{display:none !important;}

/*텍스트*/
.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right}
.ftN{font-weight:normal !important;}
.ftB {font-weight:bold !important;}
.ft12{font-size: 12px !important;}
.ft13{font-size: 13px !important;}
.ft14{font-size: 14px !important;}
.ft15{font-size: 15px !important;}
.ft16{font-size: 16px !important;}
.ft17{font-size: 17px !important;}
.ft18{font-size: 18px !important;}
.ft19{font-size: 19px !important;}
.ft20{font-size: 20px !important;}
.ft21{font-size: 21px !important;}
.ft22{font-size: 22px !important;}
.ft23{font-size: 23px !important;}
.ft24{font-size: 24px !important;}
.ft26{font-size: 26px !important;}
.ft28{font-size: 28px !important;}
.ft30{font-size: 30px !important;}
.ft32{font-size: 32px !important;}
.ft34{font-size: 34px !important;}
.ft35{font-size: 35px !important;}
.ft38{font-size: 38px !important;}
.ft40{font-size: 40px !important;}
.ft45{font-size: 45px !important;}

/*박스*/
.boN{border:none !important;}
.boRN { border-right:none !important;}
.boBN { border-bottom:none !important;}
.boLN { border-left:none !important;}
.boTN { border-top:none !important;}

/*크기 및 마진패딩*/
.wp1 {width:1% !important;}
.wp2 {width:2% !important;}
.wp3 {width:3% !important;}
.wp4 {width:4% !important;}
.wp5 {width:5% !important;}
.wp7 {width:7% !important;}
.wp8 {width:8% !important;}
.wp9 {width:9% !important;}
.wp10 {width:10% !important;}
.wp11 {width:11% !important;}
.wp12 {width:12% !important;}
.wp13 {width:13% !important;}
.wp14 {width:14% !important;}
.wp15 {width:15% !important;}
.wp16 {width:16% !important;}
.wp17 {width:17% !important;}
.wp18 {width:18% !important;}
.wp20 {width:20% !important;}
.wp22 {width:22% !important;}
.wp24 {width:24% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp33 {width:33% !important;}
.wp34 {width:34% !important;}
.wp35 {width:35% !important;}
.wp36 {width:36% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp48 {width:48% !important;}
.wp49 {width:49 !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp68 {width:68% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp76 {width:76% !important;}
.wp80 {width:80% !important;}
.wp90 {width:90% !important;}
.wp92 {width:92% !important;}
.wp100 {width:100% !important;}
.wpAuto {width:auto !important;}


.min50{min-width: 50px;}
.min100{min-width: 100px;}
.min110{min-width: 110px;}
.min120{min-width: 120px;}
.min130{min-width: 130px;}
.min140{min-width: 140px;}
.min150{min-width: 150px;}
.min200{min-width: 200px;}
.min300{min-width: 300px;}
.min400{min-width: 400px;}
.min500{min-width: 500px;}
.min600{min-width: 600px;}
.min700{min-width: 700px;}
.min800{min-width: 800px;}
.min900{min-width: 900px;}
.min900{min-width: 900px;}
.min1000{min-width: 1000px;}
.min1100{min-width: 1100px;}
.min1200{min-width: 1200px;}
.min1300{min-width: 1300px;}
.min1400{min-width: 1400px;}
.min1500{min-width: 1500px;}
.min1600{min-width: 1600px;}

.col-1 {width: 8.33%; float:left; box-sizing: border-box;}
.col-2 {width: 16.66%; float:left; box-sizing: border-box;}
.col-3 {width: 25%; float:left; box-sizing: border-box;}
.col-4 {width: 33.33%; float:left; box-sizing: border-box;}
.col-5 {width: 41.66%; float:left; box-sizing: border-box;}
.col-6 {width: 50%; float:left; box-sizing: border-box;}
.col-7 {width: 58.33%; float:left; box-sizing: border-box;}
.col-8 {width: 66.66%; float:left; box-sizing: border-box;}
.col-9 {width: 75%; float:left; box-sizing: border-box;}
.col-10 {width: 83.33%; float:left; box-sizing: border-box;}
.col-11 {width: 91.66%; float:left; box-sizing: border-box;}
.col-12 {width: 100%; float:left; box-sizing: border-box;}


.mar_t1 {margin-top:1px !important;}
.mar_t2 {margin-top:2px !important;}
.mar_t3 {margin-top:3px !important;}
.mar_t4 {margin-top:4px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t6 {margin-top:6px !important;}
.mar_t7 {margin-top:7px !important;}
.mar_t8 {margin-top:8px !important;}
.mar_t9 {margin-top:9px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t11 {margin-top:11px !important;}
.mar_t12 {margin-top:12px !important;}
.mar_t13 {margin-top:13px !important;}
.mar_t14 {margin-top:14px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t16 {margin-top:16px !important;}
.mar_t18 {margin-top:18px !important;}
.mar_t19 {margin-top:19px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t23 {margin-top:23px !important;}
.mar_t25 {margin-top:25px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t33 {margin-top:33px !important;}
.mar_t34 {margin-top:34px !important;}
.mar_t35 {margin-top:35px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t45 {margin-top:45px !important;}
.mar_t50 {margin-top:50px !important;}
.mar_t55 {margin-top:55px !important;}
.mar_t66 {margin-top:66px !important;}
.mar_t75 {margin-top:75px !important;}
.mar_t157 {margin-top:157px !important;}

.mar_b1 {margin-bottom:1px !important;}
.mar_b2 {margin-bottom:2px !important;}
.mar_b3 {margin-bottom:3px !important;}
.mar_b4 {margin-bottom:4px !important;}
.mar_b5 {margin-bottom:5px !important;}
.mar_b6 {margin-bottom:6px !important;}
.mar_b7 {margin-bottom:7px !important;}
.mar_b8 {margin-bottom:8px !important;}
.mar_b9 {margin-bottom:9px !important;}
.mar_b10 {margin-bottom:10px !important}
.mar_b15 {margin-bottom:15px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b25 {margin-bottom:25px !important;}
.mar_b30 {margin-bottom:30px !important;}
.mar_b35 {margin-bottom:35px !important;}
.mar_b40 {margin-bottom:40px !important;}
.mar_b45 {margin-bottom:45px !important;}
.mar_b50 {margin-bottom:50px !important;}
.mar_b60 {margin-bottom:60px !important;}

.mar_r1 {margin-right:1px !important;}
.mar_r2 {margin-right:2px !important;}
.mar_r3 {margin-right:3px !important;}
.mar_r4 {margin-right:4px !important;}
.mar_r5 {margin-right:5px !important;}
.mar_r6 {margin-right:6px !important;}
.mar_r7 {margin-right:7px !important;}
.mar_r8 {margin-right:8px !important;}
.mar_r9 {margin-right:9px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r11 {margin-right:11px !important;}
.mar_r12 {margin-right:12px !important;}
.mar_r13 {margin-right:13px !important;}
.mar_r14 {margin-right:14px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r20 {margin-right:20px !important;}
.mar_r21 {margin-right:21px !important;}
.mar_r22 {margin-right:22px !important;}
.mar_r23 {margin-right:23px !important;}
.mar_r24 {margin-right:24px !important;}
.mar_r25 {margin-right:25px !important;}
.mar_r26 {margin-right:26px !important;}
.mar_r27 {margin-right:27px !important;}
.mar_r28 {margin-right:28px !important;}
.mar_r29 {margin-right:29px !important;}
.mar_r30 {margin-right:30px !important;}
.mar_r31 {margin-right:31px !important;}
.mar_r32 {margin-right:32px !important;}
.mar_r33 {margin-right:33px !important;}
.mar_r34 {margin-right:34px !important;}
.mar_r35 {margin-right:35px !important;}
.mar_r37 {margin-right:37px !important;}
.mar_r40 {margin-right:40px !important;}
.mar_r41 {margin-right:41px !important;}
.mar_r45 {margin-right:45px !important;}
.mar_r50 {margin-right:50px !important;}

.mar_l1 {margin-left:1px !important;}
.mar_l2 {margin-left:2px !important;}
.mar_l3 {margin-left:3px !important;}
.mar_l4 {margin-left:4px !important;}
.mar_l5 {margin-left:5px !important;}
.mar_l6 {margin-left:6px !important;}
.mar_l7 {margin-left:7px !important;}
.mar_l8 {margin-left:8px !important;}
.mar_l9 {margin-left:9px !important;}
.mar_l10 { margin-left:10px !important; }
.mar_l11 { margin-left:11px !important; }
.mar_l12 { margin-left:12px !important; }
.mar_l13 { margin-left:13px !important; }
.mar_l14 { margin-left:14px !important; }
.mar_l15 { margin-left:15px !important; }
.mar_l16 { margin-left:16px !important; }
.mar_l17 { margin-left:17px !important; }
.mar_l18 { margin-left:18px !important; }
.mar_l19 { margin-left:19px !important; }
.mar_l20 { margin-left:20px !important; }
.mar_l25 { margin-left:25px !important; }
.mar_l26 { margin-left:26px !important; }
.mar_l28 { margin-left:28px !important; }
.mar_l30 { margin-left:30px !important; }
.mar_l35 { margin-left:35px !important; }
.mar_l37 { margin-left:37px !important; }
.mar_l40 { margin-left:40px !important; }
.mar_l45 { margin-left:45px !important; }
.mar_l50 { margin-left:50px !important; }
.mar_l55 { margin-left:55px !important; }
.mar_l59 { margin-left:59px !important; }
.mar_l60 { margin-left:60px !important; }
.mar_l64 { margin-left:64px !important; }
.mar_l100 { margin-left:100px !important; }
.mar_l190 { margin-left:190px !important; }

/* padding */
.pad_t0 {padding-top:0px !important;}
.pad_t1 {padding-top:1px !important;}
.pad_t2 {padding-top:2px !important;}
.pad_t3 {padding-top:3px !important;}
.pad_t4 {padding-top:4px !important;}
.pad_t5 {padding-top:5px !important;}
.pad_t6 {padding-top:6px !important;}
.pad_t7 {padding-top:7px !important;}
.pad_t8 {padding-top:8px !important;}
.pad_t9 {padding-top:9px !important;}
.pad_t10 {padding-top:10px !important;}
.pad_t11 {padding-top:11px !important;}
.pad_t12 {padding-top:12px !important;}
.pad_t13 {padding-top:13px !important;}
.pad_t14 {padding-top:14px !important;}
.pad_t15 {padding-top:15px !important;}
.pad_t20 { padding-top:20px !important; }
.pad_t30 { padding-top:30px !important; }
.pad_t35 { padding-top:35px !important; }
.pad_t40 { padding-top:40px !important; }
.pad_t50 { padding-top:50px !important; }
.pad_t60 { padding-top:60px !important; }
.pad_t70 { padding-top:70px !important; }
.pad_t80 { padding-top:80px !important; }
.pad_t90 { padding-top:90px !important; }
.pad_t100 { padding-top:100px !important; }
.pad_t120 { padding-top:120px !important; }

.pad_l0 { padding-left:0px !important; }
.pad_l3 { padding-left:3px !important; }
.pad_l4 { padding-left:4px !important; }
.pad_l5 { padding-left:5px !important; }
.pad_l6 { padding-left:6px !important; }
.pad_l7 { padding-left:7px !important; }
.pad_l8 { padding-left:8px !important; }
.pad_l9 { padding-left:9px !important; }
.pad_l10 { padding-left:10px !important; }
.pad_l11 { padding-left:11px !important; }
.pad_l12 { padding-left:12px !important; }
.pad_l13 { padding-left:13px !important; }
.pad_l14 { padding-left:14px !important; }
.pad_l15 { padding-left:15px !important; }
.pad_l16 { padding-left:16px !important; }
.pad_l17 { padding-left:17px !important; }
.pad_l18 { padding-left:18px !important; }
.pad_l19 { padding-left:19px !important; }
.pad_l20 { padding-left:20px !important; }
.pad_l22 { padding-left:22px !important; }
.pad_l24 { padding-left:24px !important; }
.pad_l26 { padding-left:26px !important; }
.pad_l28 { padding-left:28px !important; }
.pad_l30 { padding-left:30px !important; }
.pad_l32 { padding-left:32px !important; }
.pad_l34 { padding-left:34px !important; }
.pad_l36 { padding-left:36px !important; }
.pad_l38 { padding-left:38px !important; }
.pad_l40 { padding-left:40px !important; }
.pad_l50 { padding-left:50px !important; }
.pad_l53 { padding-left:53px !important; }
.pad_l60 { padding-left:60px !important; }
.pad_l100 { padding-left:100px !important; }
.pad_l110 { padding-left:110px !important; }
.pad_l120 { padding-left:120px !important; }
.pad_l130 { padding-left:130px !important; }
.pad_l140 { padding-left:140px !important; }
.pad_l195 { padding-left:195px !important; }
.pad_l230 { padding-left:230px !important; }
.pad_l270 { padding-left:270px !important; }
.pad_l280 { padding-left:280px !important; }
.pad_l300 { padding-left:300px !important; }
.pad_l310 { padding-left:310px !important; }
.pad_l320 { padding-left:320px !important; }
.pad_l340 { padding-left:340px !important; }
.pad_l390 { padding-left:390px !important; }
.pad_l450 { padding-left:450px !important; }

.pad_r0 {padding-right:0px !important;}
.pad_r2 {padding-right:2px !important;}
.pad_r3 {padding-right:3px !important;}
.pad_r4 {padding-right:4px !important;}
.pad_r5 {padding-right:5px !important;}
.pad_r6 {padding-right:6px !important;}
.pad_r7 {padding-right:7px !important;}
.pad_r8 {padding-right:8px !important;}
.pad_r9 {padding-right:9px !important;}
.pad_r10 {padding-right:10px !important;}
.pad_r15 {padding-right:15px !important;}
.pad_r20 {padding-right:20px !important;}
.pad_r25 {padding-right:25px !important;}
.pad_r30 {padding-right:30px !important;}
.pad_r35 {padding-right:35px !important;}
.pad_r40 {padding-right:40px !important;}
.pad_r45 {padding-right:45px !important;}
.pad_r50 {padding-right:50px !important;}

.pad_b0 {padding-bottom:0px !important;}
.pad_b2 {padding-bottom:2px !important;}
.pad_b3 {padding-bottom:3px !important;}
.pad_b4 {padding-bottom:4px !important;}
.pad_b5 {padding-bottom:5px !important;}
.pad_b6 {padding-bottom:6px !important;}
.pad_b7 {padding-bottom:7px !important;}
.pad_b8 {padding-bottom:8px !important;}
.pad_b9 {padding-bottom:9px !important;}
.pad_b10 {padding-bottom:10px !important;}
.pad_b14 {padding-bottom:14px !important;}
.pad_b15 {padding-bottom:15px !important;}
.pad_b20 {padding-bottom:20px !important;}
.pad_b25 {padding-bottom:25px !important;}
.pad_b30 {padding-bottom:30px !important;}
.pad_b35 {padding-bottom:35px !important;}
.pad_b40 {padding-bottom:40px !important;}
.pad_b45 {padding-bottom:45px !important;}
.pad_b50 {padding-bottom:50px !important;}

.pad_a20 { padding:20px !important; }
.pad_a10 { padding:10px !important; }
.pad_a5 { padding:5px !important; }
.pad_a4 { padding:4px !important; }
.pad_a2 { padding:2px !important; }


/*기타*/
.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlightRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayFlex {display:flex;}
.DisplayNone {display:none;}
.FloatLeft {float:left !important;}
.FloatRight {float:right !important;}
.ClearBoth {clear:both !important;}
.ClearNone {clear:none !important;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.BorderRightNone { border-right:none !important;}
.BorderBottomNone { border-bottom:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.MarginAuto {margin-left: auto !important; margin-right: auto !important;}
.MarginRightNone {margin-right:0 !important;}
.LetterSpacing03 {letter-spacing:-0.03em !important;}
.LetterSpacing05 {letter-spacing:-0.05em !important;}
.LetterSpacingNormal {letter-spacing:normal !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}
.WordBreakAll{word-break: break-all;}
.WordBreakKeep{word-break: keep-all;}




.all_wrap{position: relative;}
span.blank{ display: block;}
.relative {position:relative !important;}
.absolute {position:absolute !important;}
.static {position:static !important;}
.vaT{vertical-align:top;}
.vaM{vertical-align:middle;}
.vaB{vertical-align:bottom;}



/*모바일에서 width 고정*/
@media all and (max-width:768px) {
  .m_wd100{width:100% !important; min-width: 100px !important;}
  .m_wd200{width:100% !important; min-width: 200px !important;}
  .m_wd300{width:100% !important; min-width: 300px !important;}
  .m_wd400{width:100% !important; min-width: 400px !important;}
  .m_wd500{width:100% !important; min-width: 500px !important;}
  .m_wd600{width:100% !important; min-width: 600px !important;}
  .m_wd700{width:100% !important; min-width: 700px !important;}
  .m_wd800{width:100% !important; min-width: 800px !important;}
  .m_wd900{width:100% !important; min-width: 900px !important;}
  .m_wd1000{width:100% !important; min-width: 1000px !important;}
  .m_wd1100{width:100% !important; min-width: 1100px !important;}
  .m_wd1200{width:100% !important; min-width: 1200px !important;}

  .m_wp10{width: 10% !important;}
  .m_wp20{width: 20% !important;}
  .m_wp30{width: 30% !important;}
  .m_wp40{width: 40% !important;}
  .m_wp50{width: 50% !important;}
  .m_wp60{width: 60% !important;}
  .m_wp70{width: 70% !important;}
  .m_wp80{width: 80% !important;}
  .m_wp90{width: 90% !important;}
  .m_wp100{width: 100% !important;}

  .m_wdauto{width: auto !important; min-width: 0 !important;}
}


/**********************스타일 정의*********************/

/*type1*/
.box.type1{box-sizing: border-box; padding: 10px; border: 1px solid #d2d2d2; border-top: 2px solid #089f50; background: #fafafa; border-radius: 5px;}
.box.type2{box-sizing: border-box; padding: 10px; border: 1px solid #d2d2d2;}

/*table*/
table.type1::before{content:""; display: block; width: 100%; height: 2px; background:#3491c6; position: absolute; top: 0; left: 0;}
table.type1 {width: 100%; background: white; position: relative;}
table.type1 caption{}
table.type1>thead>tr>th, table.type1>tbody>tr>th, table.type1>thead>tr>td ,table.type1>tbody>tr>td {border-bottom: 1px solid #d2d2d2; box-sizing: border-box;  padding:1.1%; height: 40px; border-right: 1px solid #d2d2d2; vertical-align: middle;}
table.type1>thead>tr>th, table.type1>tbody>tr>th {background: #f9f9fa;border-left: 1px solid #ccc;}

/*ul*/
ul.type1 {padding-top:10px;}
ul.type1 li {margin-bottom:5px; margin-left:-15px;}

/*input,select*/
input[type=text].type1, input[type=password].type1 {width: 100%; max-width: 200px; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 5px; font-size: 14px; border: 1px solid #d2d2d2; border-radius: 2px;}
select {-webkit-appearance: none; /* 화살표 없애기 for chrome*/  -moz-appearance: none;    /* 화살표 없애기 for firefox*/  appearance: none;         /* 화살표 없애기 공통*/}
select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/ }
select.type1 {width: 100%; max-width: 200px; height: 30px; line-height: 30px; box-sizing: border-box; padding: 0 5px; font-size: 14px; border: 1px solid #d2d2d2; border-radius: 2px; cursor: pointer;}
select.type1{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #ffffff url(../images/sub/select_bg.png) no-repeat 95% center; cursor: pointer;
  }
select.type1::-ms-expand{display: none;}

textarea.type1 {width: 100%;box-sizing: border-box; padding: 5px; font-size: 14px; border: 1px solid #d2d2d2; border-radius: 2px; margin-top: 5px;}
input.type1:focus{
  -webkit-box-shadow:0 0 5px #9ed4ff;
  -moz-box-shadow:0 0 5px #9ed4ff;
  box-shadow:0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}


input[type=text].type1[readonly], input[type=password].type1[readonly], select.type1:disabled{background-color:#eeeeee; color: #717171 !important;}
input[type=text].type1[readonly]:focus, input[type=password].type1[readonly]:focus{
    -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none; border:1px solid #d2d2d2 !important;}


input.type1[type="checkbox"] {display:none;}
input.type1[type="checkbox"] + label { cursor: pointer; margin-bottom: 0 !important;}
table input.type1[type="checkbox"] + label{position: relative; left: 2px;}
input.type1[type="checkbox"] + label span {display:inline-block; width:17px; height:16px; margin-right: 3px;background:url(../images/sub/checkbox_off.png) no-repeat center 0; vertical-align:middle; cursor:pointer;}
input.type1[type="checkbox"]:checked + label span {background:url(../images/sub/checkbox_on.png) no-repeat center 0;}

span.type1 input[type="checkbox"] {display:none;}
span.type1 input[type="checkbox"] + label { cursor: pointer; margin-bottom: 0 !important;}
span.type1 input[type="checkbox"] + label::before{display:inline-block; width:17px; height:16px; margin-right: 3px;background:url(../images/sub/checkbox_off.png) no-repeat center 0; vertical-align:middle; cursor:pointer; content: "";}
span.type1 input[type="checkbox"]:checked + label::before{background:url(../images/sub/checkbox_on.png) no-repeat center 0;}

input.type1[type="radio"] {display:none;}
input.type1[type="radio"] + label { cursor: pointer; margin-bottom: 0 !important;}
input.type1[type="radio"] + label span {display:inline-block; width:17px; height:16px; margin-right: 0px;background:url(../images/sub/radio_off.png) no-repeat center 0; vertical-align:middle; cursor:pointer;}
input.type1[type="radio"]:checked + label span {background:url(../images/sub/radio_on.png) no-repeat center 0;}\\

span.type1 input[type="radio"]{}
span.type1 input[type="radio"] {display:none;}
span.type1 input[type="radio"] + label { cursor: pointer; margin-bottom: 0 !important; margin-right: 10px !important;}
span.type1 input[type="radio"] + label::before {content: "";display:inline-block; width:17px; height:16px; margin-right: 0px;background:url(../images/sub/radio_off.png) no-repeat center 0; vertical-align:middle; cursor:pointer;}
span.type1 input[type="radio"]:checked + label::before {background:url(../images/sub/radio_on.png) no-repeat center 0;}

input[type="file"]{width: 100% !important;}

/*type2*/
table.type2 { width: 100%; background: white; border: 1px solid #d2d2d2;}
table.type2 th, table.type2 td {border-bottom: 1px solid #d2d2d2; box-sizing: border-box;  padding: 7px 13px; height: 45px; border-right: 1px solid #d2d2d2;}
table.type2 th {background: #6c757d; color: white; font-weight: normal; line-height: 1.2;}


/*버튼스타일*/
.file_type1 input{position: absolute; z-index: 999; display: block; max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; padding-left: 12px; line-height: 20px;}
.file_type1 input::-ms-brower{position: absolute; z-index: 999; display: block; max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; padding-left: 12px; line-height: 20px;}
.file_type1 input::-ms-value{}
.file_type1 label{display: block; width: 75px; height: 30px; line-height: 30px; text-align: center; position: relative; background: #4c4c4c; border: 1px solid #222; color: white; border-radius: 3px; z-index: 999; font-size: 12px; cursor: pointer;}
.file_type1 label:hover{background: #2c2c2c; border: 1px solid #000;}


/**************부트스트랩 스타일 변경***************/
p{margin-bottom: 0 !important;}
dl, ol, ul{margin-bottom: 0 !important;}
dl dt, dl dd{margin-bottom: 0 !important;}
caption{position: absolute; text-indent: -9999px; z-index: -1;}
.row{margin-left: 0 !important; margin-right: 0 !important; margin-bottom:2%;}
.page-link{padding: 0 !important; width: 30px !important; height: 36px !important; line-height: 37px !important; font-size: 12px; text-align: center;}
.page-link span{font-size: 18px; line-height: 1 !important;}