@charset "UTF-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css");


/* base */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, form, fieldset, pre, figure, blockquote, input, button, textarea {padding:0px; margin:0px; font-weight:inherit; font-style:inherit;}
html                  {overflow-y:scroll; background:#FFFFFF; font-size:13px;}
body {color:#121b24; font-family:'Noto Sans KR', "맑은 고딕", Malgun Gothic, "돋움", Dotum, Helvetica, AppleGothic, Sans-serif; position:relative; -webkit-font-smoothing: antialiased; text-rendering:optimizeLegibility; -moz-osx-font-smoothing:grayscale; font-smoothing:antialiased;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display:block;}
ul,ol,li                    {list-style:none;}
img,fieldset,iframe   {border:0 none;}
caption,legend        {overflow:hidden;font-size:0;line-height:0;}
em,address             {font-style:normal;}
s                      {text-decoration:none;}
a                      {text-decoration:none; color:#4d4d4d;}
a:hover,a:active   {outline:0;}
a:hover,a:focus    {text-decoration:none;}
body,div,textarea,iframe{scrollbar-3dlight-color:#FFFFFF;scrollbar-arrow-color:#919191;scrollbar-track-color:#F4F4F4;scrollbar-darkshadow-color:#FFFFFF;scrollbar-face-color:#FFFFFF;scrollbar-highlight-color:#CDCDCD;scrollbar-shadow-color:#C8C8C8;}
h1,h2,h3,h4,h5,h6     {font-size:100%;}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  /* box-sizing:border-box; */
}

/*button,input,select,textarea{font-size:13px;vertical-align:middle;}*/

th {font-weight:normal;}
:root textarea{ border:1px solid #bbb; }

input[type='text']      {color:#4d4d4d; border:1px solid #bbb; height:30px; font-size:13px;}
input[type='password']  {padding:1px; color:#4d4d4d; border:1px solid #bbb;}

:root input[type='text']{vertical-align: top; border-radius: 3px; padding-left:5px; line-height:30px; border:1px solid #bbb;}
:root input[type='password']{height:30px; line-height:30px;vertical-align: top; border-radius: 3px; padding-left:5px;}

input[type='button'],input[type='submit'],button{cursor:pointer; border:0px solid ;  padding-left:5px; padding-right:5px; background-color:#1d489e; height:30px; color:white; font-weight:normal; border-radius:2px; padding-left:5px; padding-right:5px; font-family: inherit;}
input[type='file']{cursor:pointer;background-color:#FFFFFF; height:30px;}
/*input[type='radio'],input[type='checkbox']{margin:1px 2px 0 0;vertical-align:top;*width:13px;*height:13px;*vertical-align:2px;}*/
button::-moz-focus-inner{margin:-1px;padding:0;}

select {line-height:28px; min-width:80px; min-height:30px; padding-left:5px; padding-right:40px; border:1px solid #bbb;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url(/images/icon/select_btn.png) no-repeat right 50%; vertical-align: top; color:#262626;   border-radius: 3px; font-size:13px;}

select::-ms-expand { display: none; }

/* modal right padding path */
body.modal-open { overflow: auto; }
body.modal-open[style] { padding-right: 0px !important; }



.clear {clear:both;}
.hidden {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
.skip   {position:absolute; overflow:hidden; height:0px; width:0px; font-size:0px; visibility:hidden;}
/* common */
.W10  {width:10px;}
.W20  {width:20px;}
.W30  {width:30px;}
.W40  {width:40px;}
.W50  {width:50px;}
.W55  {width:55px;}
.W60  {width:60px;}
.W65  {width:65px;}
.W70  {width:70px;}
.W80  {width:80px;}
.W82  {width:82px;}
.W84  {width:84px;}
.W90  {width:90px;}
.W92  {width:92px;}
.W100 {width:100px;}
.W120 {width:120px;}
.W130 {width:130px;}
.W150 {width:150px;}
.W160 {width:160px;}
.W180 {width:180px;}
.W200 {width:200px;}
.W247 {width:247px;}
.W250 {width:250px;}
.W280 {width:280px;}
.W300 {width:300px;}
.W320 {width:320px;}
.W800 {width:800px;}

.W4P {width:4%;}
.W5P {width:5%;}
.W6P {width:6%;}
.W7P {width:7%;}
.W8P {width:8%;}
.W9P {width:9%;}
.W10P {width:10%;}
.W11P {width:11%;}
.W12P {width:12%;}
.W14P {width:14%;}
.W15P {width:15%;}
.W16P {width:16%;}
.W17P {width:17%;}
.W18P {width:18%;}
.W19P {width:19%;}
.W20P {width:20%;}
.W22P {width:22%;}
.W23P {width:23%;}
.W25P {width:25%;}
.W29P {width:29%;}
.W30P {width:30%;}
.W31P {width:31%;}
.W35P {width:35%;}
.W36P {width:36%;}
.W40P {width:40%;}
.W45P {width:45%;}
.W48P {width:48%;}
.W50P {width:50%;}
.W54P {width:54%;}
.W60P {width:60%;}
.W70P {width:70%;}
.W80P {width:80%;}
.W85P {width:85%;}
.W90P {width:90%;}
.W92P {width:92%;}
.W95P {width:95%;}
.W96P {width:96%;}
.W99P {width:99%;}
.W100P {width:100%;}
.W100P2 {width:calc(100% - 24px);}

.H10   {height:10px;}
.H18   {height:18px;}
.H20   {height:20px;}
.H25   {height:25px;}
.H30   {height:30px;}
.H35   {height:35px;}
.H40   {height:40px;}
.H50   {height:50px;}
.H60   {height:60px;}
.H80   {height:80px;}
.H100   {height:100px;}
.H120   {height:120px;}
.H190   {height:190px;}
.H200   {height:200px;}
.H250   {height:250px;}
.H280   {height:280px;}
.H300   {height:300px;}
.H330   {height:330px;}
.H350   {height:350px;}
.H400   {height:400px;}
.H500   {height:500px;}
.H600   {height:600px;}


.LH20   {line-height:20px;}
.LH25   {line-height:25px;}
.LH30   {line-height:30px;}
.LH40   {line-height:40px;}
.LH50   {line-height:50px;}
.LH100   {line-height:100px;}

.TAC {text-align:center;}
.TAL {text-align:left;}
.TAR {text-align:right;}
.PAYTAR {text-align:right; padding-right:2px;}

.PD5 {padding:5px;}
.PD10 {padding:10px;}
.PD20 {padding:20px;}
.PD30 {padding:30px;}

.PDT5 {padding-top:5px;}
.PDT10 {padding-top:10px;}
.PDT20 {padding-top:20px;}
.PDT50 {padding-top:50px;}
.PDT60 {padding-top:60px;}

.PDB5 {padding-bottom:5px;}
.PDB10 {padding-bottom:10px;}

.PDL10 {padding-left:10px;}
.PDL20 {padding-left:20px;}

.PDR5 {padding-right:5px;}
.PDR10 {padding-right:10px;}
.PDR20 {padding-right:20px;}

.MG10 {margin:10px;}

.MGT5 {margin-top:5px;}
.MGT1 {margin-top:1px;}
.MGT2 {margin-top:2px;}
.MGT8 {margin-top:8px;}
.MGT10 {margin-top:10px;}
.MGT14 {margin-top:14px;}
.MGT20 {margin-top:20px;}
.MGT30 {margin-top:30px;}
.MGT40 {margin-top:40px;}
.MGT50 {margin-top:50px;}
.MGT60 {margin-top:60px;}
.MGT100 {margin-top:100px;}

.MGB8  {margin-bottom:8px;}
.MGB5  {margin-bottom:5px;}
.MGB10 {margin-bottom:10px;}
.MGB14 {margin-bottom:14px;}
.MGB20 {margin-bottom:20px;}
.MGB40 {margin-bottom:40px;}

.MGL10 {margin-left:10px;}
.MGL18 {margin-left:18px;}
.MGL21 {margin-left:21px;}
.MGL30 {margin-left:30px;}
.MGL100 {margin-left:100px;}
.MGL200 {margin-left:200px;}
.MGL250 {margin-left:250px;}
.MGL300 {margin-left:300px;}

.MGR20 {margin-right:10px !important;}
.MGR10 {margin-right:10px;}
.MGR100 {margin-right:100px;}
.MGR200 {margin-right:200px;}

.FLTL {float:left;}
.FLTC {margin:0 auto;}
.FLTR {float:right;}

.FWB  {font-weight:bold;}
.BD1  {border:solid 1px #A3A2A2;}

.DSIB {display:inline-block;}
.DSBL {display:block;}
.CBGT  {background-color:#F7F7F7;}
.CBGD  {background-color:#FFFFFF;}

.input          {border:solid 1px #A3A2A2;background-color:#FFFFFF;  padding:2px;}
.input_noborder {border:0px;background-color:#FFFFFF;height:20px;line-height:20px;font-weight:bold;}
.ta             {border:solid 1px #A2A2A2;line-height:165%;}
.textH20        {line-height:20px;}
.textH18        {line-height:18px;}
.text           {line-height:20px;}
.imground       {border:solid 1px #E1E1E1;}

.FTS12			{font-size:12px;}
.FTS14			{font-size:14px;}
.FTS16			{font-size:16px;}
.FTS20			{font-size:20px;}
.FTS24			{font-size:24px;}

.FTCJB			{font-weight:bold;color:#F26522;}

.BCRO { background-color: #F2F2F2; }

.TDFB			{font-weight:bold;text-align:center;background-color:#F7F7F7;letter-spacing: -1px;}
.TDFL			{text-align:left;}
.TDFR			{text-align:right;}
.TDFC			{text-align:center;}

.BOXLINE {border:1px solid #E5E5E5; background:#F7F7F7; text-align:center; padding:10px; border-radius:5px;}
.BTNLINE   {width:100%; text-align:center; margin-top:20px; display:inline-block;}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.animate__animated.animate__delay-0-5s{ -webkit-animation-delay:0.5s; animation-delay:0.5s; -webkit-animation-delay:calc(var(--animate-delay) * 0.5); animation-delay:calc(var(--animate-delay) * 0.5);}
.animate__animated.animate__delay-1-5s{ -webkit-animation-delay:1.5s; animation-delay:1.5s; -webkit-animation-delay:calc(var(--animate-delay) * 1.5); animation-delay:calc(var(--animate-delay) * 1.5);}
.animate__animated.animate__delay-2-5s{ -webkit-animation-delay:2.5s; animation-delay:2.5s; -webkit-animation-delay:calc(var(--animate-delay) * 2.5); animation-delay:calc(var(--animate-delay) * 2.5);}
.animate__animated.animate__delay-3-5s{ -webkit-animation-delay:3.5s; animation-delay:3.5s; -webkit-animation-delay:calc(var(--animate-delay) * 3.5); animation-delay:calc(var(--animate-delay) * 3.5);}
.animate__animated.animate__delay-4-5s{ -webkit-animation-delay:4.5s; animation-delay:4.5s; -webkit-animation-delay:calc(var(--animate-delay) * 4.5); animation-delay:calc(var(--animate-delay) * 4.5);}
.animate__animated.animate__delay-5-5s{ -webkit-animation-delay:5.5s; animation-delay:5.5s; -webkit-animation-delay:calc(var(--animate-delay) * 5.5); animation-delay:calc(var(--animate-delay) * 5.5);}