@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family: 'Paperlogy-8ExtraBold';src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');font-weight: 800;font-style: normal;}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, 
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, embed, figure,  
figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0;}
button{border:none;background:none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button, input, select{margin:0; padding:0; border:0; vertical-align:baseline; -webkit-font-smoothing:antialiased; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}


/* HTML5 display-role reset for older browsers */
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
input {-webkit-border-radius: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
audio[controls], canvas, video {display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none; height:0;}
html {-ms-text-size-adjust:none; -webkit-text-size-adjust:none;}
button{font-family:'Pretendard', sans-serif,  "돋움"}
body{background:#fff;line-height:1.2; font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important; color:#222;}
button,textarea {line-height:1.2; font-family: 'Pretendard', sans-serif ,"돋움", Dotum, Helvetica, Verdana, Arial, sans-serif; color:#222;}
h1, h2, h3, h4, h5, h6 {font-family:'Pretendard', sans-serif , "돋움", Dotum, Helvetica, Verdana, Arial, sans-serif !important;}
hr {display:none; height:0; -moz-box-sizing:content-box; box-sizing:content-box;}
a, a:hover, a:focus {text-decoration:none; color:#222; cursor:pointer;}
a:active, a:hover, button:active, button:hover , button:focus {outline:0 none;}
em, address {font-style:normal;}			
acronym, abbr {cursor:help;}
abbr[title] {border-bottom:1px dotted;}
ul, ol {list-style:none; list-style-image:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'' ;content:none;}
img {vertical-align:top; -ms-interpolation-mode:bicubic;}
figure img {display:block;}
html {overflow-y:scroll;}
select{-webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;background:#fff;}

*, :after, :before {-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}
html, body {height: auto;background:#F8F9FA}
body {min-width:320px;}
body img{width:auto;max-width:100%}


.inp::-webkit-input-placeholder {color:#999;}
.inp:-moz-placeholder {color:#999;opacity:1;}
.inp::-moz-placeholder {color:#999;opacity:1;}
.inp:-ms-input-placeholder {color:#999;}
.inp::placeholder {color:#999;opacity: 1;}



/* layout */ 
#header{position:fixed;width:100%;z-index:50;background:#fff;}
#header .header{width:100%;display:flex;align-items:center;padding:12px 30px 12px 15px;border-bottom:1px solid #F2F2F2;}
#header .header h1 a{display:flex;align-items:center;font-size:16px;font-weight:800;margin-right:104px;}
#header .header h1 a img{width:30px;}
#header .header h1 strong{display:inline-block;margin-left:18px;white-space:nowrap}
#header .header .search-bar form{display:flex}
#header .header .search-bar .selectbox{width:165px;margin-right:8px;}
#header .header .search-bar .inp{font-size:15px;border:none;width:100%;height:40px;padding:0;height:40px;line-height:40px;vertical-align:middle;width:400px;border-radius: 5px;padding-left:55px;border: 1px solid #E7EAEE;background: #F8F9FA url('../img/common/ic-search.png') 18px center no-repeat;background-size:24px auto}
#header .header .search-bar .inp::-webkit-input-placeholder {color:#999;}
#header .header .search-bar .inp:-moz-placeholder {color:#999;opacity:1;}
#header .header .search-bar .inp::-moz-placeholder {color:#999;opacity:1;}
#header .header .search-bar .inp:-ms-input-placeholder {color:#999;}
#header .header .search-bar .inp::placeholder {color:#999;opacity: 1;}

#header .header .gnb{display:flex;align-items:center;margin-left:auto;padding-left:20px;;}
#header .header .gnb .mem-info{display:flex;align-items:center;font-size:14px}
#header .header .gnb .mem-info .prf{flex-shrink:0;display:inline-block;background:#F2F4F7 url('../img/common/ic-prf.svg') center center no-repeat;background-size:18px auto;border-radius:100%;width:32px;height:32px;line-height:32px;margin-right:10px;vertical-align:middle}
#header .header .gnb .link-list:before{content:"";display:inline-block;width:1px;height:16px;margin-left:20px;background:#E7EAEE}
#header .header .gnb .link-list{display:flex;align-items:center;margin-bottom:0;margin-left:0}
#header .header .gnb .link-list li{list-style:none;margin-left:20px;line-height:1em}
#header .header .gnb .link-list li a{background:#F2F4F7;display:inline-block;width:32px;height:32px;line-height:30px;border-radius:100%;vertical-align:middle;text-align:center}

#footer{padding:20px 0;font-size:14px;color:#969BA0;text-align:center}

/* 메뉴 스타일(다크) */
#fix-menu{position:fixed;top:65px;left:0;z-index:50;background:#1B2137;border-right:1px solid #F2F2F2;width:60px;overflow:hidden;height:100%;transition : all 0.2s ease;-webkit-transition : all 0.2s ease;padding: 1px 3px 3px 0;}
#fix-menu #nav .nav-scroll{overflow-y:auto;overflow-x:hidden;padding-bottom:0px;}
#fix-menu #nav ul{padding-top:5px;}
#fix-menu #nav ul > li{padding:5px 10px 5px 10px}
#fix-menu #nav ul > li a{display:flex;align-items:center;color:#ffffff;padding:0px 30px 0px 0px;font-size:15px;background:url('../img/common/menu_dark/bg-ar.png') 190px center no-repeat;background-size:20px auto}
#fix-menu #nav ul > li a .txt{display:none;white-space:nowrap;word-break: break-word;}
#fix-menu #nav ul > li.active a{border-radius: 10px;color:#fff;font-weight:700}
#fix-menu #nav ul > li.active .icm{border-radius: 10px;background-color:rgba(142, 202, 255, 0.10);}
#fix-menu .btn-nav{position:fixed;bottom:20px;z-index:60;left:15px;margin-left:auto;width:30px;height:30px;border:1px solid #DFE5EF;border-radius:7px;background:#fff;transition : all 0.2s ease}

#fix-menu ul > li .icm{flex-shrink:0;margin-right:10px;}
#fix-menu.on{width:240px;transition : all 0.3s ease;-webkit-transition : all 0.3s ease;}
#fix-menu.on #nav ul > li a .txt{display:block;}
#fix-menu.on #nav ul > li.active a{border-radius: 10px;background-color:rgba(142, 202, 255, 0.10);}
#fix-menu.on #nav ul > li.active .icm{background-color:transparent}
#fix-menu.on .btn-nav{left:inherit;left:190px;}

#fix-menu #nav .nav-scroll::-webkit-scrollbar-thumb {background:#c8c8c8;}
#fix-menu #nav .nav-scroll::-webkit-scrollbar {height:8px; width:5px;}
#fix-menu #nav .nav-scroll::-webkit-scrollbar-thumb {border-radius: 10px;background:#c8c8c8;opacity:0.5;}
#fix-menu #nav .nav-scroll::-webkit-scrollbar-track {background:#1B2137;border-radius: 10px;}


.icm{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:20px auto}
.icm.icm-menu1{background-image:url('../img/common/menu_dark/icm-menu1.png')}
.icm.icm-menu2{background-image:url('../img/common/menu_dark/icm-menu2.png')}
.icm.icm-menu3{background-image:url('../img/common/menu_dark/icm-menu3.png')}
.icm.icm-menu4{background-image:url('../img/common/menu_dark/icm-menu4.png')}
.icm.icm-menu5{background-image:url('../img/common/menu_dark/icm-menu5.png')}
.icm.icm-menu6{background-image:url('../img/common/menu_dark/icm-menu6.png')}
.icm.icm-menu7{background-image:url('../img/common/menu_dark/icm-menu7.png')}
.icm.icm-menu8{background-image:url('../img/common/menu_dark/icm-menu8.png')}
.icm.icm-menu9{background-image:url('../img/common/menu_dark/icm-menu9.png')}



/* 메뉴 스타일(라이트) 
#fix-menu{position:fixed;left:0;margin-top:1px;z-index:50;background:#FAFAFA;border-right:1px solid #F2F2F2;width:60px;overflow:hidden;height:100%;transition : all 0.2s ease;-webkit-transition : all 0.2s ease;padding: 1px 3px 3px 0;}
#fix-menu #nav .nav-scroll{overflow-y:auto;overflow-x:hidden;padding-bottom:0px;}
#fix-menu #nav ul{padding-top:5px;}
#fix-menu #nav ul > li{padding:5px 10px 5px 10px}
#fix-menu #nav ul > li a{display:flex;align-items:center;color:#666666;padding:0px 30px 0px 0px;font-size:15px;background:url('../img/common/bg-ar.png') 190px center no-repeat;background-size:20px auto}
#fix-menu #nav ul > li a .txt{display:none;white-space:nowrap;word-break: break-word;}
#fix-menu #nav ul > li.active a{border-radius: 10px;color:#333333;font-weight:700}
#fix-menu #nav ul > li.active .icm{border-radius: 10px;background-color:#E5EFF9;}
#fix-menu .btn-nav{position:fixed;bottom:20px;z-index:60;left:15px;margin-left:auto;width:30px;height:30px;border:1px solid #DFE5EF;border-radius:7px;background:#fff;transition : all 0.2s ease}

#fix-menu ul > li .icm{flex-shrink:0;margin-right:10px;}
#fix-menu.on{width:240px;transition : all 0.3s ease;-webkit-transition : all 0.3s ease;}
#fix-menu.on #nav ul > li a .txt{display:block;}
#fix-menu.on #nav ul > li.active a{border-radius: 10px;background-color: #E5EFF9;}
#fix-menu.on #nav ul > li.active .icm{background-color:transparent}
#fix-menu.on .btn-nav{left:inherit;left:190px;}

.icm{display:inline-block;width:40px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:20px auto}
.icm.icm-menu1{background-image:url('../img/common/icm-menu1.png')}
.icm.icm-menu2{background-image:url('../img/common/icm-menu2.png')}
.icm.icm-menu3{background-image:url('../img/common/icm-menu3.png')}
.icm.icm-menu4{background-image:url('../img/common/icm-menu4.png')}
.icm.icm-menu5{background-image:url('../img/common/icm-menu5.png')}
.icm.icm-menu6{background-image:url('../img/common/icm-menu6.png')}
.icm.icm-menu7{background-image:url('../img/common/icm-menu7.png')}
.icm.icm-menu8{background-image:url('../img/common/icm-menu8.png')}
.icm.icm-menu9{background-image:url('../img/common/icm-menu9.png')}

.active .icm.icm-menu1{background-image:url('../img/common/icm-menu1-on.png')}
.active .icm.icm-menu2{background-image:url('../img/common/icm-menu2-on.png')}
.active .icm.icm-menu3{background-image:url('../img/common/icm-menu3-on.png')}
.active .icm.icm-menu4{background-image:url('../img/common/icm-menu4-on.png')}
.active .icm.icm-menu5{background-image:url('../img/common/icm-menu5-on.png')}
.active .icm.icm-menu6{background-image:url('../img/common/icm-menu6-on.png')}
.active .icm.icm-menu7{background-image:url('../img/common/icm-menu7-on.png')}
.active .icm.icm-menu8{background-image:url('../img/common/icm-menu8-on.png')}
.active .icm.icm-menu9{background-image:url('../img/common/icm-menu9-on.png')}


#fix-menu #nav .nav-scroll::-webkit-scrollbar-thumb {background:#c8c8c8;}
#fix-menu #nav .nav-scroll::-webkit-scrollbar {height:8px; width:5px;}
#fix-menu #nav .nav-scroll::-webkit-scrollbar-thumb {border-radius: 10px;background:#c8c8c8;opacity:0.5;}
#fix-menu #nav .nav-scroll::-webkit-scrollbar-track {background:#f1f1f1;border-radius: 10px;}


*/





/* 기본  레이아웃 */
.layout-default{min-width:1260px;}
.layout-default .layout-gride{padding-top:64px;padding-left:60px;}
.layout-default .layout-gride #content{padding:20px;max-width:1440px;margin:0 auto}

/* 메인 레이아웃 (양쪽 사이드고정) */
.layout-main{min-width:1260px;}
.layout-main .layout-gride{padding-top:65px;padding-left:60px;}
.layout-main .layout-gride #content{padding:20px;margin:0 }
.layout-main .fix-right{margin-left:auto;}

.main-container{display:flex;padding:0 0px 0 0px;}
.main-container #content{width:100% }




/* 별도 레이아웃 */
.layout-style{min-width:1260px;}
/* .layout-style #header{position:absolute;min-width:1260px;} */
.layout-style .layout-gride{padding-left:60px;}
.layout-style .layout-gride .sub-container{display:flex;padding:0 0px 0 0px;}
.layout-style .layout-gride .sub-container .content-wrap{padding:20px 30px 30px 20px;width:100%;}
.layout-style .layout-gride #footer{padding-bottom:0}

.layout-default .layout-gride .main-container{display:flex;padding:0 0px 0 0px;}
.layout-default .layout-gride .main-container .content-wrap{padding:20px 30px 20px 20px;width:100%;}

.aside-group{flex:0;display:flex;position:relative;top:0;z-index:5;}
.aside-item{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:270px;min-height:100%;background:#fff;border-right:1px solid #F2F2F2;}
.aside-item .aside-top{display:flex;align-items:center;font-size:16px;padding:11px 17px 10px 20px;border-bottom:1px solid #E7EAEE;background:#fff}
.aside-item .aside-top .tit{display:flex;align-items:center}
.aside-item .aside-top .tit .icm{margin-right:8px;}
.aside-item .aside-top .btn-close{margin-left:auto;width:30px;height:30px;border:1px solid #DFE5EF;border-radius:7px;}
.aside-item .aside-cont{position:relative;overflow-y:auto;margin:3px 3px 3px 0}
.aside-item dl{padding:12px 17px;border-bottom:1px solid #E7EAEE}
.aside-item dl dt{display:flex;align-items:center;margin-bottom:8px;;color:#5F6368;font-size:11px;font-weight:500}
.aside-item dl dt .right{margin-left:auto}
.aside-item dl.noline{border-bottom:none;}
.aside-item dl.noline{padding-bottom:0}
.aside-item .aside-cont dl:last-child{border-bottom:none}

#aside-min-bar{position:absolute;bottom:0;z-index:40;display:flex;}
#aside-min-bar .aside-title-bar{display:flex;width:265px;height:50px;line-height:50px;padding:0 20px;background: #F5F7FF;align-items:center;margin-right:5px;}
#aside-min-bar .aside-title-bar .tit{display:flex;align-items:center;}
#aside-min-bar .aside-title-bar .tit  .icm{margin-right:15px;}
#aside-min-bar .aside-title-bar button{margin-left:auto;width:40px;height:40px;line-height:40px;text-align:right}
#aside-min-bar .aside-title-bar button .ic-max{display:inline-block;width:20px;height:2px;background:#000;vertical-align:middle;}

.btn-ly-close{display:block;width:30px;height:30px;line-height:25px;border:1px solid #DFE5EF;border-radius:7px;text-align:center;}

/* common */
.hdn{font-size:0; height:0; overflow:hidden; position:absolute; width:0; line-height:0;}


.ic{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:0 0;}
.ic-set{width:18px;height:18px;background-image:url('../img/common/ic-set.png');background-size:18px auto;}
.ic-logout{width:18px;height:18px;background-image:url('../img/common/ic-logout.png');background-size:18px auto;}
.ic-close{width:18px;height:18px;background-image:url('../img/common/ic-close.png');background-size:18px auto;}
.ic-add{width:20px;height:20px;background-image:url('../img/common/ic-add.png');background-size:20px auto;}
.ic-del{width:20px;height:20px;background-image:url('../img/common/ic-del.png');background-size:20px auto;}
.ic-nxt{width:20px;height:20px;background-image:url('../img/common/ic-nxt.png');background-size:20px auto;}
.ic-menu{width:20px;height:20px;background-image:url('../img/common/ic-menu.png');background-size:20px auto;}
.ic-search2{width:30px;height:30px;background-image:url('../img/common/ic-search2.png');background-size:30px auto;}
.ic-tip{width:24px;height:24px;background-image:url('../img/common/ic-tip.png');background-size:24px auto;}
.ic-toggle{width:18px;height:18px;background-image:url('../img/common/ic-toggle-white.png');background-size:18px auto;}
.ic-nodata{width:40px;height:40px;background:url('../img/common/img-nodata.png') center center no-repeat;background-size:40px auto;}

.icm.icm-menu3-1{width:24px;height:21px;background-image:url('../img/common/icm-menu3-1.png')}
.icm.icm-menu3-2{width:24px;height:21px;background-image:url('../img/common/icm-menu3-2.png')}

.scoll-style::-webkit-scrollbar-thumb {background:#E7EAEE;}
.scoll-style::-webkit-scrollbar {height:8px; width:8px;}
.scoll-style::-webkit-scrollbar-thumb {border-radius: 10px;background:#E7EAEE;opacity:0.5;}
.scoll-style::-webkit-scrollbar-track {background:#ffffff;border-radius: 10px;}

.wide{width:100%}
.w230{width:230px;}

/* list  */
.inp, .inp-bar{position:relative;height:40px;line-height:40px;border:1px solid #EDEDED;border-radius:5px;color:#333;font-size:13px;padding-left:12px;}
.inp-bar{display:flex;align-items:center;}
.inp-bar .inp{border:none;height:38px;line-height:38px;padding-left:0}
.inp-bar button.pst-left{flex-shrink:0;margin-right:5px}
.inp-bar button.pst-right{flex-shrink:0;margin-right:12px;margin-left:auto}
.inp-list li{margin-bottom:10px;}
.inp-list li:last-child{margin-bottom:0}
.inp-bar .txt{white-space:nowrap; width: 76%; overflow: hidden;text-overflow: ellipsis;}

.bar-st:after{content:"";position:absolute;top:0;left:-1px;width:4px;height:100%;border-radius: 5px 0px 0px 5px;background:#DADCE0;}
.bar-st.bg1-on:after{background:#FFC652;}
.bar-st.bg2-on:after{background:#E888BE;}
.bar-st.bg3-on:after{background:#AFDD49;}
.bar-st.bg4-on:after{background:#B59DEF;}
.bar-st.bg5-on:after{background:#FF9A1B;}
.bar-st.bg6-on:after{background:#73C8FF;}
.bar-st.bg7-on:after{background:#DE5664;}
.bar-st.bg8-on:after{background:#5BD4B7;}
.bar-st.bg9-on:after{background:#4060A2;}

.selectbox {display:inline-block;position:relative;min-width:140px;height:40px;border:1px solid #EDEDED;z-index: 1;vertical-align:middle;border-radius:5px;font-size:13px;vertical-align:middle}
.selectbox:before {content:"";position:absolute;top:0;right:10px; width:20px; height:100%;background:transparent url('../img/common/ic-select.png') 0px center no-repeat;background-size:20px auto}
.selectbox.more:before{background:transparent url('../img/common/ic-more.png') 0px center no-repeat;background-size:20px auto}
.selectbox label {position:absolute;top:0px;left:0px;display:block;width:100%;height:40px;line-height:40px;vertical-align:middle;padding:0px 40px 0 12px; color:#333;text-align:left;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box;color:#666666;}
.selectbox select {position:relative;top:0;width:100%;height:40px;line-height:normal;font-family: inherit;padding:0em 20px;border: 0;opacity: 0;filter:alpha(opacity=0);-webkit-appearance: none;-moz-appearance: none; appearance: none;box-sizing:border-box}
.selectbox label.ov{color:#000;}


.phead{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #E7EAEE}
.phead h3{color:#222;font-size:20px;font-weight: 700;}
.phead p{color:#969BA0;font-size:16px;margin-top:10px;margin-bottom:5px;}

.card-box{background:#fff;padding:20px;box-shadow: 0px 1px 3px 2px  #DADCE0;}
.content-scroll{overflow-y:auto;margin-right:-15px;}

.option-bar{display:flex;flex-wrap:wrap;margin-bottom:15px;}
.option-bar dl{margin:10px 0 0}
.option-bar dt{margin-bottom:8px;font-size:11px;color:#5F6368;font-weight:500}
.option-bar .sign{margin:auto 10px 0}
.option-bar .sign .ic{margin-bottom:10px;}



#sidelayer{position:fixed;top:0;right:0;z-index:5000;}
#sidelayer .bg{display:none;position:fixed;top:0;right:0;z-index:5000;width:100%;height:100%;background:#000;background-color: rgba( 0, 0, 0, 0.7);}
#sidelayer .side-section{overflow:hidden;position:fixed;top:0;right:-100%;z-index:6000;width:100%;height:100%;overflow:hidden;}
#sidelayer .side-section .section-area{height:100%;background:#fff;width:60%;position:absolute;right:0;}
#sidelayer .side-section .section-header{padding:10px 20px 0px 50px;border-top:1px solid #ededed;}
#sidelayer .side-section .section-header .top{display:flex;width:100%;}
#sidelayer .side-section .section-header  button.btn-send{flex-shrink:0;margin-left:auto;height:42px;width:120px;margin-left:20px;background:#1A73E8;color:#fff;border-radius:7px;}

#sidelayer .side-section .section-header .title{flex-shrink:0;display:flex;align-items:center;margin-right:30px;}
#sidelayer .side-section .section-header .title .txt{font-size:12px;margin-left:10px;color:#5f6368}
#sidelayer .side-section .section-header .title h1{font-size:20px;font-weight:600}
#sidelayer .side-section .section-header .search-bar{width:100%;}
#sidelayer .side-section .section-header .search-bar form{display:flex}
#sidelayer .side-section .section-header .search-bar form input{width:100%;height:42px;padding-left:50px;background: #F8F9FA url('../img/common/ic-search.png') 15px center no-repeat;background-size:24px auto}
#sidelayer .side-section .section-header .tab-total{margin-top:15px;}
#sidelayer .side-section .section-header .tab-total ul{display:flex;}
#sidelayer .side-section .section-header .tab-total ul li{position:relative;display:flex;align-items:center;color:#1967d2;padding-bottom:10px;}
#sidelayer .side-section .section-header .tab-total ul li .num{padding:3px 10px;margin-left:10px;background:#e8f0fe;color:#1967d2;font-size:12px;border-radius:10px;}
#sidelayer .side-section .section-header .tab-total ul li:after{content:"";display:inline-block;width:100%;height:3px;background:#1967d2;position:absolute;bottom:0;left:0;border-radius:10px;}
#sidelayer .btn-layer-close {position:absolute;top:20px;left:15px;}
#sidelayer .btn-layer-close .allmenu{display:block; width:30px; height:1px; background:#fff; transition:all .4s}
#sidelayer .btn-layer-close .allmenu {opacity:0}
#sidelayer .btn-layer-close::before {content:''; display:block; width:20px; height:2px; margin-bottom:7px; background:#80868b; transform:translateY(10px) rotate(-45deg); -webkit-transform:translateY(10px) rotate(-45deg)}
#sidelayer .btn-layer-close::after {content:''; display:block; width:20px; height:2px; margin-top:10px; background:#80868b; transform : translateY(-10px) rotate(45deg); -webkit-transform:translateY(-10px) rotate(45deg)}

#sidelayer .side-section .section-body{padding:3px 0px 3px 0}
#sidelayer .side-section .scoll-style{overflow-y:auto}
#sidelayer .side-section .trait-head{display:flex;align-items:center;width:100%;border-top:1px solid #ededed;font-size:13px;padding:12px 15px 12px 35px;}
#sidelayer .side-section .trait-head span{width:25%;padding-left:15px;font-weight:500}

#sidelayer ul.trait-list{padding:0; float:none;}
#sidelayer ul.trait-list li {float:none; width:auto !important; border-top:1px solid #ededed; margin-left:0;}
#sidelayer ul.trait-list > li{position:relative;}
#sidelayer ul.trait-list > li:last-child{border-bottom:1px solid #ededed}
#sidelayer ul.trait-list > li > a {text-align:left; height:auto; padding:10px 15px 10px 50px; font-size:15px; line-height:24px; display:block; text-decoration:none !important; transition : none; -webkit-transition : none;color:#000000;}
#sidelayer ul.trait-list > li > a:before{content:"";display:inline-block;position:absolute;top:14px;left:20px;width:18px;height:18px;background:url('../img/common/ic-dl-toggle.png') 0 center no-repeat;background-size:18px auto;transform:rotate(180deg);}
#sidelayer ul.trait-list > li.active > a{background:#F8F9FA } 
#sidelayer ul.trait-list > li.active > a:before{transform:rotate(0deg);}
#sidelayer ul.trait-list > li.active > ul{display:block}

#sidelayer ul.trait-list li > ul {display:none}
#sidelayer ul.trait-list li > ul > li{display:flex;align-items:center;padding:12px 10px 12px 21px;}
#sidelayer ul.trait-list li > ul > li.active{background:#F8F9FA }
#sidelayer ul.trait-list li > ul > li .bg-mcheck{flex-shrink:0}
#sidelayer ul.trait-list li > ul > li label{width:100%;font-size:13px;display:flex;align-items:center}
#sidelayer ul.trait-list li > ul > li label span{width:25%;padding-left:10px;padding-right:5px;    word-break: break-all;}

.symbol-list{display:flex;flex-wrap:wrap;}
.symbol-list li{display:flex;width:145px;min-height:50px;background:#F9F9FA;color:#CCD0D4;font-size:15px;align-items:center;justify-content:center;text-align:center;padding:15px 5px;margin:3px;word-break:keep-all}
.symbol-list li.bg1-on{background:#FFC652;color:#fff;font-weight:700}
.symbol-list li.bg2-on{background:#E888BE;color:#fff;font-weight:700}
.symbol-list li.bg3-on{background:#AFDD49;color:#fff;font-weight:700}
.symbol-list li.bg4-on{background:#B59DEF;color:#fff;font-weight:700}
.symbol-list li.bg5-on{background:#FF9A1B;color:#fff;font-weight:700}
.symbol-list li.bg6-on{background:#73C8FF;color:#fff;font-weight:700}
.symbol-list li.bg7-on{background:#DE5664;color:#fff;font-weight:700}
.symbol-list li.bg8-on{background:#4060A2;color:#fff;font-weight:700}
.symbol-list li.bg9-on{background:#2A4E97;color:#fff;font-weight:700}

.symbol-list li.bg-not{background:#F9F9FA;}
/*
.symbol-list li.bg1{background:#FFFDEC;color:#333}
.symbol-list li.bg2{background:#FFF8FD;color:#333}
.symbol-list li.bg3{background:#F6FBF0;color:#333}
.symbol-list li.bg4{background:#F9F5FE;color:#333}
.symbol-list li.bg5{background:#FFF4EA;color:#333}
.symbol-list li.bg6{background:#F0F9FF;color:#333}
*/
.symbol-list li.bg7{background:#DA4352;color:#fff}
/* .symbol-list li.bg7{background:#FFF6F6;color:#333}*/
/*
.symbol-list li.bg8{background:#F1FCF9;color:#333}
.symbol-list li.bg9{background:#F1F5FF;color:#333}
*/

#symbol-layer{display:none;position:fixed;top:10px;left:20px;z-index:50;border-radius:5px;padding:20px 20px 20px;background: #FFF;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);}
#symbol-layer dl{display:flex;padding:6px 0;width:260px;}
#symbol-layer dl dt{flex-shrink:0;color:#5F6368;font-size:11px;}
#symbol-layer dl dd{margin-left:auto;padding-left:15px;color:#333;font-size:13px;word-break:break-all}


/* 메인페이지 */
.main-page{text-align:center;padding-right:308px}
.main-page dl.title {padding:60px 0 28px;}
.main-page dl.title dt{color:#000;font-size:40px;margin-bottom:24px;}
.main-page dl.title dd{color:#969BA0;font-size:16px;line-height:28px;}
.main-page dl.title dd .br{display:block;}
.main-page .keyword-area{position:relative;width:100%;max-width:990px;margin:0 auto 85px;height:260px;background:#fff;}
.main-page .keyword-area .floating-keyword {position: absolute;color:rgba(115, 191, 118, 0.80);cursor: pointer;transition: all 0.3s ease;user-select: none;font-size: 18px;font-weight:400;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);white-space:nowrap}
.main-page .keyword-area .floating-keyword:hover {color:#73BF76;transform: scale(1.1);font-weight:500;color:rgba(115, 191, 118, 1) !important}

.main-page .main-search{max-width:900px;margin:0 auto 50px;border-radius: 20px;border: 2px solid #45B28E;background: #FFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);}
.main-page .main-search .form-input{display:flex;padding:20px 30px;align-items:center}
.main-page .main-search .form-input .selectbox{min-width:165px;border-radius:50px;height:50px;}
.main-page .main-search .form-input .selectbox label {height:50px;line-height:50px;font-size:18px;padding-left:25px;color: #5B6B79;}
.main-page .main-search .form-input .selectbox select {height:50px;font-size:18px;color: #5B6B79}
.main-page .main-search .form-input .selectbox label:before {content:"";position:absolute;top:0;right:10px; width:20px; height:100%;background:transparent url('../img/common/ic-select2.png') 0px center no-repeat;background-size:20px auto}
.main-page .main-search .form-input .inp{width:100%;height:50px;line-height:50px;margin:0 20px;border:none;font-size:18px;}
.main-page .main-search .form-input .inp:focus{border:none;outline:none;}
.main-page .main-search .form-input .btn-search{margin-left:auto;}
.main-page .main-search .form-info{display:flex;flex-wrap:wrap;padding:15px 30px;font-size:16px;background:#F8F9FA;border-top:1px solid #E7EAEE;border-radius:0 0 20px 20px ;}
.main-page .main-search .form-info dl{display:flex;}
.main-page .main-search .form-info dl dt{color:#45B28E;font-size:16px;margin-right:10px}
.main-page .main-search .form-info dl dd ul li{display:inline-block;}
.main-page .main-search .form-info dl dd ul li a{color:#5B6B79}
.main-page .main-search .form-info dl dd ul li a:after{content:","}
.main-page .main-search .form-info dl dd ul li:last-child a:after{content:"";}
.main-page .main-search .form-info .right{margin-left:auto;color:#5B6B79}
.main-page .main-search .form-info .right .txt{padding-left:5px;}
.main-page .main-search .form-info .right a{color:#5B6B79}

.main-page #footer{padding-bottom: 0}

.fix-right-close{position:fixed;top:80px;right:19px;z-index:200;}
.fix-right{position:fixed;right:0;width:328px;height:100%;background:#fff;border-left:1px solid #F2F2F2;padding-top:1px;display:block}
.fix-right .head{position:fixed;z-index:50;width:328px;padding:20px;background:#fff;border-bottom:1px solid #E7EAEE}
.fix-right .head h3{font-size:16px;font-weight: 600;color:#000}
.fix-right .head .right{position:absolute;top:15px;right:20px;}
.fix-right .body{position:relative;top:60px;padding:3px 3px 3px 0;}
.fix-right .body .scroll{overflow-y:auto;}
.fix-right .body .section{padding:20px;border-bottom:1px solid #E7EAEE;}
.fix-right .body .section:last-child{border-bottom:none}
.fix-right .search-bar{margin-bottom:6px;}
.fix-right .search-bar .inp{font-size:15px;border:none;width:100%;height:40px;padding:0;height:40px;line-height:40px;font-size:13px;vertical-align:middle;border-radius: 5px;padding-left:50px;border: 1px solid #E7EAEE;background: #fff url('../img/common/ic-search.png') 18px center no-repeat;background-size:24px auto}



.result-section{padding:3px;border-radius: 5px;border: 1px solid #E7EAEE;background: #FFF;}
.result-section .scoll-style{height:290px;padding:0px 20px;overflow-y:auto;}
.result-section li{display:flex;color:#666;padding:5px 0;font-size:12px;}
.result-section li .tit{flex-shrink:0;margin-right:10px;}
.result-section .item{border-bottom:1px solid #E7EAEE;padding:10px 0}
.result-section .item:last-child{border-bottom:none}

.dl-toggle dl{margin-bottom:12px;}
.dl-toggle dl dt{position:relative;display:flex;align-items:center;position:relative;min-height:20px;padding:11px 0 9px 16px;height:40px;margin-bottom:6px;border-radius: 5px;border: 1px solid #E7EAEE;background: #FFF;font-weight:400;font-size:13px;}
.dl-toggle dl dt:after{position:absolute;top:11px;right:11px;content:"";display:inline-block;width:18px;height:18px;background: #FFF url('../img/common/ic-dl-toggle.png') 95% center no-repeat;background-size:18px auto;}
.dl-toggle dl dt:before{content:"";display:block;width:4px;height:100%;position:absolute;top:0;left:0;border-radius: 5px 0px 0px 5px;background: #DADCE0;}
.dl-toggle dl dt .num{display:inline-block;min-width:35px;margin-left:10px;height:20px;line-height:20px;border-radius: 50px;background: #E5EDFA;color:#1A73E8;font-weight:500;font-size:12px;text-align:center;}
.dl-toggle dl dd{display:none;padding:20px 20px 13px;border-radius: 5px;border: 1px solid #E7EAEE;background: #F6F8FA}
.dl-toggle dl dd ul{display:flex;flex-wrap:wrap}
.dl-toggle dl dd li {margin-bottom:7px;margin-right:10px;}
.dl-toggle dl dd li a{display:inline-block;padding:4px 12px;border-radius: 50px;border: 1px solid #DFE5EF;background: #FFF;color:#666;font-size:12px;}
.dl-toggle dl.active dt:after{transform:rotate(-180deg); :}
.dl-toggle dl.active dd{display:block;}

/*
.dl-toggle dl.bg1 dt:before{background:#FFFDEC;}
.dl-toggle dl.bg2 dt:before{background:#FFF8FD;}
.dl-toggle dl.bg3 dt:before{background:#F6FBF0;}
.dl-toggle dl.bg4 dt:before{background:#F9F5FE;}
.dl-toggle dl.bg5 dt:before{background:#FFF4EA;}
.dl-toggle dl.bg6 dt:before{background:#F0F9FF;}
.dl-toggle dl.bg7 dt:before{background:#FFF6F6;}
.dl-toggle dl.bg8 dt:before{background:#F1FCF9;}
.dl-toggle dl.bg9 dt:before{background:#F1F5FF;}
*/


.dl-toggle dl.bg1 dt:before{background:#FFC652;}
.dl-toggle dl.bg2 dt:before{background:#E888BE;}
.dl-toggle dl.bg3 dt:before{background:#AFDD49;}
.dl-toggle dl.bg4 dt:before{background:#B59DEF;}
.dl-toggle dl.bg5 dt:before{background:#FF9A1B;}
.dl-toggle dl.bg6 dt:before{background:#73C8FF;}
.dl-toggle dl.bg7 dt:before{background:#DE5664;}
.dl-toggle dl.bg8 dt:before{background:#5BD4B7;}
.dl-toggle dl.bg9 dt:before{background:#4060A2;}



/* 풀페이지  */
.full-page{background:#fff;display: flex; position: relative; margin: 0 !important;min-height: 100vh;}
.full-cont{ display: flex;  min-height: 100vh; margin: 0 auto;}

.bg-mcheck{position: relative;display: inline-block;vertical-align:middle;width:20px;height:20px;}
.bg-mcheck .chk{width:100%;height:100%;}
.bg-mcheck > .chk_box{float:left;position: relative;display: block;width:100%;height:100%;padding: 0px;margin: 0px;}
.bg-mcheck > .chk-box > .tick{position: absolute;left:0px;top:0px;width:20px;height:20px;background-image:url('../img/common/bg-input-mcheck.png');background-size:20px auto;}
.bg-mcheck > input:checked + .chk-box > .tick,
.bg-mcheck > .on > .tick{display: block;background-image:url('../img/common/bg-input-mcheck-on.png');background-size:20px auto;}
.bg-mcheck > input{position: absolute;outline: none; left: 0;top: 0;padding: 0;width:20px !important;height:20px !important;border: none;margin: 0;opacity: 0;z-index: 1;}
.bg-mcheck label{float:left;margin-left:10px;}


/* 로그인 */
.login-page{background:url('../img/auth/bg-login.jpg') center center no-repeat;background-size:cover}
.login-page .login-box {margin:auto;min-width:710px;border-radius:20px;padding:75px 110px;border: 1px solid #E7EAEE;background: #FFF;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.10);}
.login-wrap{display:flex;margin:0 auto;padding:20px 0}

.login-head{width:100%;text-align:center}
.login-head h1 a{display:inline-flex;align-items:center;font-size:16px;font-weight:800;}
.login-head h1 a img{width:38px;}
.login-head h1 strong{display:inline-block;font-size:24px;margin-left:18px;white-space:nowrap; font-family: 'Paperlogy-8ExtraBold';}
.login-head .top{padding:36px 0 60px;}
.login-head .top h2{font-size:36px;color:#000;font-weight:700}
.login-head .top p{color:#969BA0;font-size:16px;margin:0}

.login-form .form-group{margin-bottom:10px}
.login-form .form-group input{border:1px solid #E7EAEE;border-radius:7px;line-height:50px;height:50px;padding:0 20px;font-size:16px;width:100%;font-weight:300}
.login-form .form-group input:focus{outline:none}
.login-form .form-group input::-webkit-input-placeholder {color:#B0B0B0;}
.login-form .form-group input:-moz-placeholder {color:#B0B0B0;opacity:1;}
.login-form .form-group input::-moz-placeholder {color:#B0B0B0;opacity:1;}
.login-form .form-group input:-ms-input-placeholder {color:#B0B0B0;}
.login-form .form-group input::placeholder {color:#B0B0B0;opacity: 1;}

.login-form .btn-login{width:100%;height:50px;line-height:50px;border-radius:5px;background:#1A73E8;border:none;color:#fff;margin-bottom:20px;font-size:16px;}
.login-form .id-save{display:flex;align-items:center;font-size:15px;color:#666}
.login-form .id-save label{font-size:15px;margin-left:10px;margin-bottom:0}



/* 인트로 */
.intro-wrap{position:relative;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:20px 20px 40px;text-align:center;color:#fff}
.intro-wrap h1 {height:26px;margin-bottom:40px}
.intro-wrap h1 img{width:170px;}
.intro-wrap h2{color:#000;font-size:60px;margin-bottom:20px;font-weight:300}
.intro-wrap h2 strong{font-weight:700}
.intro-wrap .txt{margin-bottom:100px;font-size:20px;color:#969BA0}
.intro-wrap .link{display:block;width:340px;padding:0 20px;margin-bottom:20px;height:60px;line-height:60px;border-radius: 50px;background: linear-gradient(90deg, #45B28E 0%, #94BF73 100%);color:#fff;font-size:20px;font-weight:700}
.intro-wrap #footer{position:absolute;bottom:0;}

.intro-page .keyword-area{position:absolute;width:100%;height:100%;background:#fff;z-index:0;overflow:hidden;}
.intro-page .keyword-area .floating-keyword {position: absolute;color:rgba(115, 191, 118, 0.5);cursor: pointer;transition: all 0.3s ease;user-select: none;font-size: 18px;font-weight:400;text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);white-space:nowrap}


.modal-header{justify-content: center;color:#000000;}
.modal-header strong{font-weight:700}

.modal-open .modal{padding-left:17px;}
.symbol-modal .modal-dialog{max-width:1240px !important;}
.symbol-modal .modal-header{margin:0 30px;}
.symbol-modal .modal-header strong{font-size:36px;margin-left:10px;}
.symbol-modal .modal-header .close{padding:15px 0 0;}
.symbol-modal .modal-header .ic-pop-close{display:inline-block;width:36px;height:36px;background-size:36px auto;background:url('../img/common/ic-pop-close.svg') center center no-repeat;}
.symbol-modal .modal-title{text-align:center;width:100%}
.symbol-modal .modal-body{padding:0 30px 30px;overflow:hidden;}


.symbol-data{display:flex;padding:30px 25px;margin-bottom:30px;border-bottom:1px solid #E7EAEE;}
.symbol-data .syb-group{display:flex;margin-bottom:50px;}
.symbol-data .syb-group .img-box{flex-shrink:0;position:relative;padding-left:69px;margin-top:auto}
.symbol-data .syb-group .img-box img{width:40px;}
.symbol-data .syb-group .img-box .txt{position:absolute;;margin-left:12px;padding-left:30px;color:#1A73E8;font-size:18px;font-weight:500;white-space:nowrap}
.symbol-data .syb-group .img-box .txt:before{content:"";display:inline-block;width:20px;height:6px;margin-right:10px;background:url('../img/common/ic-ds.svg') 0 center no-repeat;position:absolute;top:9px;left:0}
.symbol-data .syb-group .img-box .txt1{top:30px} 
.symbol-data .syb-group .img-box .txt.pos_type1{top:30px} 
.symbol-data .syb-group .img-box .txt.pos_type2{top:45px} 
.symbol-data .syb-group .img-box .txt.pos_type3{top:71px} 
.symbol-data .syb-group .img-box .txt.pos_type4{top:111px} 
.symbol-data .syb-group .img-box .txt.pos_type5{top:138px} 
.symbol-data .syb-group .img-box .txt.pos_type6{top:167px} 
.symbol-data .syb-group .img-box .txt.pos_type7{top:176px} 
.symbol-data .syb-group .img-box .txt.pos_type8{top:195px} 
.symbol-data .syb-group .img-box .txt.pos_type9{top:222px} 

.symbol-data .rd{display:inline-block;height:30px;line-height:30px;padding:0 10px;color:#5A6A85;font-size:16px;border-radius: 50px;border: 1px solid #DFE5EF;background: #FFF;margin-bottom:15px;}
.symbol-data .rd:before{content:"";display:inline-block;width:18px;height:18px;margin-right:5px;margin-top:-3px;background:url('../img/common/ic-wrt.svg') center center no-repeat;vertical-align:middle;}
.symbol-data .syb-tit{display:block;padding:18px 0 15px;color:#000000;font-size:30px;}
.symbol-data .syb-tit span{font-size:18px;color:#5F6368;margin-left:20px;}

.symbol-data .syb-smy{min-height:155px;width:415px;padding:0 20px 20px;border-radius: 5px;border: 1px solid #D3D8E3;background: #FFF;}
.symbol-data .syb-smy dt{padding:20px 0 15px;border-bottom:1px solid #E7EAEE;color:#000;font-size:20px;text-align:center;font-weight:600}
.symbol-data .syb-smy ul{padding-top:5px;}
.symbol-data .syb-smy li{display:flex;margin-top:15px;color:#5F6368;font-size:16px;}
.symbol-data .syb-smy li strong{flex-shrink:0;display:inline-block;min-width:105px;color:#1A73E8;font-size:14px;font-weight:700;}

.symbol-data .freq-box{padding:15px;}
.symbol-data .freq-box .legend{padding:0 0 15px 0}
.symbol-data .freq-box .legend ul{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#959FB4}
.symbol-data .freq-box .legend ul li{padding:0 12px;}
.symbol-data .freq-box .legend ul li:before{content:"";display:inline-block;width:10px;height:10px;background:#D3D8E3;margin-right:12px;}
.symbol-data .freq-box .legend ul li:nth-child(2):before{background:#18CDC3}

.symbol-data .freq-box .img-freq{position:relative;margin:0 auto;width:280px;height:126px;background:url('../img/common/bg-fre.png') 0 0 no-repeat;background-size:280px auto}
.symbol-data .freq-box .img-freq .full{position:absolute;top:0;right:0;height:126px;background:url('../img/common/bg-fre-on.png') right 0 no-repeat;background-size:280px auto}

.symbol-data .freq-box .unit{display:flex;color:#5A6A85;font-size:24px;font-weight:700;padding-top:12px;}
.symbol-data .freq-box .unit .unit-right{margin-left:auto;color:#18CDC3}

.symbol-data .maker-info{display:flex;position:relative;padding:30px;border-radius: 10px;border: 1px solid #549AE0;background: #EFF8FF;}
.symbol-data .maker-info .title{position:absolute;top:-13px;left:0;width:100%;font-size:20px;font-weight:700;color:#1A73E8;text-align:center;}
.symbol-data .maker-info .title span{display:inline-block;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,1px 1px 0 #fff;}
.symbol-data .maker-info .info{display:flex;width:100%}

.symbol-data .maker-info .info .legend{flex-shrink:0}
.symbol-data .maker-info .info .legend .txt{display:block;padding-top:10px;font-size:18px;color:#333;font-weight:500}
.symbol-data .maker-info .info .legend .st{display:inline-block;background:#fff;border:2px dotted #1A73E8;width:50px;height:50px;border-radius:100%;text-align:center;line-height:45px;vertical-align:middle;font-size:26px;font-weight:600;color:#1A73E8}
.symbol-data .maker-info .info .legend li{margin-bottom:30px;}
.symbol-data .maker-info .info .legend li:last-child{margin-bottom:0}
.symbol-data .maker-info .info .legend li:last-child .st{color:#18CDC3;border-color:#18CDC3}
.symbol-data .maker-info .score-box{display:flex;width:100%}
.symbol-data .maker-info .score-box dl{padding:20px;border-radius: 10px;border: 1px solid #18CDC3;background:#fff;max-width:280px;height:235px;margin-left:20px;width:50%}
.symbol-data .maker-info .score-box dt{display:block;border-bottom:1px solid #E7EAEE;padding-bottom:18px;text-align:center;font-size:20px;color:#333;font-weight:700}
.symbol-data .maker-info .score-box dd{position:relative;text-align:center;color:#18CDC3}
.symbol-data .maker-info .score-box dd .score{display:block;font-size:100px;font-weight:600;padding:20px 0;}
.symbol-data .maker-info .score-box .ratio{color:#5A6A85}
.symbol-data .maker-info .score-box .ratio .score{color:#5A6A85;padding-left:20px;}
.symbol-data .maker-info .score-box .ratio .unit{color:#5A6A85;font-weight:600;font-size:40px;position:relative;left:-20px}
.symbol-data .maker-info .score-box .ratio .txt{position:absolute;bottom:10px;right:20px;font-size:16px;color:#959FB4;font-weight:500}

.symbol-data .left{width:64.5%}
.symbol-data .right{max-width:366px;width:100%;margin-left:auto;}
.symbol-data .right dl{margin-bottom:56px;;}
.symbol-data .right dl dt{margin-bottom:23px;font-size:20px;font-weight:700}
.symbol-data .right dl dt:before{content:"·";margin-right:.5rem;}
.symbol-data .right dl dd{border-radius: 10px;border: 1px solid #D3D8E3;background: #FFF;}
.symbol-data .right dl:nth-child(1) dd{min-height:235px;}
.symbol-data .right dl:nth-child(2){margin-bottom:0}
.symbol-data .right dl:nth-child(2) dd{min-height:265px;position:relative;}
.symbol-data .right dl:nth-child(2) dd .chart-gride{position:absolute;top:20px;left:0;width:100% !important;height:182px !important;display:flex;}
.symbol-data .right dl:nth-child(2) dd .chart-gride .txt{display:flex;position:absolute;top:0;left:0;width:100%;height:182px;align-items:center;justify-content:center;color:#1A73E8;font-size:30px;font-weight:800}
.symbol-data .right dl:nth-child(2) dd .chart-gride canvas{position:relative;z-index:50}
.symbol-data .right dl:nth-child(2) dd .legend{position:absolute;bottom:20px;left:0;width:100%}
.symbol-data .right dl:nth-child(2) dd .legend ul{display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;color:#959FB4}
.symbol-data .right dl:nth-child(2) dd .legend ul li{padding:0 12px;}
.symbol-data .right dl:nth-child(2) dd .legend ul li:before{content:"";display:inline-block;width:10px;height:10px;background:#D3D8E3;margin-right:12px;}
.symbol-data .right dl:nth-child(2) dd .legend ul li:nth-child(2):before{background:#959FB4}
.symbol-data .right dl:nth-child(2) dd .legend ul li:nth-child(3):before{background:#1A73E8}

.lb{display:inline-block;min-width:60px;font-size:16px;color:#1A73E8;border:1px solid #1A73E8;padding:6px 9px;text-align:center}

.btn-list ul{display:flex;margin:0 -3px;justify-content:space-around}
.btn-list ul li{padding:3px 3px;flex:1}
.btn-list a{display:flex;justify-content:center;align-items:center;height:40px;width:140px;line-height:40px;border-radius: 5px;padding:0 10px;background: #6E7D94;color:#fff;text-align:center;font-weight:300;}
.btn-list a .icm{flex-shrink:0;width:20px;height:20px;margin-right:7px;}

.symbol-list-box{min-height: 100%;}
.symbol-list li.nodata,
.nodata{width:100%;background:#fff;text-align:center;flex-direction: column;}
.nodata p{display:block;color:#969BA0;font-size:15px;margin-top:150px;padding-top:100px;background:url('../img/common/bg-nodata.png') center 0 no-repeat; background-size: 80px auto;}


.gene-detail-page table{font-size:16px !important;}

@media (max-width: 1260px){

.symbol-section{overflow-x:auto;}
.symbol-data{min-width:1160px;}
.symbol-data .right{padding-left:20px;}

}

@media (max-width: 980px){
.w230{width:100%;max-width:100%}

#header .header h1 a{margin-right:80px;}
#header .header .search-bar .inp{width:auto}
#sidelayer .side-section .section-header {position:relative;}
#sidelayer .side-section .section-header .top{flex-wrap:wrap;}
#sidelayer .side-section .section-header .title{min-height:42px;}
#sidelayer .side-section .section-header .top .search-bar{order:3;width:100%;margin-top:10px;}
#sidelayer .side-section .section-header .btn-send{position:absolute;top:10px;right:20px}



}

@media (max-width: 768px){
#header .header{flex-wrap:wrap}

#header .header h1 a{justify-content:center;margin-right:30px;}
#header .header .search-bar{margin:10px 0;width:100%;}
#header .header .search-bar .inp{width:100%}

/*
.layout-style #header .header .search-bar{margin:0px 0;width:auto}
.layout-style #header .header .search-bar .inp{width:100%;}
*/

/* 로그인 */
.login-page .login-box {min-width:auto;width:100%;padding:50px 30px;}
.login-wrap{display:flex;margin:0 auto;padding:20px}

.intro-wrap .link{width:90%;}

#sidelayer .side-section .section-area{width:80%;}
#sidelayer .btn-layer-close{top:12px;}

}