@font-face {font-family: ‘Noto Sans KR’;font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format(‘woff2’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format(‘woff’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format(‘opentype’);}
@font-face {font-family: ‘Noto Sans KR’;font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format(‘woff2’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format(‘woff’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format(‘opentype’);}
@font-face {font-family: ‘Noto Sans KR’;font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format(‘woff2’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format(‘woff’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format(‘opentype’);}
@font-face {font-family: ‘Noto Sans KR’;font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format(‘woff2’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format(‘woff’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format(‘opentype’);}
@font-face {font-family: ‘Noto Sans KR’;font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format(‘woff2’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format(‘woff’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format(‘opentype’);}
@font-face {font-family: ‘Noto Sans KR’;font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format(‘woff2’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format(‘woff’),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format(‘opentype’);}

/* layout */

body, #wrap {  }  
#wrap_header, #wrap_bodyer, #wrap_footer { width: 100%; margin: auto; }
#header, #bodyer, #footer { width: 100%; }
#wrap_header { border: 0px solid red; height: 40px; }
#wrap_footer { border: 0px solid red; height: 100px; background-color: #bebdbd; }
.content span{white-space: normal !important};
.content img{ width:90% normal !important; margin:auto !important;};
#wrapper_front { position: relative; }

#lefter, #pager { border:0px solid blue; min-height: 500px; }

#bodyer { display: flex; }
#lefter { width: 220px; }
#pager { flex-grow: 1;  }

#wrap_header, #lefter, #wrap_footer { display: none; }

/* navigator */
#navi_header, #navi_lefter, #navi_lefter_backdrop, #navi_footer { position: fixed; }
#navi_header, #navi_lefter_backdrop, #navi_lefter { top: 0px; }
#navi_footer { bottom: 0px; }
#navi_lefter { height: 100vh; z-index: 10; background-color: #ffffff; }
#navi_lefter_backdrop { height: 100vh; z-index: 5; background-color: rgba(0, 0, 0, 0.18);  margin: auto; display: none; }

#navi_header_body, #navi_lefter_body, #navi_lefter_backdrop, #navi_footer_body { width: 600px; margin: auto; }

#navi_header_body, #navi_footer_body  { background-color: #ffffff; display: flex; align-items: center; }
#navi_header_body > div { flex: 1; padding: 0rem 1rem }

#navi_lefter { display: none; }
#navi_header_body { height: 56px; }
#navi_footer_body { height: 49px; }
#navi_lefter_body { width: 350px; }

#navi_header_menu{display: flex; flex-grow: 0; flex-direction: row-reverse;}
#navi_header_menu div{padding-left:16px;}

/* layer */
.layer, .popup { display: none; }
.layer_backdrop{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:9999;
}
.layer_backdrop:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
#slider_backdrop { position: absolute; left: 0; top: 0; right: 0; bottom: 0; 
    width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.18); }
.layer_front {   
    border: 1px solid transparent; border-radius: 5px;
    -webkit-transform: translate(-50%, -50%); -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.16);
    transform: translate(-50%, -50%); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.16);
    position: absolute; 
    left: 50%; top: 50%; background-color: #ffffff;
    /*padding: 0 1rem 1rem 1rem;*/
    /*
    min-width: 1000px; min-height: 500px;
    max-width: 100%; max-height: auto;
    */
}
#layer_1_backdrop { z-index: 1000; }
#layer_1 { z-index: 1001; }
#layer_2_backdrop { z-index: 1002; }
#layer_2 { z-index: 1003; }
#layer_3_backdrop { z-index: 1004; }
#layer_3 { z-index: 1005; }
.layer_section{position: relative;}
.layer_close { display: none; justify-content: flex-end; -ms-flex-align: right; }
.layer_close img { width: 30px; cursor: pointer; }
.layer_img_back { display: none; }

#slider_backdrop { z-index: 1000; display: none; }

#slider { z-index: 1001; display: none;
  position: fixed; bottom: -50%; background-color: #f2f2f2;
  width: 100%; min-height: 50%; padding: 1rem;
  border-radius: 16px 16px 0px 0px;
}



/* loader */
.loader { position: absolute; background-color: rgba(0, 0, 0, 0.125); width: 100%; height: calc(100%); top: 0; display: -ms-flexbox;
    display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 2000;
}
.loader .spinner-border { width: 3rem; height: 3rem; }

/* etc */
ol, ul, dl, li { cursor: pointer; margin:0px; padding:0px; border:0px; outline:0px; list-style: none; }
a { color: inherit; text-decoration: none; }
.pointer { cursor: pointer; }

/* flex */
.flex_both { display: flex; }
.flex_both > div { flex: 1; }
.flex_both > div:last-child { text-align: right; }
 
/* align */
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

/* font */
.fs12 { font-size: 12px; }
.fs16 { font-size: 16px; }
.bold { font-weight: bold; }

/* my 에서 로그아웃할때 css 사라지는 현상때문에 이곳에 둠.*/
#set_page {
    padding-top:24px;
}
#set_title {font-size: 20px; margin-bottom:1em;font-weight: 700;color: #090b0d;}
#info_user {text-align:right;}
#info_user > div {
    font-size: 16px; 
    font-weight: 700;
    color:#246C72;
    margin-bottom:1em;
}
#ele_logout > button.log { padding: 0em; font-size: 14px; font-weight: bold; 
    background-color: #246c72; border: 0px; height: 30px;
    border-radius: 14px; width:100px;color:#f2f2f2;
}


/*
#set_page li {font-size:16px; line-height: 10px;color:#090B0D;padding:12px 0;}
#set_page li.title {padding:0;font-size:12px;line-height: 16px;color:#4B4B4D;} 
#set_page li.link { background : url('../images/next.png') no-repeat right center;} 
#set_page li span.right {float:right;} 
*/

.subtitle .subtitle_left .subtitle_left_link{
    text-align: right; 
    cursor: pointer; 
    justify-content: center;
    padding: 24px;
}
.subtitle .subtitle_left .subtitle_left_link img{
    width: 24px;
    height: 24px;
}
.subtitle .subtitle_right .subtitle_right_link{
    text-align:right; 
    cursor: pointer; 
    justify-content: center;
}
.memtitle{
    padding:16px;
    border-bottom: 1px solid #DBDBDE;
    font-size:14px;
    font-weight: 700;
    font-family: "Noto Sans KR";
}
.memtitle  span.right {
    float:right;
    font-family: "Noto Sans KR";
    font-weight: 700;
} 
.memcontent{
    padding:0px 16px 24px 16px;
    font-size: 14px;
}
.memcontent li{
    line-height: 24px;
    font-size: 14px;
    padding:12px 0;
}
.memcontent li.link { 
    background : url('../images/next.png') no-repeat right center;
} 
.memcontent li span.right {
    float:right;
    font-family: "Noto Sans KR";
    font-weight: 700;
} 
.memcontent li span.right p{
   padding-right:40px;
   font-weight: 700;
} 

.btn_wrap {
    padding:10px 16px 0px 16px;
    text-align:right;
}
.seek_wrap{
    position:relative;
    margin:0 16px 0 16px;
}

.seek_wraply{
    position:relative;
    margin:0 0 0 0;
}
.seek_subMemuly{
    position:relative;
    display: flex;
    padding-top:15px;
}
.seek_subMemu{
    display: table;
    table-layout: fixed;
    width:100%;
}
.seek_subMemu ul{
    display: table-cell;
    overflow-x:auto; 
    white-space:nowrap; 
    width:100%;
    text-align:left;
}
.seek_subMemu ul::-webkit-scrollbar{display:none;}
.seek_subMemu ul li{
    display:inline-block; 
    padding:0 2px 0 2px;
}
.subMenuLeft{
    width: 25px;  margin-right:5px;
  }
.subMenuRight{
width: 25px;   margin-left:5px;
}

#seekText{
    width:100%;
    padding-left:50px;
}
.seekTextBtn{
    position:absolute;
    top:0px;
    left:0px;
    height:41px;
}

/* .ly_title{padding:0px 16px 0px 16px;} */
.ly_warp{padding:0px 16px 30px 16px;}


#bannerly{padding:0px 16px 0px 16px;}

.topMenuBtn{
    padding:12px 16px 24px 16px;
    width:100%;
}
.topMenuBtn li{
    display:inline-block; 
    width:50%;
}
.topMenuBtn li:nth-child(1){
    padding-right:10px;
}
.topMenuBtn li:nth-child(2){
    padding-left:10px;
}