@charset "utf-8";

/* font */
/* NotoSansKR */
@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:300; 
    src:url('../fonts/NotoSansKR-Light.eot'); 
    src:local("?"),
         url('../fonts/NotoSansKR-Light.woff') format('woff'),
         url('../fonts/NotoSansKR-Light.otf') format('opentype'); 
}

@font-face {
    font-family:'SpoqaHanSansNeo'; 
    font-style:normal; 
    font-weight:300; 
    src:url('../fonts/SpoqaHanSansNeo-Light.eot'); 
    src:local("?"),
         url('../fonts/SpoqaHanSansNeo-Light.woff') format('woff'),
         url('../fonts/SpoqaHanSansNeo-Light.otf') format('opentype');
}

@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:400; 
    src:url('../fonts/NotoSansKR-Regular.eot'); 
    src:local("?"),
         url('../fonts/NotoSansKR-Regular.woff') format('woff'),
         url('../fonts/NotoSansKR-Regular.otf') format('opentype'); 
}


@font-face {
    font-family:'SpoqaHanSansNeo'; 
    font-style:normal; 
    font-weight:400; 
    src:url('../fonts/SpoqaHanSansNeo-Regular.eot'); 
    src:local("?"),
         url('../fonts/SpoqaHanSansNeo-Regular.woff') format('woff'),
         url('../fonts/SpoqaHanSansNeo-Regular.otf') format('opentype');
}

@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:500; 
    src:url('../fonts/NotoSansKR-Medium.eot'); 
    src:local("?"),
         url('../fonts/NotoSansKR-Medium.woff') format('woff'),
         url('../fonts/NotoSansKR-Medium.otf') format('opentype'); 
}

@font-face {
    font-family:'SpoqaHanSansNeo'; 
    font-style:normal; 
    font-weight:500; 
    src:url('../fonts/SpoqaHanSansNeo-Medium.eot'); 
    src:local("?"),
         url('../fonts/SpoqaHanSansNeo-Medium.woff') format('woff'),
         url('../fonts/SpoqaHanSansNeo-Medium.otf') format('opentype');
}

@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:600; 
    src:url('../fonts/NotoSansKR-Bold.eot'); 
    src:local("?"),
         url('../fonts/NotoSansKR-Bold.woff') format('woff'),
         url('../fonts/NotoSansKR-Bold.otf') format('opentype'); 
}

@font-face {
    font-family:'SpoqaHanSansNeo'; 
    font-style:normal; 
    font-weight:600; 
    src:url('../fonts/SpoqaHanSansNeo-Bold.eot'); 
    src:local("?"),
         url('../fonts/SpoqaHanSansNeo-Bold.woff') format('woff'),
         url('../fonts/SpoqaHanSansNeo-Bold.otf') format('opentype');
}

@font-face {
    font-family:'NotoSansKR'; 
    font-style:normal; 
    font-weight:700; 
    src:url('../fonts/NotoSansKR-Black.eot'); 
    src:local("?"),
         url('../fonts/NotoSansKR-Black.woff') format('woff'),
         url('../fonts/NotoSansKR-Black.otf') format('opentype'); 
}


