@charset "UTF-8";

html {
  height: 100%;
  font-size: 100%; }

body {
  margin: 0;
  padding: 0;
  font: normal .15px 'Nanum Barun Gothic','³ª´®°íµñ', NanumGothic,'¸¼Àº°íµñ',Malgun Gothic,'µ¸¿ò',dotum, sans-serif;
  color: #333;
  min-height: 100%;
  position: relative;
 }

html, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family:'Nanum Barun Gothic','³ª´®°íµñ', NanumGothic,'¸¼Àº°íµñ',Malgun Gothic,'µ¸¿ò',dotum, sans-serif;display:block;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Nanum Barun Gothic','³ª´®°íµñ', NanumGothic,'¸¼Àº°íµñ',Malgun Gothic,'µ¸¿ò',dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}
a:hover {
  text-decoration: none; }
p {padding:0;margin:0;}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.pd25{padding:25px 0;}

.green{color:#2db400;font-weight:500;}
.green2{color:#00b498;font-weight:600;}
.skyblue{color:#4fb7b3;font-weight:600;}
.blue{color:#006699;font-weight:600;}
.blue2{color:#328ac6;font-weight:600;}
.blue3{color:#4d99be;font-weight:800;}
.blue4{color:#265075;font-weight:800;}
.red{color:#e02f40;font-weight:600;}
.black{color:#333;font-weight:600;}
.up{color:#e72033;font-size:11px;font-weight:400;}
.down{color:#0668ee;font-size:11px;font-weight:400;}
.avr{color:#2db400;font-size:11px;font-weight:400;}
.max{color:#C933EE;font-size:11px;text-transform:uppercase;font-weight:400;}

.gab{height:10px;}
.gab2{height:20px;}
.gab3{height:30px;}
.gab4{height:40px;}
.gab5{height:55px;}
.gab6{padding-top:60px;}
.gab7{height:70px;}
.gab8{height:80px;}

.container {width:1020px;margin:0 auto;}
.container .logo{margin:25px 0px -10px;text-align:center;}
.container h1{font-size:30px;color:#333;font-weight:400;text-align:center;margin-bottom:30px;}


.content-wrapper {width:100%;color:#222;padding: 15px 0;background-color:#f4f5fb;margin-bottom:50px;font-size:18px;display:flex; align-items: center;justify-content: center;}
.content-wrapper h2{font-size:24px;font-weight:normal;margin-bottom:5px;padding:0;}
.content-wrapper input{border:1px solid #ccc;height:30px;border-radius:5px;padding:5px;}



.content-wrapper2 {width:100%;color:#222;padding: 25px 0;background-color:#f4f5fb;margin-bottom:50px;font-size:18px;}
.content-wrapper2 h2{font-size:24px;font-weight:normal;margin-bottom:5px;padding:0;}
.content-wrapper2 h3{font-size:18px;font-weight:normal;margin:0;padding:0;}
.content-wrapper2 .stit{text-align:right;height:20px;margin-bottom:25px;font-size:16px;}

a.btn_naver,.btn_naver {display:inline-block;color:#fff;text-decoration:none;vertical-align:middle;border:0;background-color:#2db400;border:1px solid #207404;border-radius:3px;padding:3px 20px;font-size:15px;}
.btn_naver:hover, .btn_naver:hover {color:#eef613}

.widjet_blog{width:500px;}
.widjet_blog .title{border-top:1px solid #bec8d3;border-bottom:1px solid #bec8d3;padding:20px 0;display:flex; align-items: center;justify-content: center;width:500px;margin:25px 0;}
.widjet_blog .title img{width:40px;border-radius:100px;}
.widjet_blog .title .info{font-size:17px;font-weight:bold;margin-left:15px;letter-spacing:-0.02em;}
.widjet_blog .title .info span{font-size:12px;font-weight:normal;letter-spacing:-0.02em;color:#888;display:block;padding-top:3px;}
.widjet_blog .banner{padding:20px 0;display:flex;margin:25px 0;margin:0;flex-wrap: wrap;}
/* ºí·Î±×ÁÖ¼Ò À§¾Æ·¡ ÈòÁÙ ¿©¹é ³Êºñ padding:0 3px;*/
.widjet_blog .banner .conts{background:url(../images/blog_bg2.png)no-repeat;height:301px;width:168px;text-align:center;padding:0 3px;}
.widjet_blog .banner .conts .urs{text-align:center;font-size:10px;border-top:1px solid #84a8dc;border-bottom:1px solid #84a8dc;color:#fff;font-weight:700;letter-spacing:-0.01em;padding:2px 0 1px 0px;}
.widjet_blog .banner .conts .allt{color:#333;font-size:11px;font-weight:500;letter-spacing:-0.05em;margin-bottom:0;padding-bottom:0;height:17px;}
.widjet_blog .banner .conts .allc{color:#328ac6;font-size:19px;font-weight:600;letter-spacing:-0.03em;height:27px;}
.widjet_blog .banner .conts .alla{color:#333;font-size:10px;font-weight:500;letter-spacing:-0.05em;height:17px;}
.widjet_blog .banner .conts .allu{color:#fff;font-size:12px;font-weight:400;letter-spacing:-0.03em;}
.widjet_blog .banner .conts .allu span{color:#ffff33;}
.widjet_blog .text{padding:20px 0;display:flex;margin:25px 0;flex-direction: column;justify-content: center;}
.widjet_blog .text .icon_01{background:url(../images/icon_01.png)no-repeat left center;height:80px;padding-top:15px;padding-left:55px;color:#000;font-size:30px;font-weight:600;}
.widjet_blog .text .icon_01 p{color:#6c6c6d;font-size:14px;font-weight:400;}
.widjet_blog .text .icon_01 .up{color:#e72033;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_01 .down{color:#0668ee;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_01 .avr{color:#2db400;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_02{background:url(../images/icon_02.png)no-repeat 5px center;height:80px;padding-top:15px;padding-left:55px;color:#000;font-size:30px;font-weight:600;}
.widjet_blog .text .icon_02 p{color:#6c6c6d;font-size:14px;font-weight:400;}
.widjet_blog .text .icon_02 .up{color:#e72033;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_02 .down{color:#0668ee;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_03 .avr{color:#2db400;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_03{background:url(../images/icon_03.png)no-repeat 2px center;height:80px;padding-top:15px;padding-left:55px;color:#000;font-size:30px;font-weight:600;}
.widjet_blog .text .icon_03 p{color:#6c6c6d;font-size:14px;font-weight:400;}
.widjet_blog .text .icon_03 .up{color:#e72033;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_03 .down{color:#0668ee;font-size:11px;font-weight:400;}
.widjet_blog .text .icon_03 .avr{color:#2db400;font-size:11px;font-weight:400;}

.ps{color:#4f4d4d;font-size:12px;letter-spacing:-0.02em;font-weight:400;margin-top:10px;}
.ads{padding:25px 130px}
.ads2{padding:25px 80px 25px 130px;}
.p{display:block;}

@media (max-width: 768px) {
.content-wrapper {font-size:16px; } 
.ads{padding:25px 15px}
.ads2{padding:25px 15px}	
.widjet_blog{width:100%;}	
.widjet_blog .title{width:100%;}

.content-wrapper input{width:85px;}
a.btn_naver,.btn_naver {padding:3px 15px;}
}

@media (max-width: 1000px) {
.ads2{padding:25px 25px}
.tbl_type2 table {width:120% !important;}
}



.chart-height {
  position: relative;
  height: 250px; }




.apexcharts-radialbar-track path {
  stroke: #e9eaf1; }


.tbl_type1 table {width:100%;border-top:2px solid #328ac6;border-collapse:collapse;margin-bottom:50px;}
.tbl_type1 table tr th {font-size:13px; word-wrap: break-word; overflow: hidden; padding:20px 0;letter-spacing:-0.02em;font-family:'Nanum Barun Gothic','³ª´®°íµñ', NanumGothic,'¸¼Àº°íµñ',Malgun Gothic,'µ¸¿ò',dotum;font-weight:400;text-align:center;color:#333;border-bottom:2px solid #e0e3ec;}
.tbl_type1 table tr td {word-wrap: break-word; overflow: hidden;padding:15px 0;text-align:center;border-bottom:1px solid #e0e3ec;font-weight:300;font-size:13px;color:#222;}
.tbl_type1 table tr td a{text-decoration: none;color:#333;font-weight:300;}
.tbl_type1 table tr td .tb{font-weight:500;font-size:18px;}
.tbl_type1 table tr td.tc{text-align:left;padding-left:120px;word-wrap: break-word;word-break:break-all; overflow: hidden;font-size:15px;}
.tbl_type1 table tr td.tc a:hover   { text-decoration:underline; color:#333 }
.tbl_type1 table tr td span{color:#df4759;font-weight:400;font-size:16px;}


.tbl_type2 table {width:100%;border-collapse:collapse;margin-bottom:30px;}
.tbl_type2 table tr th {font-size:15px; word-wrap: break-word; overflow: hidden; padding:15px 0;letter-spacing:-0.02em;font-family:'Nanum Barun Gothic','³ª´®°íµñ', NanumGothic,'¸¼Àº°íµñ',Malgun Gothic,'µ¸¿ò',dotum;font-weight:400;text-align:left;color:#4e4d4d;border-bottom:1px solid #c6d0db;}
.tbl_type2 table tr td {word-wrap: break-word; overflow: hidden;padding:8px 0;text-align:center;border-bottom:1px solid #c6d0db;font-weight:500;font-size:16px;color:#222;}
.tbl_type2 table tr td .tb{font-weight:500;font-size:18px;}
.tbl_type2 table tr td span{color:#df4759;font-weight:400;font-size:16px;}



 .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
 
 
 @media (min-width:576px){.container{max-width:540px}}
 @media (min-width:768px){.container{max-width:720px}}
 @media (min-width:992px){.container{max-width:960px}}
 @media (min-width:1200px){.container{max-width:1020px}}

 .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}

 @media (max-width:1000px){
.tbl_type1 table tr td.tc{text-align:left;padding-left:5px;font-size:12px;}
}

@media (max-width:768px){
.col-lg-6{width:100% !important;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.col-lg-5{width:100% !important;padding-top:10px;center;}
.col-lg-7{width:100% !important;display:flex;align-items: center;justify-content: center;margin-bottom:-80px;}
.brate{width:100% !important;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.container h1{font-size:25px;color:#333;font-weight:400;text-align:center;margin-bottom:30px;}
.container h2{font-size:30px;color:#333;font-weight:800;text-align:center;margin-bottom:30px;}
.tbl_type1 table tr td.tc{text-align:left;padding-left:5px;font-size:12px;}
.tbl_type1 table tr td span{color:#df4759;font-weight:400;}
.tbl_type1 table tr td .tb{font-weight:500;font-size:11px;}
.tbl_type2 table {width:100% !important;}
.bottom_rate{text-align:center;margin-left:0 !important;}
.content-wrapper2 h2{font-size:24px;font-weight:normal;margin-bottom:5px;padding:0;}
.widjet_blog h2{font-size:24px;font-weight:normal;margin-bottom:5px;padding:0;}

}
 
.col-lg-6{width:50%;}
.col-lg-5{width:40%;padding-top:80px;}
.col-lg-7{width:55%;}
.brate{width:100%;display:flex;}
.bottom_rate{margin-top:-40px;margin-left:75px;margin-bottom:40px;font-size:24px;}
.small{font-size:11px;}
.license{display:flex;align-items: center;justify-content: center;}
.license .text{font-size:13px;color:#555;font-weight:300;margin-left:15px;letter-spacing:-0.02em;} 
.content-wrapper input{border:1px solid #ccc;height:30px;width:120px;border-radius:5px;padding:5px;}