@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:100,200,300,400,600,700');
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

::selection{background:#42B4EC;color:#222}
::-webkit-scrollbar {display:none;}

html, body{min-height: 100% !important; height: 100% !important;}

/* common */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,table,th,td,legend,label{margin:0;padding:0;border:0;font-size:15px; letter-spacing:-.06em; font-family:'Noto Sans Korean', sans-serif}
input,textarea,select{margin:0;padding:0;  font-family:'Noto Sans Korean', sans-serif}

a{text-decoration:none}

body{line-height:120%;color:#776f67;letter-spacing:0;-webkit-text-size-adjust:none; overflow-x: hidden; overflow-y: auto;}
.clear{display:none !important}
.clearBg{background:none !important}
.txtdown{word-break:break-all}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
fieldset,img,abbr,acronym,label{border:0 none}
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
blockquote:before,blockquote:after,q:before,q:after{content:''}
ol,ul,dl{list-style:none}
hr{display:none}
fieldset{border:0}
label,select,input,textarea{vertical-align:middle}
img{vertical-align:top}
.hand{cursor:pointer}
.txtCut{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txt_cut1,.txt_cut2,.txt_cut3,.txt_cut4,.txt_cut5{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word}
.txt_cut1{-webkit-line-clamp:1/* 라인수 */}
.txt_cut2{-webkit-line-clamp:2/* 라인수 */}
.txt_cut3{-webkit-line-clamp:3/* 라인수 */}
.txt_cut4{-webkit-line-clamp:4/* 라인수 */}
.txt_cut5{-webkit-line-clamp:5/* 라인수 */}
.txtCut2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;/* 라인수 */-webkit-box-orient:vertical;word-wrap:break-word}
/*************************************************************/

.graph_wrap{width: 1400px; margin: 0 auto; position: relative;}
.graph_wrap .noName{display: inline-block; position: relative; margin-bottom: 30px;}
.graph_wrap .noName > div{border: 1px solid #ccc; border-radius: 5px; float: left; margin: 0 10px;}
.graph_wrap .noName > div.type1{width: 1378px; position:relative;}
.graph_wrap .noName > div.type2{width: 678px; position:relative;}
.graph_wrap .noName > div.type3{width: 328px; position:relative;}

.graph_wrap .noName > div > h2{text-align:left; font-size: 18px; color: #383838; font-weight: 600; width: 100%; border-bottom: 1px solid #ccc; padding-left: 35px; line-height: 40px; height: 40px;}

.graph_wrap .noName > div > .graphBox{padding: 0 30px; width:100%;}
.graph_wrap .noName.one > div > .graphBox{height: 250px;}

.graph_ctl{display: inline-block; position: absolute; top: 20px; right: 260px;}
.graph_ctl a{display: block; float: left; width: 100px; text-align: center; height: 40px; line-height: 40px; border: 1px solid #f0f0f0; box-shadow: 0 3px 0 rgba(0,0,0,.05); border-left: 0; color: #afb2b2; font-size: 18px;}
.graph_ctl a.on{background-color: #03a6b9; color: #fff; font-weight: 600;}
.graph_ctl a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left: 1px solid #f0f0f0;}
.graph_ctl a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;}