html, body {margin:0;padding:0}
body {
  background: #fff;
  color: #414042;
  font-size: 16px;
  letter-spacing: 0;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td, button {
  margin: 0;
  padding: 0;
  font-family: "NotoSansKR", "Apple SD Gothic Neo", "Malgun Gothic", "BaseLine", Tahoma, Dotum, sans-serif;
  color: #222;
}

section, nav, article, aside, hgroup, header, footer {
  display: block;
}

form, fieldset, img {
  border: 0 none;
}

table {
  border-spacing: 0;
  border: 0;
}

*,
*::before,
*::after {box-sizing: border-box;}


span,button,input   {margin:0;padding:0;border:0 none; outline:none;}
ol, ul, li, dl, dt, dd  {list-style:none;}
table {width:100%; border-spacing:0px; border:0;table-layout:fixed;}
fieldset, img {border: none;}
a,img,input,select  {vertical-align:middle;}
caption, legend {display:none}
em,address,i{font-style:normal}
.skip, .hide, .sr-only {position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;}

button  {border:0 none; padding:0; margin:0; background:transparent; cursor:pointer; *overflow:visible; vertical-align:middle; }
button::-moz-focus-inner {
    padding:0;
    border:0;
}
table, th, td   {word-break:break-all;}
table {border-collapse:collapse;border-spacing:0;border:0 none;}
caption {display:none;}

form {margin:0;}
fieldset    {border:0 none;padding:0;margin:0;}
legend  {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

button, input, select, textarea {font-size:inherit;color:inherit;margin:0;vertical-align:middle;}
button, input {line-height:normal;}
button, select {text-transform:none;}
button, html input[type="button"],
input[type="reset"], input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer;
    *overflow:visible;  /* IE 7에서 텍스트 입력에 영향을 주지 않고 내부 간격을 제거하는 핵 */
}
button[disabled], html input[disabled] {cursor:default;}
button[disabled] {background: #BBBEC7}

input[type="search"] {
    -webkit-appearance: textfield; /* 사파리 5와 크롬에서 텍스트 입력이 가능하게 설정 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; /* 콘텐츠 영역만큼의 크기만 설정하도록 content-box 설정 */
    box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}/* 맥의 OS X기반의 사파리 5와 크롬의 내부 패딩과 검색 취소 버튼을 제거 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow:auto;
    vertical-align:top;
    resize:none;
}

input[type="tel"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="checkbox"]:focus, input[type="search"]:focus,
input[type="number"]:focus, input[type="password"]:focus {
  border-color: rgba(255, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset, 0 0 3px rgba(255, 0, 0, 1);
  outline: 0 none;
}

/* html5  reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]) {display:none;height:0;}
abbr[title] {border-bottom:1px dotted;}
blockquote {margin:0;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark {background: #ff0;color: #000;}
p, pre {margin:0;}
code, kbd, pre, samp {font-family:monospace, serif;_font-family:'courier new',monospace;font-size:1em;}
pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:'';content:none;}
small {font-size:80%;}
sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow:hidden;}/* IE 9에서 svg 요소가 영역의 크기를 벗어나지 않도록 설정 */
figure {margin:0;}

.behind { position: absolute; overflow: hidden; clip: rect(0,0,0,0); border: 0; width: 1px; height: 1px; padding: 0; margin: -1px; text-indent: -10000px; }

/* align - 정렬*/
.fLeft {float:left !important}
.fRight {float:right !important}
.tCenter {text-align:center !important}
.tLeft {text-align:left !important}
.tRight {text-align:right !important}
.clr {clear:both}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.flex {display:flex !important;}
.blind {display:inline-block;text-indent:-9999px;}

/* point color */
.red    {color:#FF0000 !important;}
.blue   {color:#3A85E6 !important;}
.sky    {color:#27aae1 !important;}
.black  {color:#333 !important;}
.gray   {color:#888 !important;}
.green {color:#5e9062 !important;}
.green_right {color:#bed730 !important;}
.blue_right {color:#3590d2 !important;}

/* bg */
.bg_red {background-color:#db2929 !important;}
.bg_blue {background-color:#005FF0 !important;}
.bg_blue02 {background-color:#437DEA !important;}
.bg_sky {background-color:#27aae1 !important;}
.bg_black {background-color:#333 !important;}
.bg_gray {background-color:#888 !important;}
.bg_gray02 {background-color:#666 !important;}
.bg_gray03 {background-color:#959FAE !important;}
.bg_dark {background-color:#2A334A !important;}
.bg_green {background-color:#0C9621 !important;}
.bg_none {background:none !important;}

.f13    {font-size:13px !important;}
.f14  {font-size:14px !important;}
.f15  {font-size:15px !important;}


.data_none {text-align:center;padding:50px 0;}
/* 두께 */
.semi-bold {font-weight:500;}
.bold {font-weight:600;}

.top_border {border-top:2px solid #666;}
.top_border01 {border-top:1px solid #666;}

.position-right {position:absolute;right:20px;top:20px;}
.bd_none {border:none !important;}
.tb_none {border-top:none !important;}
.bb_none {border-bottom:none !important;}
.h50 {height:50px !important;}
/* 가로 길이 */
.wid10 {width:10% !important;}
.wid20 {width:20% !important;}
.wid25 {width:25% !important;}
.wid30 {width:30% !important;}
.wid33 {width:33.3333% !important;}
.wid35 {width:35% !important;}
.wid40 {width:40% !important;}
.wid50 {width:50% !important;}
.wid60 {width:60% !important;}
.wid65 {width:65% !important;}
.wid70 {width:70% !important;}
.wid80 {width:80% !important;}
.wid90 {width:90% !important;}
.wid100 {width:100% !important;}

.mt-5 {margin-top: -5px !important}
.mt-10 {margin-top: -10px !important}
.mt-15 {margin-top: -15px !important}
.mt-20 {margin-top: -20px !important}
.mt-30 {margin-top: -30px !important}
.mt-40 {margin-top: -40px !important}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;} 
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;} 
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;} 
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;} 
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:10px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;} 
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;} 
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;} 
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

.m0 {margin:0px !important;}
.m5 {margin:5px !important;}
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m25 {margin:25px}
.m30 {margin:30px !important;} 
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}
.m60 {margin:60px !important;}
.m70 {margin:70px !important;} 
.m80 {margin:80px !important;}
.m90 {margin:90px !important;}
.m100 {margin:100px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;} 
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;} 
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;} 
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;} 
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;} 
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pr60 {padding-right:60px !important;}
.pr70 {padding-right:70px !important;} 
.pr80 {padding-right:80px !important;}
.pr90 {padding-right:90px !important;}
.pr100 {padding-right:100px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;} 
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl60 {padding-left:60px !important;}
.pl70 {padding-left:70px !important;} 
.pl80 {padding-left:80px !important;}
.pl90 {padding-left:90px !important;}
.pl100 {padding-left:100px !important;}

.pd0 {padding:0px !important;}
.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;} 
.pd40 {padding:40px !important;}
.pd50 {padding:50px !important;}
.pd60 {padding:60px !important;}
.pd70 {padding:70px !important;} 
.pd80 {padding:80px !important;}
.pd90 {padding:90px !important;}
.pd100 {padding:100px !important;}


.hind {display:none;}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {border-top-right-radius:0;border-bottom-right-radius:0;}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;width: 1%;margin-bottom: 0;}

a   {font-family:"NotoSansKR",sans-serif;color:inherit;text-decoration:none}
a:link,
a:visited,
a:hover,
a:active {text-decoration:none}

img {border:0;}
h1,h2,h3,h4,h5,h6,b,strong  {font-weight:600;}
label {cursor: pointer;}



/* The Close Button */
.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%
}

input[type="checkbox"]:focus {
  
  outline-color : #0078a5;
  outline-style: solid;
  outline-width : 1px;
  
}

a {cursor: pointer;}
a:focus-visible {outline: auto;}

.f16  {font-size:16px !important;}

.ag41 {
	display: block;
    padding: 10px 45px 10px;
    background: #F6F6F6;
    overflow-y: auto;
    border-radius: 0 0 5px 5px;
    font-size: 18px;
    margin: 0 10px 10px;
}