@charset "utf-8";

/* 2024 부트스트랩 아이콘 추가 */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* 20200812_레이아웃 수정 : s */
/* 공통 */
.inner{position:relative;width:100%;max-width:80rem;margin:0 auto}

/* 21.11.02 - 게시글 줄바꿈 */
.note-editor.note-frame .note-editing-area {
    word-break: break-all;
    white-space: normal;
}

/* 21.12.06 - 줄바꿈 */
.text-center.word-break{
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type="text"]:focus,
    input[type="password"]:focus,
    select:focus{outline:1px dotted #000}
}

/* 팝업존 */
.popup_zone {position: absolute; height: 8rem; top:0; left: 50%; transform: translateX(-50%);width: 100%; background: #2A2F45;; z-index: 99999; overflow: hidden;}
.popup_container {max-width: 1280px; width: 100%; margin: 0 auto; height: 6rem; position: relative;}
.popup_container .bx-viewport {height: auto !important;}
.popup_zone.popup_close {visibility: hidden; opacity: 0;}
.popup_container > .main_popup_close {display: none; font-weight: 800; font-size: 2rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; color: #666;}
.popup_zone .bx-wrapper {margin: 0 auto; height: 5.1875rem;}
.popup_zone .bx-wrapper .bx-pager { position: absolute; top: 50%; transform: translateY(-72%); right: 5.375rem}
.popup_zone .bx-wrapper .bx-pager .bx-pager-item {display: inline-block;}

.popup_zone .bx-wrapper .bx-pager .bx-pager-item > a {background: #fff; text-indent: -9999px; display: block; width: 1rem; height: 1rem; margin: .125rem .25rem; outline: 0;}
.popup_zone .bx-wrapper .bx-pager .bx-pager-item > a:hover {background: #106adc; opacity: .5;}
.popup_zone .bx-wrapper .bx-pager .bx-pager-item > a.active, 
.popup_zone .bx-wrapper .bx-pager .bx-pager-item > a:focus {background: #106adc;}
.bx-controls-auto {position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%);}
.bx-controls-auto  .bx-controls-auto-item {position: absolute; right: 2rem; font-size: 1.75rem; top: 50%; transform: translateY(-80%); height: 1.5rem; width: 1.5rem;}
.bx-controls-auto  .bx-controls-auto-item > a {position: absolute; font-size:0; top: 0; width: 100%; height: 100%;}
.bx-controls-auto  .bx-controls-auto-item .bx-start::after {content:"\ea3e"; display: block; font-family: 'xeicon'; color: #fff; text-indent: 9999px; position: absolute; top: 0; right: 9979px;
 transform: translateY(-18%); width: 3rem; font-size: 1.75rem;}
.bx-controls-auto  .bx-controls-auto-item .bx-stop::after {content:"\ea3b"; display: block; font-family: 'xeicon'; color: #fff; text-indent: 9999px; position: absolute; top: 0; right: 9979px;
 transform: translateY(-18%); width: 3rem; font-size: 1.75rem;}
.bx-controls-auto  .bx-controls-auto-item  {display: none;}
.bx-controls-auto  .bx-controls-auto-item.active {display:block; cursor: pointer;}
#wrap .popup_zone {display: none;}
#wrap.main .popup_zone {display: block;}
#wrap.main  #header_top .etc_menu .link.login>li>a.popup_onOff {display: block;}
.pop_bxslider > div {height: 6.25rem; margin: 0.875rem 0; text-align: center;}
.pop_bxslider > div > a > img {max-width: calc(100% - 2px);height: 100%;}
.bx-controls-direction .bx-prev {position: absolute; top: 50%; left: 0; transform: translateY(-25%); color: #2A2F45; z-index: 9999;}
.bx-controls-direction .bx-prev:after {display: block; content:"\e93d"; font-family: 'xeicon'; color: #fff; font-size: 2.1875rem;}
.bx-controls-direction .bx-next {position: absolute; top: 50%; right: 0; transform: translateY(-25%); color: #2A2F45; z-index: 9999;}
.bx-controls-direction .bx-next:after {display: block; content:"\e940"; font-family: 'xeicon'; color: #fff; font-size: 2.1875rem;}
.closeBox {color: #fff; position: absolute; right: 3.9rem; top: 50%; transform: translateY(50%);}
.closeBox > i {padding-right: .5rem; cursor: pointer; position: relative;}
.closeBox > i::before{left: -12px; top: -14px; position: absolute;}
.xi-checkbox-blank.check:before {content: '\e92e'}
.closeBox > label {font-size: .8125rem; }
.closeBox > label::after {display: block; content: ''; clear: both;}
.closeBox > label:hover {font-weight: 400;}
.pop_ty_close {float: right; font-size: .8rem; color: #fff; padding: .5rem 3.9rem 0 0; cursor: pointer; position: relative;}
.pop_ty_close  > i {    font-size: 1.5rem; display: inline-block; vertical-align: bottom; height: 1.325rem;}
	/*Skip To Content*/
#wrap.main {position: relative; margin-top: 8rem; transition: all .3s;}
#wrap.popup_close {margin-top: 0;}
#skipNav { position: absolute; left: 0; top: -1000px; width: 100%; height: 0px; z-index: 1000; line-height: 0px; font-size: 0px; }
#skipNav a { display: block; text-align: center; width: 100%; line-height: 0px; font-size: 0px; }
#skipNav a:focus, #skipNav a:hover, #skipNav a:active { position: absolute; left: 0px; top: 1000px; padding: 8px 0; display: block; height: 30px; background: #20262c; font-size: 12px; font-weight: bold; line-height: 18px; color: #fff; }
#skipNav a.container_skipNav.none {display: none}
#skipNav a.main_skipNav.none {display: none}


/* 2024 new 헤더 - 올포원 */
#header_top { /* display:flex; justify-content:center; align-items:center; */ position:absolute; top:0; left:0; width:100%; font-family:'Montserrat', "Noto Sans KR", sans-serif; background:transparent; border-bottom:1px solid rgba(255,255,255,0.3); transition:all .3s; /* z-index:10000; */ z-index:10; }
#header_top.open { background-color:#fff; }
#header_top .header_wrap { display:flex; justify-content:center; align-items:center; /* padding:0 12.5rem; */ padding:0 10.5rem; height:7.5rem; transition:all 0.3s; }
/* 로고 */
#header_top .header_wrap #logo a img { width:142px; max-width:inherit; height:50px; /* height:3.125rem; */ }
/* 헤더 오른쪽 메뉴 */
#header_top .etc_menu { display:flex; justify-content:start; align-items:center; }
#header_top .etc_menu ul.link { display:flex; justify-content:end; align-items:center; width:330px; }
/* #header_top .etc_menu ul.link > li a { font-family:"Noto Sans KR", sans-serif; } */
#header_top .etc_menu ul.link > li:not(:last-child) { margin-right:10px; }
#header_top .etc_menu ul.link > li:not(:last-child) a { display:flex; justify-content:center; align-items:center; padding:0 0.8rem; height:1.563rem; font-weight:normal; color:#fff; text-align:center; letter-spacing:0.06rem; border:1px solid #fff; border-radius:0.75rem; transition:all .3s; }
#header_top .etc_menu .btn_total i { font-size:1.8rem; color:#fff; vertical-align:middle; }
/* 로그인 후 */
#header_top .etc_menu ul.link > li.link.login .login_user { border:none; }
#header_top .etc_menu ul.link > li.link.login .login_user { display:flex; justify-content:start; align-items:center; }
#header_top .etc_menu ul.link > li.link.login .login_user img { width:35px; border-radius:50%; }
#header_top .etc_menu ul.link > li.link.login .user_menu li > a { font-weight:bold; text-align:left; }
#header_top:hover .etc_menu ul.link > li.link.login .user_menu li > a { border-color:#fff; }
/* 영문사이트 */
#header_top.eng_header .etc_menu ul.link li:nth-of-type(2) a { letter-spacing:-1px; }

/* GNB */
#header_top .header_wrap .gnb { width:943px; }
#header_top .gnb a { transition:all .3s }
/* GNB 1뎁스 */
#header_top .gnb { margin:0 3.188rem;  }
#header_top .gnb > ul { position:relative }
#header_top .gnb > ul { display:flex; justify-content:space-between; align-items:center; }
#header_top .gnb > ul > li > a { display:block; width:100%; height:7.5rem; line-height:7.5rem; /* font-family:"NanumSquare", sans-serif; */ font-family:'Montserrat', "Noto Sans KR", sans-serif; font-size:1.188rem; font-weight:bold; color:#fff; text-align:center;  }
#header_top .gnb > ul > li > a > span { display:inline-block; position:relative; }
/* 마우스 오버 */
#header_top { background-color:#040110; transition:all .3s; }
#header_top:hover .header_wrap { background-color:#fff; transition:all .3s; }
#header_top:hover .gnb > ul > li > a { color:#333; transition:all .3s; }
#header_top:hover .etc_menu ul li:not(:last-child) a { color:#333; border-color:#333; transition:all .3s; }
#header_top:hover .etc_menu .btn_total i { color:#333; transition:all .3s; }
#header_top .gnb > ul > li > a.on { color:#1792E5; }
/* #header_top .gnb > ul > li > a.on > span:after{ left:0; width:100%; } 확인 필요*/

/* 서브메뉴 개별 이동 */
#header_top #gnb > ul > li:nth-of-type(3) > .sub > ul { justify-content:end; margin-right:52%; }
#header_top #gnb > ul > li:nth-of-type(4) > .sub > ul { justify-content:end; margin-right:39%; }
#header_top #gnb > ul > li:nth-of-type(5) > .sub > ul { justify-content:end; margin-right:3%; }
#header_top #gnb > ul > li:nth-of-type(6) > .sub > ul { justify-content:end; margin-right:7%; }

/* GNB 2뎁스 */
#header_top #gnb > ul > li > .sub { display:none; position:absolute; top:7.5rem; left:0; padding:1.25rem 0; width:125%; min-height:16.4rem; z-index:10; }
#header_top #gnb > ul > li > .sub > ul { display:flex; /* width:125%; */ overflow:hidden; }
#header_top #gnb > ul > li > .sub > ul > li{float:left;min-width:12.5rem; width:20%; margin-bottom:1rem; padding:0 .5rem 0 0;}
#header_top #gnb > ul > li > .sub > ul > li:nth-child(5n+1){clear:both;margin-left:0}
#header_top #gnb > ul > li > .sub > ul > li > a{position:relative; display:block; height:3.125rem; line-height:3.125rem; border-radius:0.25rem; font-size:1.0875rem; color:#000; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;word-wrap:normal; overflow:hidden;/* font-family:"NanumSquare", sans-serif; */ font-family:'Montserrat', "Noto Sans KR", sans-serif; width: calc(100% - 1rem); /* padding-left: .5rem; */}
#header_top #gnb > ul > li > .sub > ul > li > a.on::after {color:#fff;}
#header_top #gnb > ul > li > .sub > ul > li:hover > a {color:#1792e5;}
#header_top #gnb > ul > li > .sub > ul > li:hover > a::after {right: 0;}
/* GNB 3뎁스 */
#header_top #gnb > ul > li > .sub > ul > li > ul > li{padding:0;}
#header_top #gnb > ul > li > .sub > ul > li > ul > li:first-child{margin-top:0}
#header_top #gnb > ul > li > .sub > ul > li > ul > li > a{display:block;position:relative;font-size:1rem; padding:.125rem .5rem .125rem 0; }
#header_top #gnb > ul > li > .sub > ul > li > ul > li > a:focus,
#header_top #gnb > ul > li > .sub > ul > li > ul > li > a:hover{background:#CBEAFF;}
#header_top #gnb > ul > li > .sub > ul > li > ul > li > a:focus:before,
#header_top #gnb > ul > li > .sub > ul > li > ul > li > a:hover:before{background:#1845b5}
#header_top #gnb .all_close{display:none;position:absolute;right:1.25rem;top:0.625rem;width:1.875rem;height:1.875rem;font-size:1.875rem;z-index:10}
#header_top #gnb .all_close:before{content:"\e921";font-family:"xeicon";display:inline-block;line-height:1;transition:all .3s}
#header_top #gnb .all_close:hover:before{transform:rotate(180deg)}
/* GNB 3뎁스 배경 */
#header_top .gnb_bg { display:none; position:absolute; left:0; top:7.5rem; /* padding:0 13.688rem; */ width:100%; z-index:0; background:#fff url(../images/layout/bg_gnb_sub2.png) left -2.4rem bottom no-repeat; border-top:1px solid #f2f2f2; border-bottom:1px solid #ddd  }
#header_top .gnb_bg .gnb_etcMenu { position:relative; float:right; display:table; width:18%; height:100%; background:#F7F7F7; z-index:999 }
#header_top .gnb_bg .gnb_etcMenu .gnb_etcM_box { display:table-cell; vertical-align:middle; text-align:center }
#header_top .gnb_bg .gnb_etcMenu ul { display:inline-block; width:70% }
#header_top .gnb_bg .gnb_etcMenu ul li { padding:1rem 0; border-top:1px solid #E6E6E6 }
#header_top .gnb_bg .gnb_etcMenu ul li:first-child { border-top:0 }
#header_top .gnb_bg .gnb_etcMenu ul li a { position:relative; display:block; padding-right:1.5rem; font-size:1.0625rem; font-weight:bold; /* font-family:"NanumSquare", sans-serif; */ font-family:'Montserrat', "Noto Sans KR", sans-serif; text-align:left }
#header_top .gnb_bg .gnb_etcMenu ul li a:after { content:"\e93f"; position:absolute; right:0; top:50%; margin-top:-0.5rem; line-height:1; font-family:'xeicon'; color:#5c5c5c; font-size:1rem }
#header_top .gnb_bg .gnb_etcMenu ul li a i { display:inline-block; margin-right:0.625rem; width:2rem; height:2rem; line-height:2rem; background:#E3E3E3; text-align:center; font-size:1rem; color:#333; border-radius:50%; vertical-align:middle }
/* user menu */
#header_top .etc_menu .link.login { justify-content:center; position:relative; }
#header_top .etc_menu .link.login li a { display:inline-block; width:35px; height:35px;  }
#header_top .etc_menu .link.login li a img { width:100%; border-radius:50%; }
#header_top .etc_menu .link.login .user_menu { display:none; position:absolute; top:100%;  left:50%; margin:0.5rem 0 0 -4.45rem; padding:0.625rem; width:136px; text-align:left; background:#fff; border:3px solid #fbbc05; z-index:11; }
#header_top .etc_menu .link.login .user_menu:before{ content:""; display:block; position:absolute; top:-9px; left:50%; margin-left:-3px; border-width:0 6px 6px 6px; border-style:solid; border-color:transparent transparent #fbbc05;  }
#header_top .etc_menu .link.login .user_menu > li { font-size:1rem; font-weight:500; }
#header_top .etc_menu .link.login .user_menu > li.name { margin-bottom:0.375rem; padding-bottom:0.25rem; text-align:center; border-bottom:1px solid #ddd;  }
#header_top .etc_menu .link.login .user_menu > li.name > strong { font-size:1.0625rem; font-weight:500; color:#1845b5; }
#header_top .etc_menu .link.login .user_menu > li > a { position:relative; display:block; padding-left:0.625rem; width:100%; height:30px; line-height:30px; color:#777; transition:all .3s; }
/* #header_top .etc_menu .link.login .user_menu > li > a:before { content:""; display:block; position:absolute; left:0; top:0.6875rem; width:0.187rem; height:0.187rem; background:#444; } */
#header_top .etc_menu .link.login .user_menu > li > a:hover { color:#0092e5; }

.sub_side {background: #ddd;}
/* 모바일 회원 버튼 목록 */
.mo_mem{display:none;padding:1.25rem 0.875rem;height:7.5rem}
.mo_mem .mem_name{display:block;padding:0 0 0.625rem;margin:0 0 0.625rem;border-bottom:1px solid #ccc;color:#000;font-size:1rem}
.mo_mem .m_mem_list.login{padding-top:3.375rem}
.mo_mem .m_mem_list:after{content:"";display:block;clear:both}
.mo_mem .m_mem_list li{position:relative;float:left;margin-left:0.875rem;padding-left:0.875rem;font-size:1rem;color:#000}
.mo_mem .m_mem_list li:before{content:"";position:absolute;left:0;top:0.375rem;width:0;height:1rem;border-left:1px solid #ddd}
.mo_mem .m_mem_list li:first-child .name{display:block;padding:0 0 0.625rem;margin:0 0 0.625rem;border-bottom:1px solid #ccc;color:#000;font-size:1.25rem}
.mo_mem .m_mem_list li:first-child{padding-left:0;margin-left:0}
.mo_mem .m_mem_list li:first-child:before{display:none}

/* 퀵메뉴 */
#quick{position:fixed;width:9.375rem;right:-9.375rem; height:100%;z-index:10}
#quick .quick_btn{position:absolute;left:-8rem;top:80%;margin-top:-1.0625rem;display:block;width:5.5rem;height:5.5rem;line-height: 1.15rem;font-size:.9375rem;font-weight:bold;
text-align:center;color:#fff;border-radius:50%;background:#213753; z-index:2;font-family: 'Montserrat';font-weight: 400;}
#wrap.main #quick .quick_btn {top:65%;}
#quick .quick_btn span {display: block; position: relative; margin-bottom: -1rem;}
#quick .quick_btn span::after {display: block; content: '\e908'; font-family: 'xeicon'; font-size: .9rem; position: absolute; left: 50%; top: -.7rem;
    transform: translate(-50%, -50%);}
#quick .quick_btn:hover span::after {animation:h_move2 1s ease infinite;}
#quick .quick_btn.on span::after {content: '\e90b';}
#quick .quick_btn > div {position: relative; height: 100%;}
#quick .quick_btn > div > div {position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%)}
#quick .quick_btn,
#quick .quick_menu{box-shadow:0 0.325rem 2.375rem rgba(0,0,0,.3); }
#quick .quick_menu{display:none;position:relative;width:9.375rem;height:100%;background:#1e1f20;z-index:2;padding-top: 5.1875rem;}
#quick .quick_menu ul li{position:relative}
#quick .quick_menu ul li:before{content:"";position:absolute;top:0;left:50%;margin-left:-2.625rem;display:block;width:5.25rem;border-top:1px solid #363738}
#quick .quick_menu ul li:first-child:before{display:none}
#quick .quick_menu ul li a{display:block;padding:1.875rem;font-family:"NanumSquare", sans-serif;font-size:0.9375rem;line-height:1.25rem;font-weight:500;text-align:center;color:#fff;word-break:keep-all;transition:all .3s}
#quick .quick_menu ul li a:hover{background:#333}
#quick .quick_menu ul li a span{display:inline-block;margin-top:0.625rem;width:3.75rem}

/* 사이트맵 버튼 */
#header_top .header_wrap #logo > .logo_inner .btn_total { display:none; font-size: 1.8rem; color: #333; background-color:transparent; vertical-align:middle; outline:none; }
#header_top .header_wrap #logo > .logo_inner .btn_total:after { content:"\e921"; display:inline-block; font-family:"xeicon";  transition:all .3s; }

/* 사이트맵 열렸을때  */
.site_map #header_top #gnb > ul > li > .sub > ul{ flex-direction:column; }
.site_map #header_top .header_wrap #logo a img { content:url(../images/layout/main_logo_ori.svg) }
.site_map #header_top .header_wrap #logo > .logo_inner { display:flex; justify-content:space-between; align-items:center; padding:0 20px; width:100%; max-width:1300px; }
.site_map #header_top .header_wrap #logo > .logo_inner .btn_total { display:block; }
.site_map #header_top .header_wrap { background-color:#fff; }
.site_map #header_top .gnb > ul > li > a { color:#333; }
.site_map #header_top .etc_menu { display:none; }

/* .site_map #header_top .etc_menu ul { width:inherit; }
.site_map #header_top .etc_menu ul li:not(:last-child) { display:none; }
.site_map #header_top .etc_menu ul li:not(:last-child) a { color:#333; border-color:#333; }
.site_map #header_top .etc_menu .btn_total i { color:#333; } */

/* 사이트맵 - site map - main.css에서 이동 - 올포원 */
.site_map { position: relative; overflow: hidden !important; }
/* .site_map #header_top #logo.myD_logo { position: relative; } */
.site_map .gnb_bg, .site_map .gnb_etcM_box, .site_map .sub { display:none !important }
.site_map #header_top { height:100%; background-color:#fff; }
.site_map #header_top .header_wrap { display:flex; align-items:start; position:relative; padding:0; }
.site_map #header_top #gnb { position:absolute; top:7.5rem; left:0; margin:0; width:100%; height:calc(100vh - 120px); background-color:#fff; overflow-y:auto; }
.site_map #header_top #logo { display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:7.5rem; text-align:center; border-bottom:1px solid #ddd; }
.site_map #header_top #gnb > ul { align-items:start; max-width:1400px; margin:0 auto; }
.site_map #header_top #gnb > ul::after { content:''; display:block; position:fixed; top:99vh; right:0; z-index:-1; transform:translate(0%,-100%); 
background:url(../images/main/site_map_bg.gif) top center/cover no-repeat; height:15.8125rem; width:44.3125rem; }
.site_map #header_top #gnb > ul > li { width:16.6666% }
.site_map #header_top #gnb > ul > li > a { text-align:left; font-size:1.5rem; padding:0; font-weight:700; letter-spacing:-.1rem;
 line-height:4.1875rem; }
.site_map #header_top #gnb > ul > li > a > span { border-bottom:1px solid #111; display:block; padding: 1.5rem 0 0rem; margin:0 3.5rem 3rem 0; }
.site_map #header_top #gnb > ul > li > .sub { display:block !important; position:static; padding:1.5rem 0rem; width:100%; }
.site_map #header_top #gnb > ul > li > .sub > ul { padding:0; }
.site_map #header_top #gnb > ul > li > .sub > ul > li { float:none; width:100%; margin-left:0; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > a { padding:1rem 0 0; height:auto; line-height:normal; border:none; font-family:'NanumSquare'; background:none;
font-weight:600; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > a:hover { background:none; color:inherit; }
.site_map #header_top #gnb > ul > li > .sub > ul > li:hover > a { background:none; color:inherit; color:#1792E5; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > ul { font-family:'NanumSquare';padding :1rem 0 1.25rem; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > ul > li { padding:0; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > ul > li > a { padding-left:0; font-size:1rem; color:#777; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > ul > li > a:before { display:none; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > a.on, 
.site_map #header_top #gnb > ul > li > .sub > ul > li > a:focus, 
.site_map #header_top #gnb > ul > li > .sub > ul > li > a:hover { background:none; color:#111; }
.site_map #header_top #gnb > ul > li:hover > a { color:#1792E5; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > a::after { display:none; }
.site_map #header_top #gnb > ul > li > .sub > ul > li > a { width:100% }
/* .site_map #header_top #gnb > ul > li > .sub > ul > li > ul > li > a:focus:before,
.site_map #header_top #gnb > ul > li > .sub > ul > li > ul > li > a:hover:before{ background:#1845b5} */
.site_map #header_top .etc_menu { position:absolute; top:50%; right:7.3125rem; transform:translateY(-50%); }
.site_map #header_top #gnb > ul > li > .sub > ul { width:100%; }



/* down slide */
#quick2{position:fixed;width:9.375rem;left:50%; height:100%;z-index:1;margin-left:calc(9.375rem/2)}
#quick2 .quick_btn{position:absolute;left:-8rem;top:92%;margin-top:-1.0625rem;display:block;width:5.5rem;height:5.5rem;line-height: 1.15rem;font-size:.9375rem;font-weight:bold;
text-align:center;border-radius:50%;z-index:0;font-family: 'Montserrat';font-weight: 400;}
#wrap.main #quick .quick_btn {top:65%;}
#quick2 .quick_btn > div {position: relative; height: 100%;}
#quick2 .quick_menu{display:none;position:relative;width:9.375rem;height:100%;background:#1e1f20;z-index:0;padding-top: 5.1875rem;}

/* 경진대회 버튼(main) */
#quick3{position:fixed;width:9.375rem;right:-7.375rem;  height:100%;z-index:1;margin-left:calc(9.375rem/2)}
#quick3 .circle{position:absolute;left:-6rem;top:70%;margin-top:-1.0625rem;display:block;width:5.5rem;height:5.5rem;line-height: 1.15rem;font-size:.9375rem;font-weight:bold;}



/* 컨텐츠 영역 */
#container{padding-top:5.25rem}
#container.main{padding-top:0}

body .container{width:100%;max-width:80rem;margin:0 auto}

/* 푸터 */
#footer * { line-height:1.7; }
#footer { position:relative; width:100%; bottom:0; background:#2e2e2e !important; border-top:0 !important; }
#footer .footer_wrap { max-width:80rem; margin:0 auto; padding:2.5rem 0; }
#footer .footer_logo { float:left; margin:0.725rem 3.5rem 0 0; width:20%; }
#footer .footer_content { overflow:hidden; }
#footer .footer_content > div { float:left; width:60%; }
#footer .footer_content .fnb { overflow:hidden; }
#footer .footer_content .fnb li { float:left; position:relative; margin-left:0.75rem; padding-left:0.75rem; }
#footer .footer_content .fnb li:before { content:""; position:absolute; left:0; top:50%; margin-top:-0.34375rem; display:block; height:0.6875rem; border-left:1px solid #787878; }
#footer .footer_content .fnb li:first-child { margin-left:0; padding-left:0; }
#footer .footer_content .fnb li:first-child:before { display:none; }
#footer .footer_content .fnb li a { color:#d1d1d1; font-size:1.0625rem; }
/* footer .fnb 목록 중 두 번째 li(a) - 개인정보처리방침 적용 */
#footer .footer_content .fnb li:nth-child(2) a {color: #FFD400 !important;   /* 노란색 */}
#footer .footer_content address,
#footer .footer_content .copyright { font-size:0.9375rem; color:#C0C0C0; }
#footer .footer_content address span:first-child { margin-right:3px; }
#footer .footer_content address a { color:#C0C0C0; }
#footer .footer_content address span { display:inline-block; }
#footer .footer_content .footer_icon { float:right; width:40%; }
#footer .footer_content .footer_icon a > img { max-width:34%; max-height:45%; }
#footer .footer_content .footer_icon img { max-width:24%; max-height:60%; }

/* 푸터 배너 롤링 */
.footer_rolling{background:#fff; display: none}
.footer_rolling .footer_rolling_wrap{max-width:80rem;margin:0 auto;padding:1.875rem 0}
.footer_rolling ul{overflow:hidden}
.footer_rolling ul li{float:left}

.footer_rolling .footer_rolling_wrap .bx-wrapper{width:100%;padding:0 3.4375rem;position:relative}
.footer_rolling .footer_rolling_wrap .bx-wrapper .bx-controls a{position:absolute;top:50%;margin-top:-1.1rem;display:block;width:2.2rem;height:2.2rem;line-height:2.2rem;border:1px solid #b1b1b1;border-radius:100%;text-align:center}
.footer_rolling .footer_rolling_wrap .bx-wrapper .bx-controls a:before{font-family:"xeicon";font-size:1.1rem}
.footer_rolling .footer_rolling_wrap .bx-wrapper .bx-controls .bx-prev{left:0}
.footer_rolling .footer_rolling_wrap .bx-wrapper .bx-controls .bx-next{right:0}
.footer_rolling .footer_rolling_wrap .bx-wrapper .bx-controls .bx-prev:before{content:"\e93d"}
.footer_rolling .footer_rolling_wrap .bx-wrapper .bx-controls .bx-next:before{content:"\e940"}
/* 20200812_레이아웃 수정 : e */

/* 20200812_input style : s */
input[type="text"],
input[type="password"]{padding:0 0.5rem;height:2.5rem;border:1px solid #ddd;background:#FCFCFC;font-size:1rem;margin-right:0}
input[type="text"]:disabled{color:#aaa}
textarea{border:1px solid #ddd;background:#FCFCFC;font-size:1rem}
select{padding:0 2rem 0 1rem;height:2.5rem;border:1px solid #ddd;color:#888;font-size:1rem;background-color:#fcfcfc;background-image:url(../images/sub/icon_select.png);background-position:right 1rem center;vertical-align:middle}
input[type=radio],
input[type=checkbox]{margin:0 0.3125rem 0 0;width:1rem;height:1rem;vertical-align:middle;border:1px solid #707070;background:#fff}
input[type=checkbox]{border-radius:0.3125rem}
input[type=radio]{position:relative;top:-0.1rem}
input[type="text"]::-webkit-input-placeholder{color:#b7b7b7}
input[type="text"]:-moz-placeholder{color:#b7b7b7}
input[type="text"]::-moz-placeholder{color:#b7b7b7}
input[type="text"]:-ms-input-placeholder{color:#b7b7b7}

.checkBoxSub{position: relative;top: 5px}



.layer_def{display: none; height: auto; max-width: 58.75rem; background: #fff; vertical-align: middle; position: relative; z-index: 2; box-sizing: border-box; width: 100%; text-align: left; border-radius: 0.3rem; overflow: hidden;}
.layer_def.map_popup {display:none;height:80%;width: 80% !important; max-width: 47.75rem;background:#fff;vertical-align:middle;position:relative;z-index:2;box-sizing:border-box;width:100%;text-align:left;border-radius:0.3rem;overflow:hidden}
.layer_def.gigwan {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.layer_def.gigwan.close {display: none !important;}
.layer_def .title{display:block;margin:2.5rem 0 0.8rem;font-size:1.4375rem;color:#111;font-weight:bold;}
.layer_def .title.myDfu_title{width: 54%; float: left; }
.layer_def .title:first-of-type{margin-top:0}
#mapSearchModal { top:28px; height:80%}
#mapSearchModal .layer_content{height: 91%;}
.layer_def .layer_content.commu_modal {margin-bottom: 3.5rem}
.layer_def .layer_content { padding: 1.875rem 1.875rem 5.5rem 1.875rem; height:auto; position: relative;z-index:1;}<!--차트에 의해 선택되지 않는 부분 해결용 z-index추가-->
.layer_def .layer_content:after{content:"";display:block;clear:both}
.layer_def .layer_content .data_row{padding:1.5rem 2rem;background:#F8F8F8}
.layer_def .layer_content .data_row dl{display:table;width:100%;margin-top:0.5rem}
.layer_def .layer_content .data_row dl:first-child{margin-top:0}
.layer_def .layer_content .data_row dt,
.layer_def .layer_content .data_row dd{display:table-cell;vertical-align:middle}
.layer_def .layer_content .data_row dd input{width:100%}
.layer_def .layer_content .data_row dt{max-width:3rem;font-weight:500}
.layer_def .close-modal{display:block;height:3.75rem;line-height:3.75rem;background:#3B3D3D;text-align:center;color:#fff;font-size:1.125rem;transition:background-color .4s; position: absolute; bottom: 0; width: 100%; z-index:9999;}
.layer_def .close-modal:after{content:"\e921";display:inline-block;position:relative;top:0.1rem;margin-left:0.5rem;font-family:"xeicon";transition:all .4s}
.layer_def .close-modal:hover{background:#555}
.layer_def.right_modal .close-modal {position: static;}
.layer_def .close-modal:hover:after{content:"\e921";display:inline-block;margin-left:0.5rem;font-family:"xeicon";transform:rotate(180deg)}

#map { height: 70%; width: 100%; max-width: 100%; margin: auto; z-index:1;}
.btn_bigDef.map_btn {position: absolute; bottom: 3.5rem; transform: translate(-50%); left: 50%;}
.myD_fileUp_wrap .title .title_tab {float:left; display:block; width:100%;font-size: 1rem; padding: .35rem 0; font-weight: 300; border: 1px solid #ddd; border-bottom: 1px solid #3e7ecd;}
.myD_fileUp_wrap .title .title_tab.on {border-color: #3E7ECD; border-bottom: 1px solid #fff}
.myD_fileUp_wrap .title::after {display: block; clear: both; content: '';}
.layer_def.type2{max-width:80rem}

.mNotice{max-width:38rem}
.mNotice .mNotice_title{position:relative;padding-right:16.5rem}
.mNotice .mNotice_title strong{display:block;}
.mNotice .mNotice_title .mNotice_btn{position:absolute;right:0;top:0}
.mNotice .mNotice_title .title i{position:relative;top:0.1rem;margin-right:0.5rem;color:#0E4B98}
.mNotice .layer_content{padding:1.875rem 1.875rem 5.5rem 1.875rem;}
.mNotice .layer_content .mNotice_list{margin-top:1rem;border-top:2px solid #414141}
.mNotice .layer_content .mNotice_list .list{padding:0.6rem 0.8rem;border-bottom:1px solid #ddd;transition:all .3s}
.mNotice .layer_content .mNotice_list .list:hover{background:#f2f2f2}
.mNotice .layer_content .mNotice_list .list .mNotice_item{position:relative;display:block;padding-left:4.6875rem}
.mNotice .layer_content .mNotice_list .list .mNotice_item .date{position:absolute;left:0;top:0;color:#888}
.mNotice .layer_content .mNotice_list .list .mNotice_item strong{font-weight:500;margin-right:0.3rem}
.mNotice .layer_content .mNotice_list .hide_list{display:none}
.mNotice .layer_content .mNotice_list .moreWrap{margin-top:0.5rem;text-align:center}
.mNotice .layer_content .mNotice_list .moreWrap .mNotice_more{display:block}

/* 테이블 */
table caption{width:1px;height:0;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:0;padding:0}
.tbl{width:100%;border-collapse:collapse;border-top:2px solid #1f1f1f}
.tbl tr th,
.tbl tr td{padding:0.8rem;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;text-align:center}
.tbl tr th{color:#444;background:#f4f4f4;font-weight:bold}
.tbl tr th:last-child,
.tbl tr td:last-child{border-right:0}
/* .tbl tr td:nth-child(4) {padding : 0;} */

.tbl.type2{border-top:1px solid #d3d3d3}
.tbl.type2 tr th,
.tbl.type2 tr td{padding:0.65rem 1.3rem;border:1px solid #d3d3d3;white-space: normal;}

/* 게시판 검색 */
.board_info{margin-bottom:0.8rem}
.board_info:after{content:"";display:block;clear:both}
.board_info .board_sch{float:right;width:33rem;max-width:33rem;position:relative;padding:0 4.675rem 0 7.8rem}
.board_info .board_sch select{position:absolute;left:0;top:0;width:7.5rem;padding-left:0.5rem}
.board_info .board_sch input[type=text]{width:100%}
.board_info .board_sch .brd_schBtn{position:absolute;right:0;top:0}
.board_info .page_info{float:left;margin-top:0.5rem;color:#888}
.board_info .page_info b{font-weight:500;color:#313131}
.board_info1 .board_sch.gigwan_sch {padding: 0 3.125rem 0 0;}
.brd_schBtn{display:inline-block;min-width:4.375rem;padding:0 1rem;height:2.5rem;line-height:2.5rem;text-align:center;color:#fff;background:#3B3D3D;border:1px solid #3B3D3D;transition:all .3s}
.brd_schBtn:hover{background:#fff;color:#3B3D3D}

.guide_link {vertical-align: -webkit-baseline-middle;}
.guide_link > span { font-size: .75rem; margin-left: 1rem; color: #0056b3; font-weight: 500; margin-top: 0.25rem; display: inline-block;}

/* 테이블형 게시판 */
.board_tbl{width:100%;border-collapse:collapse;border-top:2px solid #1F1F1F}
.board_tbl tr th,
.board_tbl tr td{padding:0.5rem;text-align:center;font-size:0.9rem}
.board_tbl tr th{font-weight:500;background:#F4F4F4;border-bottom:1px solid #d3d3d3}
.board_tbl tr td{border-bottom:1px solid #d3d3d3}

/* UL/LI형 게시판(반응형) */
div.tstyle_list { border-top: 1px solid #666; border-bottom: 1px solid #e4e4e4 }
div.tstyle_list > div > ul { display: table; table-layout: fixed; width: 100%; clear: both; overflow: hidden; margin: 0 }
div.tstyle_list > div > ul > li { -webkit-box-sizing: border-box; box-sizing: border-box; /*border-left:1px solid #DCD9D9;*/ display: table-cell; font-weight: normal; min-height: 44px; 
padding: .7rem 5px; text-align: center; text-overflow: ellipsis; /*white-space:nowrap;*/ width: 10%; vertical-align: middle; word-break: break-all }
div.tstyle_list > div > ul > li::before { display: none }
div.tstyle_list > div > ul > li:first-child { border-left: 0 }
div.tstyle_list > div.dhead { border-bottom: 1px solid #bfbfbf }
div.tstyle_list > div.dhead > ul li { color: #333; font-weight: 500 }
div.tstyle_list > div.dbody > ul { border-bottom: 1px solid #e4e4e4 }
div.tstyle_list > div.dbody > ul:hover {background:#f2f2f2}
div.tstyle_list > div.dbody > ul:last-child { border-bottom: 0 }
div.tstyle_list > div.dbody > ul.notice { background: #fbfbfb }
div.tstyle_list > div.dbody > ul.notice li:first-child { color: #000; font-weight: 500 }
div.tstyle_list > div.dhead > ul li.b_title { width: auto; text-align: center }
div.tstyle_list > div.dbody > ul > li.b_title { width: auto; text-align: left }
div.tstyle_list > div.dbody > ul > li a span{ display: inline-block; vertical-align:middle; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width:100%}
div.tstyle_list > div.dbody > ul > li.file a { text-align: center; width: 100% }
div.tstyle_list > div.dbody > ul > li span.re-num { color: #d85430 }
div.tstyle_list > div.dbody > ul > li a:hover { text-decoration: underline }
div.tstyle_list > div.dbody > ul > li a.btn-line { display: inline-block; width: auto }
div.tstyle_list > div.dbody > ul > li a.btn-line:hover { color: #fff; text-decoration: none }
div.tstyle_list > div.dbody .xi-new { color: #21a089; font-size: .9rem; display: inline-block; vertical-align: middle; margin-left: .4rem }
div.tstyle_list .W13 { width: 13% }
div.tstyle_list .W8 { width: 8% }
div.tstyle_list .W10 { width:10% }
div.tstyle_list .W15 { width:15% }
div.tstyle_list .W18 { width:18% }

/* 페이징 */
.board_pager { margin:1.8rem auto 1rem; text-align: center }
.board_pager .inner { display: table; margin: 0 auto }
.board_pager a { border-radius: 50%; width:2rem; height:2rem;line-height:2rem;text-align: center; color: #888; border: 1px solid transparent; display: inline-block; vertical-align: middle; font-size:1rem; margin: 0 0.1rem;text-decoration:none}
.board_pager a:hover { background-color: #f5f6fa; -webkit-transition: all 0.2s; transition: all 0.2s }
.board_pager a.pageFirst,
.board_pager a.pageLast,
.board_pager a.pagePrev,
.board_pager a.pageNext { border: 1px solid #c6c6c6;padding-top:0.07rem}
.board_pager .pageNone:hover { border-color: #c6c6c6; -webkit-transition: all .2s; transition: all .2s }
.board_pager .pageNow,
.board_pager .pageNow:hover { background-color:#0E4B98; border-color:#0E4B98 }
.board_pager .pageNow strong { color: #fff;font-weight:500 }
.board_pager + .survey { margin-top: 100px }
.board_pager i { font-size: 1rem; margin-top: .4rem; color: #555;position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: 0; padding: 0; }
.board_pager .pageFirst i::after { content: "\e93c"; font-family: "xeicon"; margin-left: -.7rem }
.board_pager .pageLast i::after { content: "\e93f"; font-family: "xeicon"; margin-left: -.7rem }
.board_pager .pagePrev { margin-right: 0.3rem }
.board_pager .pageNext { margin-left:0.3rem }
.boardBtn_wrap{margin-top:0.5rem;text-align:right}

.page-item .page-link {position: relative;}
.page-item .page-link>span {position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%} 
.page-item .page-link > span.small_texting {font-size: .6rem}

.inner_rolling_wrap {height: 22%;}
.inner_rolling {position: absolute; top: 50%; transform: translateY(-50%);}

.inner_title {display:inline-block;position:relative;float:none;text-align:center;max-width:inherit;margin-top:.5rem;z-index:1; font-size: .9rem;}
.inner_title span {position: relative;display: inline-block; letter-spacing: -.1rem; font-weight: 600; font-size: 1.25rem}
.inner_title span::before {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:0.75rem;background:#ffc955;z-index:-1}

/* 지도 및 데이터셋 의미 관계 */
.map_area,
.data_area{position:relative;width:100%;text-align:center;margin:0 auto;overflow:hidden}

.map_area{height:20.875rem}
.map_area>img.sample,
.data_area>img.sample{position:relative;left:100%;margin-left:-200%;height:100%;max-width:inherit}
.map_area .bigView_btn{position:absolute;right:1rem;bottom:1rem}

.data_area{height:18.25rem;border:2px solid #eee}
.data_area .bigView_btn{position:absolute;right:1rem;bottom:1rem}

.zoom_wrap{position:absolute;top:1rem;left:1rem;width:2.25rem}
.zoom_wrap a{display:block;height:2.25rem;line-height:2.25rem;background:#fff;border:1px solid #707070;text-align:center;font-size:1rem;transition:all .3s}
.zoom_wrap a:hover{background:#f2f2f2}
.zoom_wrap a.zoomOut{margin-top:-1px}
.zoom_wrap a.zoomIn:before{content:"\e913";font-family:"xeicon"}
.zoom_wrap a.zoomOut:before{content:"\e91a";font-family:"xeicon"}

.bigView_btn{display:inline-block;min-width:7.5rem;height:2.8125rem;line-height:2.8125rem;color:#fff !important;text-align:center;background:#0E4B98;border:1px solid #0E4B98;transition:all .3s}
.bigView_btn:before{content:"\e913";display:inline-block;margin-right:0.3rem;font-family:"xeicon";transition:transform .3s}
.bigView_btn:hover{color:#0E4B98 !important;background:#fff}
.bigView_btn:hover:before{transform:rotate(180deg)}


/* wrap */
/* #wrap.on,
#wrap.on #nav,
.rside-toggle-btn.on { right: 90px; }
#wrap.on{ left: 0; position: absolute; } */


/* 상단 nav */
#nav { background-image: url(../images/main/top-headerbgimg.jpg); background-position: center; }
#nav > div { background-color: rgba(0, 0, 0, 0.3); height: 54px; }
#nav .nav-item,
#nav .nav-item > a.nav-link{ color: #bdc7cc; font-size: 0.9rem; }

.navtxtn{font-size:1.063rem!important;color: #444!important; font-weight: 600; margin-right:20px;}
.navtxtn a{color: #444;}


/* header */
#sub_top{position:relative;}
#sub_top .container{position:relative}
#sub_top section.visual {position:relative;display:table;width:100%;background-size: cover; background-image: url(../images/layout/bg_search_new.jpg);background-position:center;height:22.125rem; text-align: center;}
#sub_top section.visual:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;/* background:rgba(0,0,0,.23); */z-index:0}
#sub_top section.visual h2{position:relative;display:table-cell;vertical-align:middle;font-family:"NanumSquare", sans-serif;font-weight:bold;font-size:2.25rem;color:#fff;z-index:1;padding-top: 5.1875rem;}
#sub_top section.visual.typeA {background-image: url(../images/layout/bg_search_new.jpg);}
#sub_top section.visual.typeB {background-image: url(../images/layout/bg_search_new.jpg);}
#sub_top section.visual.typeC {background-image: url(../images/layout/bg_search_new.jpg);}
#sub_top section.visual.typeD {background-image: url(../images/layout/bg_search_new.jpg);}

/* header > location */
#sub_top .location { position:absolute; bottom:1.125rem; width:100%; background-color:transparent; z-index:1}
#sub_top .location .loc_row{text-align:right}
#sub_top .location ul.location_list {display:inline-block;vertical-align:middle}
#sub_top .location ul.location_list > li{position:relative;padding-left:1.1875rem;margin-left:0.25rem;float:left;color:#fff;line-height:1;font-size:0.9375rem}
#sub_top .location ul.location_list > li:before{content:"\e940";font-family:"xeicon";position:absolute;left:0;top:0;}
#sub_top .location ul.location_list > li.home{margin-left:0;padding-left:0}
#sub_top .location ul.location_list > li.home:before{display:none}
#sub_top .location .home,
#sub_top .location .location-nav { position: relative; display: block; float: left;}
#sub_top .location .location-nav{ float: right; background-color: #fff;}
#sub_top .location .home a,
#sub_top .location .location-nav a { position: relative; z-index: 1; width: 100%; height: 100%; display: block; padding: 0; color:#fff}
#sub_top .location .home a i,
#sub_top .location .location-nav a i { position: relative; z-index: 1; display: block; width: 100%; height: 100%; /*background: url(../images/home-icon.png) no-repeat 50% 50%;*/ background-size: 18px 16px; }
#sub_top .location .home a {padding:5px;margin:-5px 0 0;right:-5px}
#sub_top .location .location-nav.right i { background: url(../images/next-arrow.png) no-repeat 50% 50%; }
#sub_top .location .location-nav.left i { background: url(../images/pre-arrow.png) no-repeat 50% 50%; }
#sub_top .location .dropdown {}
#sub_top .location .dropdown .dropdown-item { padding: 0.6rem 1.5rem; }
#sub_top .location .dropdown > span { display: block; text-align: left; }
#sub_top .location .dropdown:hover{  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
/*#header .location .dropdown > a { display: block; text-align: left; width: 100%; height: 53px; padding: 16px 40px 16px 20px; border: 0 none; }
#header .location .dropdown:hover{cursor: pointer; background-color: #c2eaef;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }*/
#sub_top .location .more-plus { position: absolute; right: 15px; width: 22px; height: 22px; padding: 5px; }
#sub_top .location .more-plus i { display: block; position: relative; background: url(../images/plus-icon.png) no-repeat 50% 50%; width: 15px; height: 15px; }
#sub_top .location .dropdown-toggle::after { display: none; }
#sub_top .location .dropdown-menu {min-width: 100%; z-index: 100; line-height: 1.1rem; border-radius: 0; margin-top: -1px; padding: 15px 0; background-color: #f3f5f5; font-size: 0.94rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
/*.locationtit{font-size:1rem; color: #383838; padding-bottom: 3px;}*/

/* 세션 프린트&공유하기 일단 제외 */
#sub_top .location .location_etc{display:none;vertical-align:middle}
#sub_top .location .location_etc li{float:left;margin-left:0.625rem}
#sub_top .location .location_etc li a{display:block;width:1.8125rem;height:1.8125rem;line-height:1.8125rem;border:1px solid #fff;border-radius:100%;text-align:center;color:#fff}
#sub_top .location .location_etc li a:before{font-family:"xeicon"}
#sub_top .location .location_etc li a.share:before{content:"\e9ea"}
#sub_top .location .location_etc li a.print:before{content:"\e9bb"}

/* 검색 */
#total_search{position:absolute;left:0;top:0;width:100%;height:100%;}
#total_search .search_btn{position:absolute;right:-4.1rem;top:59%;display:block;text-align:center;font-weight:500;width:11.4375rem;height:3.375rem;line-height:3.375rem;font-size:1.25rem;color:#fff;background:linear-gradient(to left,#0E468D,#106ADC);border-radius:0 0 1rem 1rem;transform:rotate(90deg);transition:all .4s;z-index:2}
#total_search .search_btn:after{content:"\e97a";font-family:"xeicon";margin-left:0.4rem;transform:rotate(-90deg)}
#total_search .search_btn.on{background:linear-gradient(to left,#FF8115,#FECE32);color: #303030;}
#total_search .search_btn.on:after{content:"\e9af"}
#total_search .search_wrap{display:none;padding-top:10.5rem;position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/layout/bg_search_new.jpg);background-size:cover;background-position:center;text-align:center;z-index:1}
#total_search .search_wrap .totSch_tab{margin-bottom:1.75rem}
#total_search .search_wrap .totSch_tab li{display:inline-block;margin:0 0.1rem;vertical-align:top}
/* 아르고넷 전달 라인 */
#total_search .search_wrap .totSch_tab li .totSch_item { position:relative; }
#total_search .search_wrap .totSch_tab li .totSch_item .badge { display:block;  position:absolute; right:-13px; top:-10px; padding:5px 11px; font-size:12px; font-weight:bold; /* background:#00aeef; background:#fd8d25; */ background-color:#ff5c5c; border-radius:50px; color:#fff; letter-spacing:0px; z-index:1; }
/* //아르고넷 전달 라인 */
#total_search .search_wrap .totSch_tab li .totSch_item input[type=radio]{overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0)}
#total_search .search_wrap .totSch_tab li .totSch_item label{position:relative;display:inline-block;height:2.8125rem;line-height:2.6rem;padding:0 1.125rem;color:#fff;font-size:1.125rem;border:1px solid #fff;border-radius:1.5rem;font-family:"NanumSquare", sans-serif}
#total_search .search_wrap .totSch_tab li .totSch_item label:after{content:"\e940";font-family:"xeicon";position:relative;top:0.05rem;margin-left:0.3rem}
#total_search .search_wrap .totSch_tab li .totSch_item input[type=radio]:checked + label{padding-top:0.25rem;border:0;color:#000;font-weight:600;text-align:center;background:linear-gradient(to right,#FED230,#FEBB3D)}
#total_search .search_wrap .totSch_tab li .totSch_item input[type=radio]:checked + label:after{display:none}
#total_search .search_wrap .totSch_tab li .totSch_item input[type=radio]:checked + label:before{content:"";position:absolute;bottom:-0.5rem;left:50%;margin-left:-0.5rem;display:block;border-width:0.5625rem 0.5rem 0;border-style:solid;border-color:#FEC637 transparent transparent}
#total_search .search_wrap .totSch_input{display:inline-block;position:relative;width:100%;max-width:42rem}
#total_search .search_wrap .totSch_input input[type=text]{width:100%;padding:0 3rem 0 1.5625rem;height:3.75rem;border:0;font-size:1.25rem;font-weight:bold;background:#fff;color:#000;border-radius:0.3125rem;font-family:"NanumSquare", sans-serif;}
.totSch_btn{position:absolute;right:0.7rem;top:50%;margin-top:-1.25rem;width:2.5rem;height:2.5rem;color:#3E7ECD;text-align:center;font-size:1.5rem;background:none}
.totSch_btn:before{content:"\e97a";font-family: "xeicon"}


/*상단 펼침 메뉴 site map menu*/
.topsitemapmenu{height:100%; border-top:solid 1px #000; margin-top:54px; color: #f1f1f1; font-size:1.375rem; padding-bottom: 30px;}
.topsitemapmenu ul{width: 100%; padding-top: 20px;}
.topsitemapmenu ul:first-child{}
.topsitemapmenu ul li{width:12.5%;  text-align: center; float: left; margin-right: 20px;}
.topsitemapmenu ul li a:link{color: #f1f1f1!important;}
.topsitemapmenu ul li ul{margin-top: 15px; border-top: solid 1px #454e58; }
.topsitemapmenu ul li ul li{width: 100%;font-size: 1rem; line-height: 2.5rem; text-align: left;padding-left: 15px; margin-bottom:-1px; border-color: #777!important;}
.topsitemapmenu ul li ul li a:link{color: #f1f1f1!important;}
.topsitemapmenu ul li ul li:hover{background-color: #000;}
.topsitemapmenu ul li ul li a:hover{text-decoration: underline;}
.topsitemapmenu ul li ul li.sub{background-color: cadetblue; font-size: 0.94rem; margin-bottom: 0; }
.topsitemapmenu ul li ul li.sub a:link{color: #f1f1f1!important;}





/* main */
#main{min-height:31.25rem}/*55vh*/
#main .container{padding:3.125rem 0}
#main .container,
main .container {box-sizing: border-box; min-height:75vh} /* 서브페이지 퀵 메뉴 스크립트 수정전 : min-height:58vh */

/* right slide area */
#rside { position: fixed; top: 0; right: 0; z-index: 999; display: none; }
#rside.on { display: -ms-flexbox !important; display: flex !important; }


/* 우측 슬라이드메뉴 토글 버튼*/
.rside-toggle-btn { position: fixed; top: 50%; right: 0; width: 27px; height: 40px; cursor: pointer; z-index: 999; }
.rside-toggle-btn > i { display: block; width: 100%; height: 100%; background: url(../images/slide-btn.png) no-repeat; }
.rside-toggle-btn.on > i { background: url(../images/slide-close-btn.png) no-repeat; }


/* 메인페이지 코로나 작업 부분*/
.mainbox01 .mainbox_wrap01 ul, .mainbox01 .mainbox_wrap02 ul {padding: 25px 15px;}
.mainbox01 .mainbox_wrap01, .mainbox01 .mainbox_wrap02 {position:relative; width: 100%; height: 50%; }
.mainbox01 .mainbox_wrap01 {background: #5677b3;}
.mainbox01 .mainbox_wrap02 {background: #58816f;}
.mainbox01 .mainbox_wrap01::before, .mainbox01 .mainbox_wrap02::before {content: ""; width:15px; height: 100%; position: absolute; top: 0;left: -15px;}
.mainbox01 .mainbox_wrap01::after, .mainbox01 .mainbox_wrap02::after {content: ""; width:15px; height: 100%; position: absolute; top: 0;right:-15px;}
.mainbox01 .mainbox_wrap01::before {background:#5677b3;}
.mainbox01 .mainbox_wrap01::after {background:#5677b3;}

.mainbox01 .mainbox_wrap02::before {background:#58816f;}
.mainbox01 .mainbox_wrap02::after {background:#58816f;}
.mainbox04.con_plus img {height: auto; width: 100%;}


/*.mainbox03 {background: url(../images/main/covid-19_img.jpg) left bottom / auto no-repeat; background-color: initial;}*/
.mainbox03 {background: url(../images/main/covid_19_img_03.jpg) left bottom / cover no-repeat; background-color: initial;}
.mainbox03 ul {height: 100%;}
.mainbox03 ul li:first-child {font-size: 1.7rem; color: #fff; padding-bottom: 13px;}
.mainbox03 ul li:nth-child(2) {font-size: 2rem; color: #fff; font-weight: 500;}
.mainbox03 ul li:nth-child(3) {font-size: 1.1rem; padding: 1rem 0; color: #fff;}
.mainbox03 ul li:nth-child(4) > a {color: #fff; font-size: .95rem; padding: 10px 50px 10px 15px; background: #333; border-radius: 20px; position: relative; display: inline-block; margin: 20px 0px;}
.mainbox03 ul li:nth-child(4) > a::before {content:"\f054"; position: absolute; right: 20px;}


/* 팝업창 */
.pop_layout {position: fixed; display: none;  width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,0.8); overflow-y: scroll;}
.layout_back_color {position: absolute; top: 0; z-index: -1; width: 100%;height: 100%; }
.pop_wrap { margin: 100px auto; }
.pop_wrap li {  margin:10px 0;}
.pop_wrap li a {display: block; max-width: 658px; margin: 0 auto;}
.pop_wrap li a img {display: block; width: 100%;}


/*우측 슬라이드메뉴 */
.quick-menu { width: 90px; height: 100vh; background-color: rgba(0, 0, 0, 0.9); box-shadow: 3px 3px 15px #000; }
.quick-menu ul li { padding: 20px 8px; color: #f59a18; font-size: 0.8rem; border-bottom: solid 1px #474845; text-align: center; }
.quick-menu ul li a:link { color: #f59a18; }
.quick-menu ul li:first-child,
.quick-menu ul li:last-child,
.quick-menu ul li:nth-child(2) { border-bottom: none; }
.quick-menu ul li:hover { cursor: pointer; color: #fff; font-weight: 600; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }


/*푸터 */
/* #footer { background-color:#efeff0; border-top: solid 1px #cccdd1; min-height: 150px; }
.footer-copyright{ overflow: hidden; background-color:#f9f9f9; border-bottom: solid 1px #fff; }
.footer-copyright ul{width:100%; justify-content: center;}
.footer-copyright ul li{float: left; margin-right:15px; margin-left: 10px; color:#222; font-size: 0.813rem;}
.footer-copyright ul li:last-child{margin-right: 0;}


.faddress, .footer-copyright{ font-size: 0.9rem; } */


/*푸터 관련사이트 */
.rsite {
    width: 187px;
    font-size: 1.085rem;
    border: solid 1px #191f31;
    color: #191f31;
    text-align: center;
    font-weight: 600;
    line-height:1rem;
}

.rsiteopenlist {
    width: 187px;
    height: auto;
    padding: 10px 17px;
    border: solid 1px #191f31;
    color: #191f31;
    text-align: left;
    background-color: #fff;
}

.rsiteopenlist ul {overflow: hidden;

}

.rsiteopenlist ul li {
    width: 187px;
    padding: 7px 0;
    border-bottom: solid 1px #ddd;
    font-size: 0.875rem;
}

.rsiteopenlist ul li:last-child {
    border-bottom: none;
}

.rsiteopenlist ul li a:link {
    color: #191f31;
}

.rsiteopenlist ul li a:hover {
    color: #5677b3;
    font-weight: 600;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        box-shadow 0.15s ease-in-out;
}


.searchtw {
    margin: 0 auto;
    max-width: 800px;
}

.searchrbox {
    padding: 20px 20px;
    font-size: 0.875rem; border: solid 1px #e6e6e6; border-bottom: none; background-color: #ffffff;
}





/*작은 버튼 */
.btn-color01 { color: #fff; background-color: #5677b3; border-color: #5677b3; font-weight: 500; }
.btn-color01:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-color02 { color: #fff; background-color: #58816f; border-color: #58816f; font-weight: 500; }
.btn-color02:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-color03 { color: #fff; background-color: #af957e; border-color: #af957e; font-weight: 500; }
.btn-color03:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-color04 { color: #fff; background-color: #f8a55c; border-color: #f8a55c; font-weight: 500; }
.btn-color04:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-color05 { color: #fff; background-color: #d65f00; border-color: #d65f00; font-weight: 500; }
.btn-color05:hover { color: #fff; background-color: #000; border-color: #000; }
.btn-color06 { color: #fff; background-color: #fb4d08; border-color: #fb4d08; font-weight: 500; }
.btn-color06:hover { color: #fff; background-color: #000; border-color: #000; }



.badge-color01 { color: #fff; background-color: #5677b3; border-color: #5677b3; font-weight: 500; }
.badge-color02 { color: #fff; background-color: #58816f; border-color: #58816f; font-weight: 500; }
.badge-color03 { color: #fff; background-color: #af957e; border-color: #af957e; font-weight: 500; }
.badge-color04 { color: #fff; background-color: #f8a55c; border-color: #f8a55c; font-weight: 500; }
.badge-color05 { color: #fff; background-color: #d65f00; border-color: #d65f00; font-weight: 500; }
.badge-color06 { color: #fff; background-color: #fb4d08; border-color: #fb4d08; font-weight: 500; }



/*메인 상세검색 버튼20190803*/
.btn-mcs {
  color: #fff; height:42px;
  background-color: #d97015;
  border-color: #d97015;
  font-weight: 600; font-size:0.94rem; margin-left:0; border-radius:5px;
}



.btn-mcs:hover {
  color: #fff;
  background-color: #ee4524;
  border-color: #ee4524;
}



/*sub */


/*검색 이미지 결과 */
.simagebox{width:13rem; margin-right:7px; margin-bottom: 7px;}
.simagebox:last-child{margin-right: 0;}
.cbsize{min-height: 60px;}
.cbtxts{height:43px;position: absolute; bottom:3px; margin-top: 7px;}



/* 좌측 검색 카테고리  */
.leftboxtith3{font-weight:600; line-height: 2.0; color: #000 ;font-size: 1.25rem;position: relative; margin-top: 5px;}

.leftcategoplus {
    position: absolute;
    right: 5px;
    top: 0px;
}

.selecttxtbox {
    background-color: #f9f9f9;
    border: solid 1px #ddd;
    padding: 15px;
    font-size: 0.813rem;
    color: #ffffff;
    text-align: justify;
    margin-bottom: 5px;
}

.selecttxt{font-size:0.9rem; color:#dba26f;}

.categorybox {
    background-color: #f9f9f9;
    border: solid 1px #ddd;
    padding: 11px;
    font-size: 0.813rem;
}


.categorybox ul{}
.categorybox ul li{position: relative;}
.categorybox ul li ul{background-color: #efefef;padding:10px 15px; margin-bottom: 7px;}
.categorybox ul li ul li{font-weight: 500;}
.categoryabtn{position: absolute; right: 0; top:0;}






/*검색결과 리스트 20191213*/
.srlist{padding:23px 0 15px 0; border-top:solid 1px #d4d4d4; /*background-color: #f6f6f6;*/ margin:10px 10px 5px 10px; position: relative;}
.srlist:first-child{border-top:none;}
.srlist ul{}
.srlist ul li{font-size:0.875rem; color: #666; line-height: 1.4rem;}
.srlist ul li h3{font-weight:500}
.srlist ul li a:link{color: #666;}
.srlist ul li a:hover{text-decoration: underline !important;}
.srlist ul li.engtit{color:#333; font-size:1.125rem !important;font-weight:400 !important; line-height: 1.5rem;}
.srlist ul li.kortit{color: #000;font-size:1.125rem !important;font-weight: 600; line-height:1.4rem;padding-bottom:10px; padding-top: 10px;}
.name{font-size: 0.813rem !important; font-weight: 500; color: #4774c6 !important; padding-bottom:10px;padding-top: 5px;}
.fileinfo{padding:8px 0 25px 0; font-size: 0.813rem !important; border-top:#e9e9e9 solid 1px; color: cornflowerblue; line-height: 2.0rem;}
.topbadge{top:40px;}
.srtopenbtn{position: absolute; right: 35px; top: 22px;}
.searchfround{border-radius: 20px 0 0 20px; border: none;}
.slistbb{border-bottom: solid 1px #ddd;line-height: 2.1rem;}
.projtit{border: solid 1px #ddd; width:535px; background-color: #f9f9f9;}
.h4stitbb{border-bottom: solid 1px #ddd;}
.h4stit{margin-top: 0; margin-bottom: 0.1rem; font-weight: 600; line-height: 2.3; font-size: 1.125rem;}
.arrowspan{font-size: 1.4rem; color:#adb5bd;}
.infolistbl{}
.infolistbl ul{}
.infolistbl ul li{background: url(../images/bl-s.png)no-repeat 0; padding-left:12px;}
.reflybox{width: 97%; margin: 0 auto; background-color: #ededed; min-height: 70px; font-size:0.875rem; margin-bottom:10px; border-radius: 5px;}
.reflywriter{padding:15px 20px; font-size: 0.94rem;}
.reflycon{padding:0 20px 7px 20px; color:#777;font-size: 0.813rem; overflow:hidden; word-wrap:break-word;}
.reflyntxt{font-size: 0.813rem; color: #0D8F89; padding-top:0.625rem;}
.fileviewbox{padding: 10px; background-color: #f7f7f7;border-radius: 5px; border:solid 1px #bbb;margin-top:15px; margin-bottom:20px;}
.lsearchmore{position: absolute; right: 20px;top: 7px; font-weight: 600;}
.lsearchmore2{position: absolute; right: 30px;top:27px; font-weight: 600;}
.kdatatxt{position: relative; font-size:1rem; padding: 25px 15px 5px 15px;}
.searchtopdorm{border-radius: 20px!important; border: none; display: block;}
.searchdetail01{position: absolute; right: 15px; top: 5px; z-index: 99; margin-right: 15px;}


/* 검색결과 관련이미지 */
.preview-card { }
.preview-card .preview-header {
    height: 100%;
    vertical-align: middle;
    width: 100%;
    display: flex;
    height: 170px;
    overflow: hidden;
}

.preview-card .preview-header > img {
    align-self: center;
    margin: 0 auto;
}

.preview-card .card-body {
    border-top: 1px solid #ddd;
}

.preview-card .card-text {
    width: 100%;
    overflow: hidden;
    height: 40px;
    word-break: break-word;
}

.searchdetbox{background-color: #e9f4f7; padding: 15px 20px; border-radius: 3px;}





/*RDP 소개*/
.aboutrdptxt{border-right: solid 1px #c9804f; padding-top:10px; padding-right:10px; border-top: solid 1px #c9804f; margin-bottom:72px; margin-right: 38px;}
.aboutrdptxt1{background-color:#f9f9f9; padding:20px;}
.aboutrdptxt1 ul{}
.aboutrdptxt1 ul li{padding-left:12px; margin-bottom:10px; text-align: left; line-height: 1.25rem;}
.titbg{width: 1059px; height: 97px; background: url(../images/about/about01-10.png) no-repeat 0 0; padding-left:12px;}
.titbg1{color:#457a7c; padding-top: 13px;}
.rdpwrap{border: solid 1px #7ed1cc; border-top: none; width:1057px; margin-left: 1px; padding: 0 35px 35px 35px;}
.rdpservicem{background-color: #ebebeb; padding: 10px; border-radius: 7px; overflow: hidden;}
.rdpservicem ul{}
.rdpservicem ul li{text-align: center; border-right: solid 1px #fff; font-size: 0.94rem; color: #444; font-weight: 600; margin:20px 0px; padding: 0px 25px; float: left; line-height: 1.2rem;}
.rdpservicem ul li img{margin-bottom: 10px;}
.rdpservicem ul li:last-child{border-right: none;}
.about01tit{font-size:0.94rem; color: #32828f; font-weight: 600; line-height:1rem;}

.rdpservicem1{}
.rdpservicem1 ul{}
.rdpservicem1 ul li{border-radius: 7px; text-align: center; border: solid 2px #e4e4e4; font-size: 0.94rem; color: #666; font-weight: 600; background: url(../images/about/rdpsbg.gif);width: 33%; padding: 30px;float: left; margin-right:4px; margin-top: 20px; height: 175px;}
.rdpservicem1 ul li img{margin-bottom: 12px;}
.rdpservicem1 ul li:last-child{margin-right: 0;}


.vstopbox{border: solid 1px #e5c4a4; border-radius: 5px; overflow: hidden;padding:15px; margin-right:10px; background: url(../images/about/rdpsbg.gif);}
.marginr0{margin-right: 0;}
.vstxt01{color: #13bbc5; font-weight: 600; font-size: 1.563rem; text-align: center; float: left;padding-right:45px;padding-left: 20px; border-right: solid 1px #ddd;}
.vstxt02{font-size: 1.375rem;color: #666;float: left; text-align: center; margin: 20px 10px 0 70px;}


.vsubtitbg{background: url(../images/about/about02-3.png)no-repeat; height: 41px; font-size: 1.25rem; color: #fff;font-weight: 600;padding: 5px 0 0 35px;margin-top: 25px;}
.vsubstimg{height: 240px;background: url(../images/about/about02.gif)no-repeat;background-position: 20px 13px;}
.vsubstimg ul{}
.vsubstimg ul li{color: #444;width:150px; font-weight: 600; float: left;text-align: center;line-height: 1.4rem; margin-top: 85px; margin-left:43px;}
.vsubtitbg2{background: url(../images/about/about02-4.png)no-repeat; height: 73px; font-size: 1.25rem; color: #fff;font-weight: 600;padding: 5px 0 0 35px;margin-top:-21px;}

.vsboxbg{background: url(../images/about/about02bg-4.png)repeat-y;padding:0  30px;}
.vsbbox01{background-color: #f0f0f0; border-radius:10px;position: relative; padding-left:35%; height: 128px;margin-bottom: 14px;}
.vsbbox01 ul{padding-top: 35px;}
.vsbbox01 ul li{ font-size: 1.063rem; color: #000; background: url(../images/about/vsbl.png)no-repeat 5px 10px; padding-left: 20px;}
.vsbbox02{position: absolute; top: 0; left: 0;border-radius:15px; color: #fff; font-weight: 600; font-size: 1.125rem; padding:35px 40px 10px 70px; width: 325px;height: 128px; background: url(../images/about/01.png) no-repeat -9px 3px; background-color: #00afab; }
.vsnum02{background: url(../images/about/02.png) no-repeat -9px 3px;background-color: #05c2be;}
.vsnum03{background: url(../images/about/03.png) no-repeat -9px 3px;background-color: #06cfcb;}
.vsnum04{background: url(../images/about/04.png) no-repeat -9px 3px;background-color: #13d0ca;}
.vsnum05{background: url(../images/about/05.png) no-repeat -9px 3px;background-color: #6cdbd6;}
/*20191213 수정 */
.about3tit{    /* background-image: url(../images/about/about03-tit.gif); */
    background-repeat: no-repeat;
    overflow: hidden;
    /* min-height: 112px; */
    font-size: 1.563rem;
    color: #7e888a;
    font-weight: 600;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 22px;
    margin-top: 45px;
    border-top: 1px solid #e5c4a4;
    border-bottom: 1px solid #e5c4a4;
}
.linkbanner{color: #149a9c;font-size: 1.563rem;font-weight: 600; margin-top:2.875rem}
.linkbanner:after{content:"";display:block;clear:both}
.linkbanner ul{float: left;width:31.3%;margin-right:3%;text-align:center}
.linkbanner ul:last-child{margin-right: 0;}
.linkbanner ul li{margin-bottom:0.9375rem}
.linkbanner ul li:first-child{background-image: url(../images/about/about03tit.gif); background-repeat: no-repeat;background-position: 0 7px;margin-bottom:-1px;height: 60px;max-width:20.125rem;margin:0 auto}
.linkbanner ul li img{height:auto}

.histbox{ border-left: solid 3px #f4f4f4; overflow: hidden; min-height: 560px;}
.hisboxleft{font-size: 2.5rem;color: #5677b3;font-weight: 600;background-image:url(../images/about/about04-bl.png); background-repeat: no-repeat;background-position: 0 83px; padding-left: 25px;padding-top: 50px;width:23%;float: left;border-bottom: solid 1px #e1e1e1;}
.hisboxright{font-size: 1.375rem; color: #444; font-weight: 600;background-image:url(../images/about/about04-bl2.png);background-repeat: no-repeat;background-position: 0px 15px; padding-left: 17px;width: 73%;float: right;margin-top:70px;}
.hisrinbox{font-size: 0.875rem; color: #666; font-weight: 500;background-color: #f4f4f4;position: relative;padding-left: 285px; padding-top: 25px;overflow: hidden;height: 192px;padding-right: 20px;margin-top: 14px;padding-bottom: 40px;}
.hisboximg{position: absolute;left: 15px; top: 15px;}






/*공지사항 글보기 화면 */
.tableviewntit{border-bottom:solid #ccc 1px; padding:1.125rem 0.8rem;line-height: 2.0rem;border-radius:3px 3px 0 0; background-color:#f8f8f8;color:#333;}
.tabletopinfo{border-bottom: 1px solid #bbb; padding: 0.75rem 0.8rem}
.tabletopinfo>span{display:inline-block;padding-left:0 !important;margin-right:2rem}
.tabletopnum{font-size: 0.94rem; color:#888;}
/* 21.11.02 - 게시글 줄바꿈 */
/* .tableviewcon{border-bottom: solid 1px #e5e5e5; min-height: 200px;} */
.tableviewcon{border-bottom: solid 1px #e5e5e5; min-height: 200px; word-break: break-all; white-space: normal;}
.tablefile{border-bottom: solid 1px #bbb; background-color: #f6f6f6; padding-top:10px;padding-bottom:80px;}
.filetxt{width:90%; float: right; line-height: 1.4rem; color:#2776C0;font-weight:500}

.tablevicumtit{border: solid 1px #c4dee8; border-bottom:solid #ccc 1px; padding-top:13px; padding-bottom:13px;border-radius: 3px 3px 0 0; background-color: #edf5f8;}

.ttborder{border-top:solid 2px #17afb1;}


/*마이페이지 브릿지 화면 20190812*/
.mbridbox{border: solid 1px #ddd; text-align: center; background-color: #f9f9f9; padding-top: 30px; min-height:232px; margin-bottom: 15px; border-right: none!important;}
.mbridbox:hover{border: solid 3px #f8a55c; border-right: solid 3px #f8a55c!important; background-color: #fff; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out;}
.mbridbox:last-child{ border-right: solid 1px #ddd!important;}
.mbridbox:last-child:hover{border-right: solid 3px #f8a55c!important;}
.mbridbox ul{}
.mbridbox ul li{font-size: 1.125rem; color: #000;font-weight: 600;}
.mbridbox ul li:first-child{padding-bottom: 7px;}
.mbridbox ul li.stxt{font-size: 0.875rem; color: #666; font-weight: 400; line-height: 1.4; width: 80%; margin: 0 auto;}
.mbridbox:last-child{margin-right: 0;}
.mbridimg{font-size: 4.2rem; color:#6a6a6a; line-height:1.4;}






/*마이페이지 내 검색어 */
.mysw{border: solid 1px #ddd;padding: 10px; border-radius:3px;margin-bottom: 2px; background: linear-gradient(#fff,#f9f9f9); min-width:100%;}
.mysw:hover{border: solid 1px #aaa; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.mysw ul{display: inline-block; clear: both;width: 100%;}
.mysw ul li{float: left;}
.mysw ul li:nth-child(1){padding-top:7px;}
.mysw ul li:nth-child(2){padding:8px 10px;font-size: 0.875rem;}
.mysw ul li:nth-child(3){padding:5px 20px; color: #000;}
.mysw ul li:nth-child(3) span{font-size: 0.813rem;color: #999;}
.mysw ul li:nth-child(4){font-size: 0.875rem;padding-top:8px; float: right;}



/*마이페이지 내정보 관리 */
.mppdadmin{}
.mppdadmin ul{ border: solid 1px #ddd;min-height:370px; background-color: #faf7ef; margin-bottom: 20px; margin-top: 10px;}
.mppdadmin ul li{font-size:0.875rem; color: #666;text-align: center; padding: 10px 25px 25px 25px; line-height: 1.5;}
.mppdadmin ul:hover{border: solid 1px #000; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out;}
.mppdadmin ul li:first-child{font-size: 1.125rem; color: #000; font-weight: 600; padding-top: 25px; padding-bottom: 10px;}
.mppdadmin ul li span{font-size: 4.2rem; line-height: 1.5rem;}


.mptxtbtn{cursor: pointer;}



/*20190821 탭메뉴 */
.tabactive{margin-bottom:-1px;background-color: #fff!important; border: solid 2px #0E4B98 !important; border-bottom: none!important; color: #222; border-radius: 0; font-weight: 600;}
.tabledisable{background-color:#f2f2f2!important; color: #222; border: solid 1px #ddd!important; border-bottom: none!important; border-radius: 0; font-weight: 600;}



/*faq*/
.faqstyle{border: none; border-bottom:solid 1px #000; background:#fff;}
.faqstyle .btn-link{color: #333!important; font-size: 1.05rem; font-weight: 600;}
.faqstyl a:link{color: #000!important;}
.faqstyl a:hover{text-decoration: none;}
.faqans{background-color: #f7f7f7; border-top: solid 1px #000;}



/*login*/
.loginbg{
    background:url(../images/loginbg.jpg); background-size: cover; min-height:80vh;}
.loginlogo{margin-top: 103px; display: block;}
.loginbox{border:none; color: #e9e9e9; margin-top:40px; margin-bottom:0px; padding:30px 45px 45px 45px; min-width: 370px;}

.logbtnco01{background-color: #f17828; height: 46px; border-radius: 2px; border:none; margin-bottom: 15px; font-size: 1.125rem; font-weight: 600!important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.logbtnco02{background-color: #3a6dcb; height: 46px; border-radius: 2px; border:none; margin-bottom: 15px; font-size: 1.125rem; font-weight: 600!important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.logbtnco03{background-color: #35946a; height: 46px; border-radius: 2px; border:none; font-size: 1.125rem; font-weight: 600!important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);}
.logstxt{font-size: 0.875rem; text-align: center; padding-top: 29px; padding-bottom: 15px; border-bottom: solid 1px #555; margin-bottom: 20px;}

.idpwfind{text-align: center; margin: 0 auto; width: 75%;}
.idpwfind ul{}
.idpwfind ul li{color: #f8a55c; line-height: 2rem; font-size: 1rem; text-align: center;}
.idpwfind ul li:first-child{margin-right: 0px; padding-right:0px; border-right:none;}
.idpwfind ul li:link{color: #f8a55c!important;}
.idpwfind ul li a:link{color: #f8a55c!important;}
.idpwfind ul li:hover{text-decoration: underline;}



/*회원가입 */
.jointbox{padding:18px 25px 8px 25px; background-color: #e9e9e9;}
.jointbox .txt{color: #333; font-size: 1.1rem;font-weight: 600; line-height:2.6rem;}



/*popup*/
.modal-header{position:relative;display:block;padding:0.8rem 1rem}
.modal-body,
.modal-footer{padding:0.8rem 1rem}
.rdppopup{}
.rdppopuptit{color:#333; font-size: 1.375rem; font-weight: 600;position: relative;font-family:"NanumSquare", sans-serif}
.rdppopupclsbtn{position: absolute; right:0.5rem; top:50%;margin-top:-0.9375rem;font-size: 1.125rem; font-weight: 500;}
.popupcon{font-size: 0.94rem;}
.popupcon .text-info{font-family:"NanumSquare", sans-serif}
.rdppopupfooter{height: 57px; background-color: #ececec;padding-top: 11px; padding-left: 11px; padding-right: 11px; text-align: center;}
.layer_def .popupcon { padding: 1.875rem 1.875rem 5.5rem 1.875rem; height:auto; position: relative;}

/*email-popup*/
.email-modal-header{position:relative;display:block;padding:0.8rem 1rem}
.email-modal-body,
.email-modal-footer{padding:0.8rem 1rem}
.email-rdppopup{}
.email-rdppopuptit{color:#333; font-size: 1.375rem; font-weight: 600;position: relative;font-family:"NanumSquare", sans-serif}
.email-rdppopupclsbtn{position: absolute; right:0.5rem; top:50%;margin-top:-0.9375rem;font-size: 1.125rem; font-weight: 500;}
.email-popupcon{font-size: 0.94rem;}
.email-popupcon .email-text-info{font-family:"NanumSquare", sans-serif}
.email-rdppopupfooter{height: 57px; background-color: #ececec;padding-top: 11px; padding-left: 11px; padding-right: 11px; text-align: center;}
.layer_def .email-popupcon { padding: 0 1.875rem 5.5rem 1.875rem; height:auto; position: relative;}


/*20211217 - (주)비네아 이메일 모달 추가*/
.layer_def_email{display: none; height: 100%; max-width: 80rem; background: #fff; vertical-align: middle; position: relative; z-index: 2; box-sizing: border-box; width: 100%; text-align: left; border-radius: 0.3rem; overflow: hidden;}
.layer_def_email .layer_content { padding: 1.875rem 1.875rem 5.5rem 1.875rem; height:100%; position: relative;}
.hei-250{height:250px !important;}



 /*20211103 - (주)비네아 회원관리 메일 발송 modal용 추가*/
.current.blocker.emailModalBlocker{top: 2rem!important; height: auto!important;}

 /*20220823 - (주)비네아 커뮤니티 회원초대 modal용 추가*/
.current.blocker.cmmntyModalBlocker{top: 0 !important; height: auto!important;}
.layer_def_cmmnty{display: none; height: 100%; max-width: 70rem; background: #fff; vertical-align: middle; position: relative; z-index: 2; box-sizing: border-box; width: 100%; text-align: left; border-radius: 0.3rem; overflow: hidden;}
.invite-modal-body{padding: 15px;}
.cmmntyUserList{height: 600px;}



/*호스팅 신청 */
.hostingtit{color: #f0780b; font-weight: 600; font-size: 1.125rem;}
.hostingbox{font-size: 0.94rem; line-height: 1.8rem;padding:30px;background-color: #f4f4f4;}
.hostingbox1{font-size: 0.94rem; line-height: 1.8rem;padding:30px;background-color: #f4f4f4;}
.hostingbox1 ul{}
.hostingbox1 ul li{list-style: disc;margin-left: 15px;}



/*데이터활용 현황 20200218*/
.datapres{border: solid 1px #ddd; text-align: center;background-color: #f4fbfc; list-style: none;}
.datapres ul{ padding:25px 5px;}
.datapres ul li{font-size: 1.3125rem; color: #444;font-weight: 600;}
.datapres ul li:first-child{color: #666; font-size: 1rem!important;font-weight:600 ;padding-bottom:6px;}
.datapres ul li img{vertical-align:bottom; padding-bottom: 3px;}




/*분석 */
.anal{margin-bottom:50px!important;}
.anal:last-child{margin-bottom:0!important;}
.anal ul{width: 94%!important;}
.anal ul li{color: #444; font-size: 0.94rem!important;}
.anal ul li:first-child{font-weight: 600; font-size: 1.08rem!important; color: #000;line-height: 2.5rem;}
.analrbtn{position: absolute; top: 40%; right: 20px;}



/*커뮤니티 20191012*/
.commubox{float:left;border: solid 1px #ccc!important;width:32.63%;margin-left:1%;/* background-image: url(../images/commu-01.png); background-position: right top; background-repeat: no-repeat; */padding:2rem 1.4rem 1.25rem;position: relative;flex:none;transition:all .3s;overflow:hidden}
.commubox:hover{background-color:#edf5ff}
.row .commubox:nth-child(3n+1){margin-left:0}
.commubox ul{}
.commubox ul li.txt{font-size: 1.125rem!important; color: #222;font-weight: 500; height: 53px; line-height: 1.5rem;  padding-bottom: 9px;}
.commubox ul li.txt a:hover{color:#0E4B98;text-decoration:underline !important}
.commubox ul li{font-size: 0.813rem; color: #666;line-height: 1.2rem;}

.cobg2{/* background-image: url(../images/commu-02.png); background-position: right top; background-repeat: no-repeat; */}
.commubox:after,
.cobg2:after{content:"";display:block;width:30rem;height:10rem;position:absolute;top:-9.3rem;right:-6rem;background:#0092E5;transform:rotate(10deg);z-index:0}
.cobg2:after{background:#FDBD2E}


.rttxt{position: absolute; top:0.375rem; right:0.5rem; font-size: 0.875rem; color: #fff;font-weight: 600;z-index:1}
.rttxt2{position: absolute; top:0.375rem; right:0.5rem; font-size: 0.875rem; color: #ab6c11;font-weight: 600;z-index:1}
.pointc{color: #4774c6;}


.row .commubox2:nth-child(3n+1){margin-left:0}
.commubox2{float:left;border: solid 1px #ccc!important;padding:2rem 1.5rem;margin-left:1%;width:32.6%;flex:none;transition:all .3s}
.commubox2:hover{background:#edf5ff}
.commubox2 ul{height:14.375rem !important}
.commubox2 ul li{font-size: 0.813rem; color: #666;line-height: 1.2rem;}
.commubox2 ul li>img{margin-right:0.2rem}
.commubox2 ul li.txt{font-size: 1.125rem!important; color: #222;font-weight: 500; margin-bottom:15px;line-height: 1.5rem;height:40px;}
.commubox2:hover ul li.txt a{color:#0E4B98}
.commubox2 ul li:nth-child(2){margin-bottom:30px!important;}
.commubox2 ul li:nth-child(3){line-height: 1.2rem!important;}
.comubbtna{position: absolute!important; bottom: 0;}

.cumb2btn{width: 100%;height:2.5rem;border:solid 1px #0E4B98; color:#007298; text-align: center;border-radius: 3px;padding-top:0.6rem; font-weight: 600;color:#fff !important; margin-top:0.9375rem;background-color:#0E4B98 !important}
.cumb2btn:hover{background-color:#283D57 !important; color: #fff!important;cursor: pointer;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;}
.cumb2btn2{width: 100%;height:2.5rem;border:solid 1px #0E4B98;color:#555 !important;text-align: center;border-radius: 3px;padding-top:0.6rem; background-color: #fff; font-weight: 600; margin-top:0.9375rem;}




.commujoin{float:left;padding:0 !important;border: solid 2px #0092E5;width:32.63%;background-color: #fff;color:#0E4B98 !important; font-weight:500; font-size: 1.5rem;
            background-image: url(../images/commu-04.png); background-repeat: no-repeat; background-position: center 88px; position: relative; text-align: center;flex:none}
.commujoin:hover{background-color:#0092E5 !important;cursor: pointer;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out!important; color:#fff !important;}
.commujoin a{display:block;min-height:14rem;padding-top:1.25rem !important;color:#0E4B98 !important;}
.commujoin a:hover{color:#fff !important;}

.newcoumbtn{width: 100%;height:2.5625rem;text-align: center; padding-top:5px; background-color:#2E81EA;background-image: url(../images/commu-06.png); background-position:5px bottom; background-repeat: no-repeat;border-radius: 2px; color: #fff; font-size: 1.25rem; font-weight:500;}
.newcoumbtn:hover{background-color:#0E4B98; color: #fff!important;cursor: pointer;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;}




/*커뮤니티 상세 */
/*타이틀 */
.commuDetail_wrap{display:block}
.comudetailtop{margin-bottom:1rem;padding-left:12rem;min-height:11.25rem; background-image: url(../images/commu-11.png); background-repeat: no-repeat; background-position:2rem center;background-size:8.45rem}
.comudetailtop ul{ padding-top:2.75rem;padding-bottom:1.125rem; width:100%;margin: 0 auto;}
.comudetailtop ul li:nth-child(1){font-size: 1.875rem!important; color: #444;font-weight: 600;line-height: 1.8rem; margin-bottom: 5px;}
.comudetailtop ul li{font-size: 0.94rem!important; color:#666; text-align: center;line-height: 1.4rem; padding-bottom: 12px;word-break:keep-all}
.comudetailtop ul li span{font-size: 0.75rem; color: #4d86a0;}
.comudetailtop .comudetailTit{font-family:"NanumSquare", sans-serif}

/*좌측메뉴 */
.coumdeleft{float:left;max-width: 22%;padding-left:0}
.coumdeleftinfo{background-color:#e9f3ff; min-height:10.3125rem;color: #000;border: solid 1px #ddd; font-size: 0.94rem;padding-left:1.125rem;padding-top:1.125rem;border-radius:0.2rem}
.coumbtnl:hover{background-color:#1a7d84; color: #fff;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;cursor: pointer;}
.coumbtnl{padding:0 0.5rem;text-align: center; font-size:0.9375rem; color:#fff;height:2.125rem;line-height:2.125rem;background-color: #40a3aa;border-radius:0.2rem;margin:0.5rem 0.25rem 0.5rem 0;}
.coumbtnr:hover{background-color:#007aca; color: #fff;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;cursor: pointer}
.coumbtnr{padding:0 0.5rem;text-align: center; font-size:0.9375rem; color:#fff;height:2.125rem;line-height:2.125rem;border-radius:0.2rem; margin:0.5rem 0;background-color:#1792e5;border:1px solid #1792e5}

.btnw100{max-width:228px!important;}

.comulmenu{}
.comulmenu ul{margin-bottom:0.7rem;}
.comulmenu ul li{color: #666;font-size: 0.94rem; font-weight: 600;border: solid 1px #ddd;border-bottom: none}
.comulmenu ul li a{display:block;padding:0.6875rem 1rem;color: #666;font-weight:500;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;}
.comulmenu ul li:first-child{border-radius:0.2rem 0.2rem 0 0}
.comulmenu ul li:last-child{border-bottom: solid 1px #ddd;border-radius:0 0 0.2rem 0.2rem}
.comulmenu ul li:hover{border-color:#005d83;background-color:#005d83;color: #fcfcfc; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;cursor: pointer;}
.comulmenu ul li .select{}
.comulmenu ul li.comul_remove{padding:0.3rem 0 0.3rem 1rem;color:#333}
.comulmenu ul li.comul_remove:hover{color:#fff}

.comulbtn{background-image: url(../images/commu-10.png); background-repeat: no-repeat; background-position:right 0.625rem center; background-color: #fcfcfc;color: #005d83; border: solid 1px #ccc;min-height:3rem;padding-left:1rem; font-size: 0.94rem; font-weight: 600; border-radius:0.2rem;line-height: 2.9rem;}
.comulbtn:hover{border-color:#005d83;background-color:#005d83;color: #fcfcfc; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;cursor: pointer;}


.comulbtn2{background-image: url(../images/commu-12.png);}

.comureply1{/* border-bottom: solid 1px #d9d9d9; padding-bottom: 20px; padding-top: 10px; */}
.comureply2{border-bottom: solid 1px #d9d9d9;}


/*콘텐츠 */
.coumdecon{flex:none;max-width:inherit;width:auto;border-top: solid 1px #7b7b7b;/*border-left: solid 1px #ddd;*/min-height:600px;overflow:hidden;}
.comuctit{font-size: 1.375rem; font-weight: 600; color: #000;line-height:2.5rem;font-family:"NanumSquare", sans-serif}





/*메인화면 시작 20191008*/


.mainsearchinput{min-width:300px!important; height:45px; border-radius:50px; border:1px solid #e4dabf; background-color:transparent;}
.mainclogoimg{padding-top:174px; padding-bottom:40px; text-align:center;}
.mainctxt{text-align:center; padding-bottom:49px; font-size:2.9rem; color:#b7dde2; line-height:3.9rem;}
.mainctxt span{font-weight:700; color:#d97015;}
.mainvisualbg{height:100%; background:url(../images/main/mvisual.jpg); background-size:cover; padding-bottom: 5rem;}


.mainsearchbox{padding-bottom: 90px;}
.mainsinputtxt{width:300px; background-color:transparent; border:none; margin-top:8px;margin-left: 5px; color:#f3f3f3!important;height:25px; font-size: 0.813rem;}
.mainsearchbtn{border-top-left-radius:5px; border-bottom-left-radius:5px; margin-left:9px;}




/*메인 상단 메뉴 */
.topmainmenu{background-color: #e4e6e8!important; height: 59px; box-shadow: 0 5px 7px rgba(57, 71, 77, 0.2)!important; z-index: 989!important;}
/* .topmainmenu ul{width:80%; margin: 0 auto;} */
.topmainmenu ul li{color: #444; font-size: 1.125rem!important; font-weight: 600; display: inline-block; line-height: 3.2rem; width:210px; text-align: center;}
.tmfix{width:100%; margin: 0 auto;}




/*메인 서브펼침 메뉴20191212 수정 */
.tmmsunmenu{min-height:550px; background: url(../images/main/subopenmenubg01.png), url(../images/main/subopenmenubg02.png);background-position: left center, right bottom; background-repeat: no-repeat; background-color:transparent; z-index: 10; padding-top:10px; padding-bottom:40px!important;position: relative;}
.tmmsunmenuinb{background:linear-gradient(#a4bfc4,#abd8da); min-height:180px;}
.tmmsunmenu ul{float: left; border-right: solid 1px #d3e4e5; min-width:215px; text-align: center;}
.tmmsunmenu ul:last-child{border-right:0;}
.tmmsunmenu ul li{font-size: 0.94rem; color: #444; font-weight: 600;line-height: 1.8rem;}
.tmmsunmenu ul li:first-child{padding-top:7px;}
.tmmsunmenu ul li a{color: #444;}
.tmmsunmenu ul li a:hover{color: #000; text-decoration: underline!important;}
.tmmclosebtn{position: absolute;right: 20px; bottom:20px;}




/*메인 비쥬얼 중요 메뉴 */

.mainconmenu { width:100%; height: 175px; font-size: 1.375rem;color: #fff; /*border: solid 1px #397491;*/ background-color: rgba(38,47,56,0.7);text-align: center;margin-right:10px;margin-bottom: 10px; padding: 35px 0 0 0;line-height: 3.5rem; border-radius: 2px;transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;}
.mainconmenu:hover{background: linear-gradient(#004564,#00935e); cursor: pointer;}
.mainconmenu:last-child{margin-right:0px !important;}



/*메인 사용자 유형안내 */
.userinfobg{background:url(../images/main/userbg.gif); height: 282px;}
.userfimg{max-width: 365px; margin-bottom: 10px}
.userinfo{max-width: 256px; height: 154px; background: rgba(214,212,205,0.5); border: solid 1px #d8d8d8; margin-right: 10px; overflow: hidden;}
.userinfo ul{}
.userinfo ul li{font-size: 0.94rem!important;font-weight: 600; line-height: 1.4rem; padding-top: 19px;}
.userinfo ul li img{margin: 10px; float: left;width: auto;}


.userttxt{font-size: 1.875rem; color: #a3aaae; font-weight: 600; position: absolute; left:30%; top: 12%;}




/*메인 상세검색 팝업 */
.scdetailp{background-color: #f9f9f9; border:solid 1px #333; border-radius: 3px; /*min-width:750px;*/ min-height: 430px;}
.scdtit{font-size:1.25rem; font-weight: 600; color: #fff; text-align: center; position: relative; background-color: #0caeac;height:47px;padding-top: 7px;}
.scdtitclose{position: absolute; right:20px; top: 5px;}
.scdcon{width: 90%; margin: 0 auto; border: solid 1px #e5e5e5; background-color: #fff;padding: 15px; margin-top: 25px; margin-bottom: 25px;}





/*공지사항 */
.noticem{overflow:hidden; min-height: 102px;margin: 0 auto; width: 100%; position: relative;}
.noticem01{font-size: 1.875rem;font-weight: 600; background-color: #dae0e4; padding: 25px; width: 100%;}
.noticem02{font-size: 1rem!important; font-weight: 500!important;text-align:left; padding-top:20px;padding-left: 30px;padding-bottom:20px;}
.noticem02 ul{}
.noticem02 ul li{line-height: 1.5rem; margin-bottom:30px;}
.noticem02 ul li:last-child{margin-bottom: 10px;}
.noticem03{font-size:0.94rem;}
.noticem04{font-size:0.94rem; padding-top:20px;position: absolute; right: 40px;padding-bottom:20px; display: none;}
.noticem02 a:link{}
.noticem02 a:hover{text-decoration: underline!important;}
.noticewarpbg{background-color:#e9e9e9;}



/*메인 중앙 카드메뉴 */
.mainbox01{width: 100%; min-height: 302px; background-color: #5677b3; background-image: url(../images/main/about-bgimg.png); background-repeat: no-repeat;background-position: left bottom; overflow: hidden;}
.mainbox01 ul{padding: 50px 30px; position: relative;}
.mainbox01 ul li{color: #f9f9f9;line-height: 1.4rem;font-weight: 400!important; font-size: 0.94rem;}
.mainbox01 ul li:first-child{font-size: 1.75rem;color: #fff;font-weight: 600!important;padding-bottom: 20px;}
.moreview{font-size: 0.813rem!important; color: #e4dabf!important; position: absolute; right: 20px; top: 250px;}
.moreview a:link{color: #e4dabf!important;}
.moreview a:hover{text-decoration: underline!important;}


.mainbox02{width: 100%; height: 302px; background-color: #e4dabf; overflow: hidden;}
.mainbox02 ul{padding: 40px 30px; position: relative;}
.mainbox02 ul li{}
.mainbox02 ul li:first-child{font-size: 1.75rem;color: #464d51;font-weight: 600!important;padding-bottom:5px;}
.mainbox02 ul li:nth-child(2){float: left; margin-right: 20px;}
.mainbox02 ul li img{width: 100%; height: 156px;}
.mainbox02 ul li .mmoreplus img{width: 100%; height: auto;}
.mainbox02 ul li:nth-child(3){font-size: 1.125rem;color: #464d51;font-weight: 600;}
.mainbox02 ul li:nth-child(4){font-size: 0.875rem;color: #464d51;font-weight: 400!important;}
.mainbox02 ul li:nth-child(5){font-size: 1.125rem;color: #464d51;font-weight: 600;margin-top: 10px;}
.mainbox02 ul li:nth-child(5) a:link{color: #464d51!important;}
.mainbox02 ul li:nth-child(5) a:hover{text-decoration: underline!important;}
.mainbox02 ul li:nth-child(6){font-size: 0.875rem;color: #464d51;font-weight: 400!important;line-height: 1.125rem;}

.new_box {background-image: none; background-color: #373e68 !important;}
.new_box:nth-child(1) {background: url(../images/covid_19_img_04.jpg) left bottom / cover no-repeat; background-color: initial;}
.new_box:nth-child(2) {background: url(../images/covid_19_img_05.jpg) left bottom / cover no-repeat; background-color: initial;}
.new_box:nth-child(3) {background: url(../images/covid_19_img_06.jpg) left bottom / cover no-repeat; background-color: initial;}
.new_box:nth-child(4) {background: url(../images/covid_19_img_07.jpg) left bottom / cover no-repeat; background-color: initial;}
.new_box>ul>li:nth-child(3) { color: #fff !important;  font-weight: 400;}



.col-lg-4.mainbox03{width: 100%; height: 302px; background-color:initial; overflow: hidden;}
.mainbox03 ul{padding: 40px 30px; position: relative;}
.mainbox03 ul li:first-child{font-size: 1.75rem;color: #fff;font-weight: 600!important;padding-bottom:13px;}
/*
.mainbox03 ul li:nth-child(2){font-size:1.375rem;color: #f8a55c; }
.mainbox03 ul li:nth-child(3){font-size:0.94rem;color: #e4dabf;}
.mainbox03 ul li:nth-child(4){font-size:0.813rem;color: #f0f0f0;line-height: 1.0rem;}
*/



.mainbox04{width: 100%; height: 302px; background-color: #f0f0f0; background: url(../img/main_box_04_back.jpg) left top / cover repeat; overflow: hidden;}
.mainbox04 ul{padding: 20px 20px 40px 20px; position: relative;}
.mainbox04 ul li{}
.mainbox04 ul li:first-child{font-size: 1.75rem;color: #3b578c;font-weight: 600!important;}
.mainbox04 ul li:nth-child(2){float: left; margin-right: 20px;}
.mainbox04 ul li:nth-child(3){font-size: 1rem!important;color:#383838;font-weight: 600;line-height: 1.2rem;}
.mainbox04 ul li:nth-child(3) a:link{color:#383838!important;}
.mainbox04 ul li:nth-child(3) a:hover{text-decoration: underline!important;}
.mainbox04 ul li img{width: 156px; height: auto;}
.mainbox04 ul li:nth-child(4){font-size: 1.15rem;color: #383838;font-weight: 600!important;line-height: 1.1rem;padding: 10px 0;}
.mainbox04 ul li:nth-child(5) {line-height: 1.3}




.mainbox05{width: 100%; height: 302px; background-color: #f8a55c; overflow: hidden;}
.mainbox05 ul{padding: 40px 20px 40px 20px; position: relative;}
.mainbox05 ul li{}
.mainbox05 ul li.tit{font-size: 1.75rem;color: #fff;font-weight: 600!important;padding-bottom: 20px;}
.mainbox05 ul li.num{float: left; margin-right:10px;font-size: 2.75rem;color: #d65f00;font-weight: 600!important;margin-top: -15px;}
.mainbox05 ul li.txt{font-size: 1.125rem!important;color:#4b4545;font-weight: 600;line-height: 1.2rem;}
.mainbox05 ul li.txt a:link{color:#4b4545!important;}
.mainbox05 ul li.txt a:hover{text-decoration: underline!important;}
.mainbox05 ul li.txt1{font-size:0.94rem!important;color:#4b4545;font-weight: 400;line-height: 1.1rem;padding-top:5px;}
.mainbox05 ul li.txt1 a:link{color:#4b4545!important;}
.mainbox05 ul li.txt1 a:hover{text-decoration: underline!important;}




.mainbox06{width: 100%; height: 302px; background-color: #f0f0f0; overflow: hidden;}
.mainbox06 ul{padding: 40px 30px; position: relative;}
.mainbox06 ul li{}
.mainbox06 ul li:first-child{font-size: 1.75rem;color: #464d51;font-weight: 600!important;padding-bottom: 20px;}




.mmoreplus{position: absolute; top: 23px; right: 20px;}
.mainboxtit{font-size: 2.1rem;color: #fff;}
.txtcolor{color: #464d51;}



/*main footer banner*/
/* .mainfbanner{overflow: hidden;}
.mainfbanner ul{margin: 0; padding-top: 50px;}
.mainfbanner ul li{float: left;margin-right:30px; vertical-align: middle;margin-bottom: 10px;}
.mainfbanner ul li:first-child{padding-top: 16px;}
.mainfbanner ul li:last-child{margin-right: 0!important;padding-top: 16px;}
 */



/*mydrive*/
.myd-tit{position: absolute; left:20px; top: 12px; font-size: 0.94rem; color: #04090c;}
.myd-tit ul{}
.myd-tit ul li{float: left; margin-left: 14px;}


.myd-tit2{position: absolute; right:30px; top: 20px; font-size: 0.75rem; color: #04090c;}
.myd-tit2 ul{}
.myd-tit2 ul li{float: left; margin-left: 14px;}



.restit{height:48px; font-size: 0.75rem;text-align: right; padding-right: 18px;padding-top:14px;background-color: #fff;}

.rowlstyle{width: 88px; background-color: #4f5b62;}
.mydleftm{float: left; width: 88px; background-color: #4f5b62; height: 100%; flex:0 0 auto;}
.mydleftm ul{}
.mydleftm ul li{text-align: center;color: #efefef; font-size:0.75rem;font-weight: 600; padding-top:20px; border-bottom:solid 1px #5d686e; line-height: 1.7rem; padding-bottom: 10px!important; }
.mydleftm ul li.select{ background-color:#fff;box-shadow:inset 0px 3px 10px rgba(102, 102, 102, 0.3); color: #09b1bc; }


.mydleftm2{float: left!important;width: 250px; background-color: #f5f5f5; border-right:solid 1px #ddd; height: 100%;}
/*
.mydleftm2 ul{}
.mydleftm2 ul li{font-size: 0.94rem; font-weight: 600; color: #333; padding-left: 15px;line-height: 3.1rem;position: relative; border-top: solid 1px #ddd;}
.mydleftm2 ul li:hover{background-color: #d3e2e5;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;cursor: pointer;}
.mydleftm2 ul li:last-child{border-bottom: solid 1px #ddd;}
.mydleftm2-btn{position: absolute;top: 0px; right: 20px;}
.mydleftm2 ul li ul{}
.mydleftm2 ul li ul li{font-size: 0.875rem; color: #444; line-height: 2.9rem; background-color: #ebebeb!important; margin-left:-15px;}
.mydleftm2 ul li ul li:last-child{border-bottom:none; }
.mydleftm2 ul li ul li ul{}
.mydleftm2 ul li ul li ul li{font-size: 0.813rem; color: #444;line-height: 2.9rem!important; background-color: #e7e7e7!important; padding-left:35px;}
.mydleftm2 ul li ul li ul li.select1{background-color: #d3e2e5!important;}
.mydleftm2 ul li ul li ul li:last-child{border-bottom:none; }*/


.mydnav-tit{width: 100% ; height:47px; border-bottom: none; margin-top: 54px;background-color: #efefef;position: relative; box-shadow: 0 1px 2px rgba(79, 91, 98, 0.2); z-index: 999;}



.mydcon{overflow: hidden !important;  flex:0 0 auto;}
.mydconttit{height: 50px!important;background-color: #d9e4e8!important;}

.mdtleftbtn{float: left;margin-left:39px!important;padding-top: 11px;}
.mdbtn01{height: 28px; border-radius: 20px;background-color: #fa8026;padding: 0px 17px; font-size:0.75rem!important;color: #fff!important;margin-right: 5px;font-weight: 600;}
.mdbtn01:hover{background-color: #4f5b62; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;}
.mdbtn02{height: 28px; border-radius: 20px;background-color: #f8f8f8;padding: 0px 17px; font-size:0.75rem!important;color: #666!important;border: solid 1px #fa8026;margin-right: 5px;font-weight: 600;}
.mdbtn02:hover{background-color: #fa8026;color: #fff!important;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;}
.mdtrightbtn{float: right;margin-right: 39px;padding-top: 11px;}

.mydfooter{font-size: 0.75rem!important; color: #383838;text-align: center!important; background-color: #efeff0!important; border-top: solid 1px #ddd; height: 45px!important;padding-top: 12px;}


.mdtabm{position: absolute; left: 0; top: 3px;}
.mdtabm ul{}
.mdtabm ul li{width: 169px;float: left;background-color: #b2b3b4;border-radius: 3px 3px 0 0;
    text-align: center;height: 50px;margin-top:7px;line-height: 3.3rem;font-size: 0.875rem;color: #fff;font-weight: 600;}
.mdtabm ul li.select{background-color: #22c4af; box-shadow: inset 0px 1px 5px #278971; }
.mdlarrow{position: absolute; right: 15px; top:0px;}


.mydlistbox{height:35px; line-height:2.0rem;}
.mydleftmselect{background-color: #e7e7e7;}

.tablehtop{border-top: none;}



/*알림팝업 */
.alarmbox{background-color: #effefa; width:400px; border-radius: 3px; background-image:url(../images/alarm-icon.png); background-repeat: no-repeat;background-position:20px 22px;padding:25px 35px 2px 20px;border:solid 1px #ddd;}
.alarmbox ul{ margin-left:40px;}
.alarmbox ul li{font-size:0.813rem; color: #444; border-bottom: solid 1px #ddd;padding-bottom: 10px; margin-bottom: 10px;}
.alarmbox ul li:last-child{border-bottom: none;margin-bottom:0px;}
.ssmtxt{font-size:0.75rem; color: #666; }





/*workflow*/
.workf-tit{width: 100% ; height: 60px; border-bottom: solid 1px #e0dede!important; margin-top: 54px;background-color: #efefef;position: relative; box-shadow: 0 1px 2px rgba(79, 91, 98, 0.2); z-index: 999;}
.topbtnicon{padding-left: 30px;}
.topbtnicon ul{}
.topbtnicon ul li{float: left;margin-right: 5px;margin-top:15px;}




.wftoptit{font-size:1.125rem; font-weight: 600; color: #235a66;margin: 0 auto;width:300px;padding-top: 16px; text-align: center;}
.wftoprinfo{position: absolute; right: 30px; top: 12px; font-size: 0.75rem; color: #04090c;}




.leftboxmenu{float: left; width: 88px; background-color: #393939; height: 100%;}
.leftboxmenu ul{}
.leftboxmenu ul li{text-align: center;height: 84px;color: #09b1bc; font-size:0.75rem;font-weight: 600; padding-top: 20px; border-bottom:solid 1px}
.leftboxmenu ul li.select{ background-color:#fff;box-shadow:inset 0px 3px 10px #bbb; }




.wfleftmenu{float: left!important;width: 250px; background-color: #f5f5f5; border-right:solid 1px #ddd; height: 100%;}
.wfleftmenu ul{}
.wfleftmenu ul li{font-size: 0.94rem; font-weight: 600; color: #333;padding-left: 15px;line-height: 3.0rem;/* border-bottom: solid 1px #c8c8c8;*/ position: relative;}
.wfdarrow-btn{position: absolute;top: 0px; right: 20px;}
.wfleftmenu ul li ul{}
.wfleftmenu ul li ul li{font-size: 0.875rem; color: #444; line-height: 2.0rem; background-color: #e7e7e7;margin-left: 0; }
.wfleftmenu ul li ul li ul{}
.wfleftmenu ul li ul li ul li{font-size: 0.813rem; color: #444;line-height: 2.5rem!important;}
.wfleftmenu ul li ul li ul li.select1{background-color: #d3e2e5;}






/* 관리자 화면  */

.adminlmtitle{font-size: 1.875rem; color: #e1e2e1;font-weight: 600;text-align: center;height: 97px; background-color: #7a878d;line-height: 6.0rem;}
.adminleftm{float: left; width: 88px; background-color: #4f5b62; height: 100%; flex:0 0 auto;width: 230px;}
.adminleftm ul{ border-bottom: solid 1px #969ca0;padding-bottom: 15px; padding-top: 17px;}
.adminleftm ul li{font-size: 0.875rem; color: #e9e9e9;padding:3px 28px;}
.adminleftm ul li:first-child{font-size:1.25rem;color: #fff; font-weight:500;}
.adminleftm ul li a{color: #e9e9e9!important;}
.adminleftm ul li:hover{background-color: #f8a55c; color: #000!important; cursor: pointer;font-weight: 600;}
.adminleftm ul li.select{background-color: #f8a55c; color: #000; font-weight: 600;}
.adminttit{width: 100% ; height: 65px; border-bottom: solid 1px #e0dede!important; background-color: #efefef;position: relative; box-shadow: 0 3px 2px rgba(102, 102, 102, 0.1); z-index: 999;}

.admintoptit{font-size:1.5rem; font-weight: 600; color: #040b0f;margin: 0 auto;padding-top: 16px;text-align: left!important;}

.adminbg{background-image: url(../images/admin/admin-bgimg.png); background-repeat: no-repeat; background-position: 82% 10px;}

.adminbg2{background-image: url(../images/uploadtopbg.png); background-repeat: no-repeat; background-position: 87% 35px;}

.adminmaintitle{background: url(../images/admin/admintop-img.png) no-repeat 0 0px; padding-left:80px; height:68px; padding-top:25px; border-bottom: solid 1px #939393; color: #3a6b6f; font-size: 1.125rem; width: 60%; margin-left: 5%;}

.adminmbox{width:90%; margin: 0 auto; margin-top:50px; border: solid 3px #bbb; margin-right: 5px; background-color: rgba(255,255,255,0.9);list-style: none!important;}
.adminmbox ul{padding: 40px 10px;}
.adminmbox ul li{text-align:center!important; font-size: 0.875rem; color: #666;}
.adminmbox ul li:first-child{font-size: 1.125rem; font-weight: 600;color:#000; padding-bottom: 16px;}
.adminmbox ul li:last-child{padding-top: 16px;}
.adminmbox:hover{border: solid 3px #f8a55c; border-right: solid 3px #f8a55c!important; background-color: #fff; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border 0.15s ease-in-out;cursor: pointer;}




/*erroe 페이*/
.error-ps{width: 891px; height: 419px; overflow: hidden; margin: 0 auto; margin-top:250px; background-image: url(../images/ps-error.png); background-repeat: no-repeat; background-position: center;}
.errorbtxt{font-size: 26px; font-weight: 600; color: #444; padding-left:358px; padding-top:160px;}
.errorbtxt2{font-size: 1.125rem;font-weight: 500; color: #444; padding-left:358px!important; margin-top:-2px;}
.errorbbtn{ padding-left:358px!important; margin-top:68px;}


.erbtnbg01{background-color: #ff8300;}
.erbtnbg02{background-color: #53b3b4;}


.errorwrap{background-image: url(../images/errorbgpt.png); background-position: top; position: relative;width: 100%; padding-top:195px;}

.error-au{width:500px;text-align: center;margin: 0 auto;background-image: url(../images/wf-error.png); background-position: center; background-repeat: no-repeat; padding-top: 230px;}
.errorbtxt3{font-size: 26px; font-weight: 600; color: #444;padding-top:0;}
.errorbtxt4{font-size: 1.125rem;font-weight: 500; color: #444;}
.errorbbtn2{margin-top:27px; font-weight: 600;}

.errortoplogo{position: absolute;left: 44px; top: 39px;}

/* 기타 */
table .no-list{ height: 10rem; vertical-align: middle; text-align: center; }
.sub-title { font-size: 1.875rem!important; font-weight: 600; color: #383838; padding-bottom: 1rem; border-bottom: solid 1px #e1e1e1; margin-bottom: 1.5rem; text-align: center; line-height: 3.0rem;font-family:"NanumSquare", sans-serif}


@keyframes h_move {
    0%{left:1rem}
    50%{left:0.7rem}
    100%{left:1rem}
}
@keyframes h_move2 {
    0%{left:60%}
    50%{left:40%}
    100%{left:60%}
}


/************************************
		### 2024년 스타일 추가 ###
************************************/

/* 팝업창 관리 - 팝업 템플릿 선택 */
.popup_temp * { box-sizing:border-box; }
.popup_temp { position:relative; width:100%; /* height:370px; */ }
.popup_temp_div { margin:0; padding:0; width:100%; max-width:1300px; font-size:14px; color:#000; }
.popup_temp_div .swiper-slide { display:flex; flex-direction:column; justify-content:center; align-items:center; width:315px; height:315px; font-size:18px; text-align:center; background:#fff; border:1px solid #ccc; border-radius:15px; }
.popup_temp_div .swiper-slide label { display:block; width:100%; height:100%; }
.popup_temp_div .swiper-slide h3 { width:100%; height:47px; line-height:47px; color:#fff; background-color:#263741; border-radius:15px 15px 0 0; }
.popup_temp_div .swiper-slide .thumbnail { height:230px; }
.popup_temp_div .swiper-slide .thumbnail img { margin-top:6px; height:95%; vertical-align:middle; transition:all 0.3s; }
.popup_temp_div .swiper-slide p { width:100%; height:40px; line-height:40px; color:#333; background-color:rgba(38,55,65,0.1); border-radius:0 0 15px 15px; }
/* .main_btn_move .swiper-button-prev:after, .main_btn_move .swiper-button-next:after {  font-family:"bootstrap-icons" !important; color:#263741; }
.main_btn_move .swiper-button-prev:after { content:"\F284" !important; }
.main_btn_move .swiper-button-next:after { content:"\F285" !important; }
.main_btn_move .swiper-pagination-bullet-active { background-color:#263741 !important; } */
.swiper-button-prev:after, .swiper-button-next:after {  font-family:"bootstrap-icons" !important; color:#263741; }
.swiper-button-prev:after { content:"\F284" !important; }
.swiper-button-next:after { content:"\F285" !important; }
.swiper-pagination-bullet-active { background-color:#263741 !important; }
/* hover */
.popup_temp_div .swiper-slide label:hover .thumbnail img { scale:1.05; transition:all 0.3s; }

/* 팝업창 관리 - 레이어 팝업 - 기본 세팅 */
.layerPop { display:none; position:fixed; top:0; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.7); z-index:22222; }
.layerPop.layerOpen { display:block; }
.layerPop .layerConts { display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; }
.layerPop .layerConts .layerContsInner { position:relative; width:550px; height:550px; background-color:transparent; }
.layerPop .layerConts .layerContsInner:after { content:""; display:block; position:absolute; left:50%; transform:translateX(-50%); }
.layerPop .layerConts .msg_box { position:absolute; top:150px; left:50%; width:481px; height:350px; border-radius:15px; transform:translateX(-50%); z-index:1; }
.layerPop .layerConts .msg_box .popup_tit { display:flex; justify-content:center; align-items:start; position:relative; margin-top:36px; width:100%; font-size:20px; font-weight:bold; color:#333; text-align:center; letter-spacing:-0.2px; }
.layerPop .layerConts .msg_box .popup_tit span { display:block; position:relative; }
.layerPop .layerConts .msg_box .popup_tit span:before { content:""; display:inline-block; position:absolute; bottom:10px; left:0; right:0; width:100%; height:1px; background-color:#333; }
.layerPop .layerConts .msg_box .popup_tit:after { content:""; display:block; position:absolute; top:63px; left:50%; width:45px; height:3px; background-color:#ccc; transform:translateX(-50%); }
.layerPop .layerConts .msg_box .popup_conts { display:table; margin-top:25px; width:100%; height:calc(100% - 138px); }
.layerPop .layerConts .msg_box .popup_conts .conts_inner { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }
.layerPop .layerConts .msg_box .popup_conts .conts_inner > * { line-height:26px; font-size:18px; font-weight:bold; color:#333; text-align:center; word-break:break-all; letter-spacing:-0.2px; }
.layerPop .layerConts .layerContsInner .pop_more_btn { display:flex; justify-content:center; align-items:center; position:absolute; left:50%; bottom:33px; width:140px; height:36px; font-size:15px; color:#fff; background-color:#153879; border-radius:36px; transform:translateX(-50%); box-sizing:border-box; z-index:1; }
/* 팝업창 관리 -  페이징 - 메인용 백업 */
.layerPop .layerConts .popup_paging { width:100%; height:50px; text-align:center; background-color:rgba(255,255,255,0.7); }
.layerPop .layerConts .popup_paging { position:absolute; bottom:calc(50% - 325px); }
/* 팝업창 관리 - 닫기 버튼 */
.layerPop .layerConts .btn_area { position:absolute; bottom:calc(50% - 335px); left:50%; width:40px; height:40px; text-align:center; transform:translateX(-50%); }
.layerPop .layerConts .btn_area button { display:flex; justify-content:center; align-items:center; width:40px; height:40px; background-color:#d0d7e4; border:none; border-radius:50%; cursor:pointer; vertical-align:middle; outline:none; }
.layerPop .layerConts .btn_area button i { font-size:30px; font-weight:bold; color:#153879; }

/* 팝업창 관리 - 레이어 팝업 - type */
/* type01 */
.layerPop .layerConts .layerContsInner.type01 { background:url("../images/admin/popupTemp/bg_popupTemp_type01.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type01 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type04.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type01 .msg_box .popup_tit:after { background-color:#c2d0f5; }
/* type02 */
.layerPop .layerConts .layerContsInner.type02 { background:url("../images/admin/popupTemp/bg_popupTemp_type02.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type02 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type02 .msg_box .popup_tit:after { background-color:#c2d0f5; }
/* type03 */
.layerPop .layerConts .layerContsInner.type03 { background:url("../images/admin/popupTemp/bg_popupTemp_type03.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type03 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type03 .msg_box .popup_tit:after { background-color:#565b6a; }
/* type04 */
.layerPop .layerConts .layerContsInner.type04 { background:url("../images/admin/popupTemp/bg_popupTemp_type04.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type04 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type04 .msg_box .popup_tit:after { background-color:#8a9cbc; }
/* type05 */
.layerPop .layerConts .layerContsInner.type05 { background:url("../images/admin/popupTemp/bg_popupTemp_type05.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type05 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type05 .msg_box .popup_tit:after { background-color:#8a9cbc; }
/* type06 */
.layerPop .layerConts .layerContsInner.type06 { background:url("../images/admin/popupTemp/bg_popupTemp_type06.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type06 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type06 .msg_box .popup_tit:after { background-color:#c2d0f5; }
/* type07 */
.layerPop .layerConts .layerContsInner.type07 { background:url("../images/admin/popupTemp/bg_popupTemp_type07.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type07 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type07 .msg_box .popup_tit:after { background-color:#399ab0; }
/* type08 */
.layerPop .layerConts .layerContsInner.type08 { background:url("../images/admin/popupTemp/bg_popupTemp_type08.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type08 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type01.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type08 .msg_box .popup_tit:after { background-color:#185497; }
/* type09 */
.layerPop .layerConts .layerContsInner.type09 { background:url("../images/admin/popupTemp/bg_popupTemp_type09.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type09 .msg_box { background:#fff url("../images/admin/popupTemp/icon_msg_bg_type05.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type09 .msg_box .popup_tit:after { background-color:#4bce9d; }
/* type10 */
.layerPop .layerConts .layerContsInner.type10 { background:url("../images/admin/popupTemp/bg_popupTemp_type10.png") no-repeat; background-size:100%; }
.layerPop .layerConts .layerContsInner.type10 .msg_box { background:url("../images/admin/popupTemp/bg_msg_box.svg") bottom right no-repeat; }
.layerPop .layerConts .layerContsInner.type10 .msg_box .popup_tit:after { background-color:#8066d3; }
/* type_img */
.layerPop .layerConts .layerContsInner.type_img { display:flex; justify-content:center; align-items:center; width:100%; max-width:1200px; height:550px; }


/* 팝업 가이드 */
.guide_popup.layerConts { margin-top:-15px; }
.guide_popup.layerConts .btn_area { bottom:calc(50% - 375px); }
.guide_nav { margin-top:30px; }
.guide_nav ul { display:flex; justify-content:space-between; align-items:center; }
.guide_nav ul li:first-child { margin-right:20px; }
.guide_nav ul li a { display:inline-block; padding:7px 15px; font-size:16px; font-weight:bold; color:#333; background-color:#eee; border-radius:10px; letter-spacing:0; }
.guide_nav ul li a img { width:100%; }
.guide_nav ul li.on a { color:#fff; background-color:#0092e5; border:2px dashed #fff; }
.guide_nav ul li a span { display:inline-block; margin-right:5px; }
.guide_conts { width:1469px; height:670px; /* background-color:rgba(255,255,255,1); */ border-radius:15px; }
.guide_tab { display:none; padding:20px; width:100%; height:100%; color:#fff; text-align:center;  }
.guide_tab.on { display:flex; justify-content:center; align-items:center; }

/* 우선순위 레이어 */
.layerPop .layerConts .layerContsInner.priority { width:1000px; height:550px; background-color:#fff; border-radius:15px; }
.priority .h3 { display:flex; justify-content:space-between; align-items:center; margin:35px 35px 0 35px; font-size:22px; color:#333; border-bottom:2px solid #1f1f1f; }
.priority .priority_list { position:relative; margin:0 35px 35px 35px; height:445px;   }
.priority .priority_list .tbl_body { height:330px; overflow:hidden; overflow-y:auto; }
.priority .priority_list .table { border-top:none; }
.priority .priority_list .table tr { height:64px; }
.priority .priority_list .table tbody tr { cursor:pointer; }
.priority .priority_list .table tbody tr.priority_current { background-color:#d0d7e4; }
.priority .priority_list .table tbody td .num { font-weight:bold; color:#0e4b98; }
.priority .priority_list .priority_save { position:absolute; bottom:0; left:50%; transform:translateX(-50%); }

/* 스크롤바 커스텀 */
.tbl_body::-webkit-scrollbar { width:7px; height:7px; }
.tbl_body::-webkit-scrollbar-thumb { background:#999; border-radius:10px; }
.tbl_body::-webkit-scrollbar-track { background:#ddd; /* border-radius:10px; */ }
.tbl_body::-webkit-scrollbar-thumb:hover { background-color:#777; }
/* 가로 세로 스크롤바 버튼 영역 교차 부분 */
.tbl_body::-webkit-scrollbar-corner { background-color:#ddd; }

/* 팝업창 관리 - 가이드 */
.temp_tip { padding-left:30px; display:inline-block; line-height:20px; font-size:14px; color:#333; font-weight:normal; background:url("../images/admin/popupTemp/icon_talk.svg") no-repeat; vertical-align:middle; }
.temp_tip.position-absolute { top:50%; transform:translateY(-50%); }
.temp_tip.tip_btn { padding:0; background-image:none; }
.temp_tip.tip_btn i { display:inline-block; margin-top:-4px; font-size:18px; font-weight:bold; margin-right:5px; color:#0092e5; vertical-align:middle; }
.temp_tip.tip_btn a { display:inline-block; margin-bottom:15px; font-size:15px; font-weight:bold; color:#0092e5; }
.temp_tip.tip_btn:hover i, .temp_tip.tip_btn:hover a { color:#153879; }

/* 미리보기 */
.btn_area#PopupHtmlAfter { width:280px; height:80px; background:url("../images/admin/popupTemp/img_btn_area.png") 0 0/ 279px 72px no-repeat; }
#templatePopup.layerPop .layerConts .btn_area { bottom:calc(50% - 374px); }
#templatePopup.layerPop .layerConts .btn_area button { position:absolute; bottom:8px; right:1px; } 

/* 서브페이지 퀵메뉴 */
.m_quick.m_sub_quick, .quick_menu.sub_quick { line-height:1.4; }
.quick_menu.sub_quick { top:436px; }
.quick_menu.sub_quick h3 { line-height:1.4; }
/* fixed */
.quick_menu.sub_quick.fixed { top:100px; }
.quick_menu.sub_quick.active { display:none; }
.quick_menu.sub_quick.fixed.active { display:block; top:50%; right:10px; }

/* min width start*/
@media ( min-width : 350px) {
    .searchtopdorm{border-radius: 20px 0 0 20px!important; border: none; display:inline-block;}
    .noticem02{font-size: 1rem!important; font-weight: 500!important;text-align:left; padding-top:20px;padding-left: 30px;padding-bottom:20px;}
    .noticem02 ul{}
    .noticem02 ul li{line-height: 1.5rem; margin-bottom:30px;}
    .noticem02 ul li:last-child{margin-bottom: 0px;}
}


@media ( min-width : 576px) {
        #main .container,
    main .container {}
    /*.locationtit{font-size:1rem; color: #383838;}*/

    .mainconmenu:hover{background: linear-gradient(#004564,#00935e);transition: color 0.3s ease-in-out, background-color 0.5s ease-in-out; cursor: pointer;}

    .mainbox01{ height: 302px; background-color: #5677b3;}
    .mainbox02{ height: 302px; background-color: #e4dabf;}
    .mainbox03{ height: 302px; background-color: #58816f;}
    .mainbox04{ height: 302px; background-color: #f0f0f0;}
    .mainbox05{ height: 302px; background-color: #f8a55c;}
    .mainbox06{ height: 302px; background-color: #f0f0f0;}

    .searchtopdorm{border-radius: 20px 0 0 20px!important; border: none; display:inline-block;}
    /*.commujoin{border: solid 1px #ccc; background-color:  #98d2dd; max-width: 333px min-height:200px; color: #fff!important; font-weight: 600; font-size: 1.5rem; background-image: url(../images/commu-04.png); background-repeat: no-repeat; background-position: center 88px; position: relative; text-align: center; padding-top: 40px; margin-bottom: 10px;}*/

    /*.commubox2{border: solid 1px #ccc!important;padding:34px 24px 5px 24px;margin:0 2px; background-color: #f2fafb; width: 30%!important;}
*/

    /*푸터 */
#footer { background-color: #efeff0; border-top: solid 1px #adb5bd;}
.footer-copyright{ overflow: hidden; background-color:#f9f9f9; border-bottom: solid 1px #fff; }
.footer-copyright ul{}
.footer-copyright ul li{float: left; margin-right:25px; font-size: 0.875rem; font-weight: 500;}

.loginbox{border: solid 1px #d8f8fe!important; color: #e9e9e9; margin-top:40px!important; margin-bottom:105px!important; padding:37px 75px 58px 75px!important; min-width: 494px!important;}
.idpwfind ul li{float: left; color: #f8a55c; line-height: 1rem!important; font-size: 1.125rem!important;}
.idpwfind ul li:first-child{margin-right: 28px!important; padding-right: 28px!important; border-right: solid 1px #f8a55c!important;}
.loginlogo{margin-top: 103px!important; display: block!important;}

.logbtnco01{background-color: #f17828; height: 46px; border-radius: 2px; border:none; margin-bottom: 15px; font-size: 1.25rem!important; font-weight: 600!important;}
.logbtnco02{background-color: #3a6dcb; height: 46px; border-radius: 2px; border:none; margin-bottom: 15px; font-size: 1.25rem!important; font-weight: 600!important;}
.logbtnco03{background-color: #35946a; height: 46px; border-radius: 2px; border:none; font-size: 1.25rem!important; font-weight: 600!important;}


}





@media (min-width:768px) {
    /*#main .container,
    main .container {overflow: hidden;}*/
    .searchtopdorm{border-radius: 20px 0 0 20px!important; border: none; display:inline-block;}
    .mainctxt{text-align:center; padding-bottom:49px; font-size:3.125rem; color:#b7dde2;}
    .noticem{overflow:hidden; height: 120px;margin: 0 auto; position: relative;}
    .noticem01{font-size: 1.875rem;font-weight: 600; background-color: #dae0e4; padding: 25px; width: 170px; margin-top: 0; text-align: center;}
    .noticem02{font-size: 1.063rem!important; font-weight: 500!important;text-align: left; padding-top:20px;padding-left: 30px;padding-bottom: 20px;}
    .noticem02 ul{}
    .noticem02 ul li{line-height: 1.5rem; margin-bottom:10px;}

    .noticem03{font-size:0.94rem;}
    .noticem04{font-size:0.94rem; padding-top:20px;position: absolute; right: 40px;padding-bottom:20px;display:inline-block;}
    .noticem02 a:link{}
    .noticem02 a:hover{text-decoration: underline!important;}


    .mainsearchinput{min-width:450px!important; height:45px; border-radius:50px; border:1px solid #e4dabf; background-color:transparent;}


    .mainsinputtxt{width:410px; background-color:transparent; border:none; margin-top:8px;margin-left: 5px; color:#f3f3f3!important;height:25px; font-size: 0.813rem;}
    .mainsearchbtn{border-top-left-radius:5px; border-bottom-left-radius:5px; margin-left:9px;}




    }



@media (min-width:992px) {
    /*#sub_top section.visual { background-size: cover; background-image: url(../images/layout/bg_sub_visual.jpg); height:18.1875rem; text-align: center; color: #fff; font-weight: 600; font-size: 2.5rem; line-height: 9.0rem; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:5.1875rem; }*/
    #main .container,
    main .container {}

    }



@media (min-width:1200px) {



}
/* min width end*/



/* max width start*/
@media ( max-width : 575px) {
    .newcoumbtn{height:3rem;margin-top:0.5rem;padding-top:0.4375rem}
}
@media ( max-width : 575.98px) {
    #sub_top .location .dropdown > a { position: relative; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    #sub_top .location .dropdown-menu { left: 17px !important; border-left: 0; border-right: 0; }
}

@media ( max-width : 767.98px) {
    #sub_top .location ul { border: 0; }
    /*#sub_top .location .home,
    #sub_top .location .location-nav{ display: none; }*/
    #sub_top .location .dropdown { min-width: 0;position: static; }
    #sub_top .location .dropdown-menu { left: 1px !important; }

    #main,
    main{ background-color: #fff; }

    #main .container,
    main .container { border: 0; }

    #rside,
    #rside .quick-menu,
    .rside-toggle-btn { display: none; }

    #wrap, #wrap #nav, #wrap.on, #wrap.on #nav{ right: 0; }
    
    .linkbanner ul{float:none;margin-top:0.5rem;width:103%;margin-right:0;text-align:left;overflow:hidden}
    .linkbanner ul:first-child{margin-top:0}
    .linkbanner ul li{float:left;width:47%;margin-right:3%}
    .linkbanner ul li:first-child{width:100%;float:none;margin-right:0;position:relative;padding:0 0 0.5rem 3rem;margin:inherit;height:auto;background:none}
    .linkbanner ul li:first-child:before{content:"";position:absolute;left:0;bottom:0;width:2rem;height:2rem;border-width:1px 0 0 1px;border-style:solid;border-color:#ddd}
}

@media (max-width:991.98px) {
    .mo_mem .mem_name {display: none;}
    #nav .navbar-collapse {
    background-color: rgb(34, 53, 59);
    /* margin-left: -16px !important; */
    /* margin-right: -16px !important; */
    padding: 1rem 2rem;
    height: 100%;
    overflow-y: auto;
    -webkit-transition: height 0.1s ease;
    transition: height 0.1s ease;
    position: fixed;
    top: 54px;
    width: 100vw;
    left: 0;
    }
    #nav .navbar-nav:not(:last-child){ border-bottom: 1px solid #7b8f96; }
    #nav .navbar-nav:first-child{ border-bottom: 2px solid #7b8f96; }
    #nav .navbar-nav:not(.nav-point) .nav-link { padding-top: 1rem; padding-bottom: 1rem; }
    #nav .nav-point .nav-item.top{ margin-top: 1rem; }
    #nav .nav-point .nav-item.bottom{ margin-bottom: 1rem; }
    #nav .nav-point a{ color: #de9864 !important; font-weight: 600; }
    #nav .nav-item .dropdown-menu { background-color: #425363; margin-bottom: 1rem; }
    #nav .nav-item .dropdown-menu .dropdown-item { color: #bdc7cc; }
    #nav .nav-item .dropdown-menu .dropdown-item:hover,
    #nav .nav-item .dropdown-menu .dropdown-item:focus { color: #425363; text-decoration: none; background-color: #bdc7cc; }
}

/*del @media (max-width : 1100.98px) {
#header_top #gnb>ul>li>.sub>ul>li {width: calc(25% - 1rem);}
#header_top #gnb>ul>li>.sub>ul>li>a{padding:0 .5rem;}
#header_top #gnb>ul>li>.sub>ul>li>a::after{right:0.4rem;}
} */

@media (max-width : 1199.98px) {
}

@media (max-width:450px){
    .linkbanner{font-size:1.5rem}
    .linkbanner ul{width:100%}
    .linkbanner ul li{float:none;width:auto;margin-right:0}
    .linkbanner ul li:first-child{padding-left:0}
    .linkbanner ul li:first-child:before{display:none}
    .linkbanner ul li img{width:100%}
}

.width_16{
	position: relative;
	margin: 0 auto;
	padding-top: 25px;  
	margin-right:-11.5rem; 
}
.width_17{
	display : inline;
	margin-right:1.3rem;
	font-size:1.1rem;
	padding-right:0.5rem;
	font-family : "NanumSquare", sans-serif;
	font-weight: bold;
	

}

/* max width start*/

/* 20200812_수정 레이아웃 반응형 : s */
/* 반응형 */
/*del  @media screen and (max-width:1500px){
    #header_top .header_wrap{padding:0 15.5rem}
} */

@media screen and (max-width:1420px){
    #quick .quick_menu ul li a{padding:1.4rem 1.875rem}
}
@media screen and (max-width:1380px){
    #header_top #gnb>ul{ position:static }
    #header_top #gnb>ul>li>.sub{ padding:2.25rem 0; width:80%;}
    #header_top #gnb>ul>li>.sub>ul{ padding:0 1rem; width:100%; padding-left:25%; }
    #header_top #gnb .gnb_bg{background-size:20rem}
    #header_top .gnb_bg .gnb_etcMenu ul{width:90%}
    /* #header_top #gnb>ul>li>a {font-size: .95rem;} */
} 
@media screen and (max-width:1280px){
    /*del #header_top .header_wrap{padding:0 11.5rem 0 8rem}
    #header_top #logo{left:0.5rem;width:6.5rem;margin-top:-1rem;}
    #header_top #logo.myD_logo{left:0;margin-left:1rem}
    #header_top .etc_menu{right:0.5rem}
    #header_top #gnb {padding-right: 8rem;} */
    #header_top #gnb>ul>li>.sub>ul{padding:0 1rem; width:100%; padding-left:20%; }
    .inner,
    .container{padding:0 0.5rem}
    #main .container{padding:3rem 0.5rem}


    .footer_rolling .footer_rolling_wrap{padding:0.5rem}
    #footer .footer_wrap{padding:2.5rem 0.5rem}
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:1050px){
    /*#header_top #gnb>ul>li>a{font-size:0.9rem}*/
}
@media screen and (max-width:1080px){
	#map { height:50%; }
}
@media screen and (max-width:1000px){
	.width_17{font-size:0.97rem;}
	.width_16{height:3.75rem !important; margin-right:0 !important;}
	
    /*del #header_top .header_wrap{height:3.75rem !important;padding:0 3rem 0 9rem}
    #header_top #logo.myD_logo{margin-top:-1.4rem}
    
    #header_top .etc_menu .btn_total i::before {content:"\e903"}

    #header_top #gnb{display:none;overflow:auto;position:fixed;left:0;top:0;z-index:50;width:100%;height:100%;box-sizing:border-box;background:#fff}
    #header_top #gnb>ul{padding:1rem 0 0 0.5rem;width:8rem;height:calc(100% - 7.5rem);background:#d5edff;box-sizing:border-box}
    #header_top #gnb>ul>li{width:100%}
    #header_top #gnb>ul>li>.sub{width:100%;min-height:inherit;top:7.5rem;padding:1rem 0.5rem 0 8.5rem;border-top:1px solid #ddd}
    #header_top #gnb>ul>li>a{margin-top:1rem;display:block;padding:0;position:relative;z-index:11;font-size:1rem;line-height:2.4rem;transition:all 0.5s;height:auto;text-align:left}
    #header_top #gnb>ul>li:first-child>a{margin-top:0}
    #header_top #gnb>ul>li>a.on{color:#1845b5}
    #header_top #gnb>ul>li>a.on:after{opacity:1}
    #header_top #gnb>ul>li>a.on+.sub{display:block;background:#fff;background-clip:content-box}
    #header_top #gnb>ul>li.on .sub{ display: block; background:#fff; background-clip:content-box;}

    #header_top #gnb>ul>li>.sub>ul{padding:0}
    #header_top #gnb>ul>li>.sub>ul>li{width:100%;margin:0}
    #header_top #gnb>ul>li>.sub>ul>li>a{position:relative;display:block;height:auto;line-height:inherit;padding:0.7rem 0.2rem;border:0;border-bottom:1px solid #ddd;border-radius:0;font-size:1rem}
    #header_top #gnb>ul>li>.sub>ul>li>a.dep:after{content:"\e942";font-family:"xeicon";display:inline-block;position:absolute;right:0.2rem;top:50%;margin-top:-0.7rem;line-height:1;font-size:1.4rem;transition:all .3s}
    #header_top #gnb>ul>li>.sub>ul>li>a.on.dep:after{transform:rotate(180deg);color:#555}
    #header_top #gnb>ul>li>.sub>ul>li>a.empty:after{display:none}
    #header_top #gnb>ul>li>.sub>ul>li>a.on,
    #header_top #gnb>ul>li>.sub>ul>li>a:focus,
    #header_top #gnb>ul>li>.sub>ul>li>a:hover{background:none;color:#000}
    #header_top #gnb>ul>li>.sub>ul>li>a.on+ul{display:block;background:#f2f2f2}
   #header_top #gnb>ul>li>.sub>ul>li>a::after{display:none}

    #header_top #gnb>ul>li>.sub>ul>li>ul{display:none;padding:0.8rem 0.5rem}
   #header_top #gnb>ul>li>.sub>ul>li>ul>li{margin-top:0.6rem}
    #header_top #gnb>ul>li>.sub>ul>li>ul>li:first-child{margin-top:0}
   #header_top #gnb>ul>li>.sub>ul>li>ul>li>a{font-size:0.9rem}

    #header_top #gnb .all_close{display:block} */

    .mo_mem{display:block}

    /*del #header_top .etc_menu{top:1.3rem}
    #header_top .etc_menu .link{display:none} */

    #sub_top{}
    #header section.visual{margin-top:4.15rem}
    
    .coumdeleft{max-width:100%;padding-right:0;margin-bottom:1rem}
    .comulmenu ul{padding-top:1px;border-left:1px solid #ddd}
    .comulmenu ul:after{content:"";display:block;clear:both}
    .comulmenu ul li{float:left;margin-top:-1px;width:25%;border-left:0;border-bottom:1px solid #ddd}
    .comulmenu ul li.comul_remove{padding:0.6875rem 1.25rem 0.6875rem 1rem}
    .comulmenu ul li:first-child,
    .comulmenu ul li:last-child{border-radius:0}
    .coumdecon{width:100%}
}
@media screen and (max-width:980px){
    .layer_def div.tstyle_list > div.dhead { display: none }
    .layer_def div.tstyle_list > div.dbody > ul { padding: 10px 0 5px 0 }
    .layer_def div.tstyle_list > div.dbody > ul > li { border: 0; display: block; float: left; width: auto !important; padding: 0 0 3px 0; margin-right: 10px; min-height:inherit; font-size:1rem; color: #666 }
    .layer_def div.tstyle_list > div.dbody > ul > li[data-title]:before {content:attr(data-title)" : ";display:inline-block;color:#333;margin-right:0.15rem;font-weight:bold}
    .layer_def div.tstyle_list > div.dbody > ul > li.b_title {clear:both; font-size: 15px; line-height: 1.3; color:#555; float: none; width: 100% !important }
    .layer_def div.tstyle_list > div.dbody > ul > li.m_hidden{display:none}
    .layer_def div.tstyle_list > div.dbody > ul > li.button{display:block;width:100% !important;text-align:center;margin-top:0.3rem}
}
@media screen and (max-width:860px){
    .commujoin{width:49.5%;max-width:inherit}
    .commubox{width:49.5%;max-width:inherit}
    .row .commubox:nth-child(3n+1){margin-left:1%}
    .row .commubox:nth-child(2n+1){margin-left:0}
    
    .row .commubox2{width:49.5%;flex:none;max-width:inherit}
    .row .commubox2:nth-child(3n+1){margin-left:1%}
    .row .commubox2:nth-child(2n+1){margin-left:0}
}
@media screen and (max-width:800px){
    #footer .footer_wrap{ padding:1.5rem; }
    #footer .footer_logo{display:none}
    #footer .footer_content{ text-align:left; }
    #footer .footer_content .fnb{display:inline-block}
    #footer .footer_content .footer_icon { text-align:right; }
}
@media screen and (max-width:768px){
    #quick{display:none}
    #sub_top .location .location_etc{display:none}

    div.tstyle_list > div.dhead { display: none }
    div.tstyle_list > div.dbody > ul { padding: 10px 0 5px 0 }
    div.tstyle_list > div.dbody > ul > li { border: 0; display: block; float: left; width: auto !important; padding: 0 0 3px 0; margin-right: 10px; min-height:inherit; font-size:1rem; color: #666 }
    div.tstyle_list > div.dbody > ul > li[data-title]:before {content:attr(data-title)" : ";display:inline-block;color:#333;margin-right:0.15rem;font-weight:bold}
    div.tstyle_list > div.dbody > ul > li.b_title {clear:both; font-size: 15px; line-height: 1.3; color:#555; float: none; width: 100% !important }
    div.tstyle_list > div.dbody > ul > li.m_hidden{display:none}
    div.tstyle_list > div.dbody > ul > li.button{display:block;width:100% !important;text-align:center;margin-top:0.3rem}
    div.tstyle_list > div.dbody > ul > li.block{display:block;width:100% !important;text-align:left}
}
@media screen and (max-width:700px){
	/* 서브페이지 검색 */
    #total_search .search_wrap .totSch_input {width: calc(100% - 5rem); padding-left: 1rem;}
    #sub_top section.visual{height:18rem}
    #sub_top section.visual h2{font-size:1.8rem}
    #total_search .search_wrap{padding-top:8.2rem}
    #sub_top .location .loc_row {padding-right: 3rem}
    #total_search .search_btn{width:6rem;height:2.7rem;line-height:2.7rem;font-size:0.9rem;top:11.5rem;right:-1.65rem;margin-top:0}
    #total_search .search_wrap .totSch_tab li .totSch_item label{height:2.5rem;line-height:2.2rem;padding:0 0.6rem;font-size:0.9rem}
    #total_search .search_wrap .totSch_tab li .totSch_item label:after{top:0.1rem}
    #total_search .search_wrap .totSch_input input[type=text]{height:3rem;font-size:1rem}
}
@media screen and (max-width:680px){
    .layer_def .layer_content .data_row dt,
    .layer_def .layer_content .data_row dd{display:block}
    .layer_def .layer_content .data_row dt{width:100%;max-width:inherit}
}
@media screen and (max-width:640px){
    /* 테이블 스크롤(모바일) */
    .popup_container > .main_popup_close {color: #fff}
    .table_wrap{position:relative;padding-top:3rem;overflow-x:auto;}
    .table_wrap:before{content:"\eafa";font-family:"xeicon";position:absolute;top:0;left:1rem;font-size:1.6rem;animation:h_move 1s ease infinite;z-index:1}
    .table_wrap:after{content:"모바일에서 표를 좌우로 스크롤 할 수 있습니다.";display:block;width:100%;position:absolute;top:0;background-color: #f5f6fa; border: 1px solid #d3d8dd; border-radius: .25rem; padding: .5rem .5rem .5rem 3rem; font-size:12px}
    .table_wrap > table { width:43.75rem; }
    .table_wrap::-webkit-scrollbar{width:4px;height:4px;background-color:#fff}
    .table_wrap::-webkit-scrollbar-thumb{height:4px;background-color:#888;border-radius:2px}

    .board_info .board_sch{float:none;width:100%;max-width:inherit;padding:0}
    .board_info .board_sch select{position:relative;width:100%;margin-bottom:0.5rem}
    .board_info .board_sch input[type=text]{width:100%;padding-right:5rem}
    .board_info .board_sch .brd_schBtn{top:inherit;bottom:0}
    .board_info .page_info{float:right}

    .board_tbl .mo_hidden{display:none}

    .table .moHide{display:none}
    .tableviewntit{padding:0.8rem;font-size:1.2rem;word-break:keep-all}
    
    .comudetailtop{padding:0;background:none;min-height:inherit}
    .comudetailtop ul{padding:0}
    .commuDetail_wrap .table-responsive{padding:0 !important}
    .comulmenu ul li{width:33.3%}
    .comuctit{flex:none;width:100%;max-width:inherit;padding-left:0 !important}
    .comucSch{flex:none;display:block;width:100%;max-width:inherit;padding-left:0 !important}
    .comucSch2{flex:none;display:block;width:100%;max-width:inherit;padding-left:0 !important}
    .comucSch2 .input-group-prepend{width:100%;margin-bottom:0.3rem}
    .comucSch2 .input-group-prepend select:first-child{margin-right:0.3rem}
    .coumdecon{min-height:inherit}
}
@media screen and (max-width:576px){
    .reflyntxt{padding-left:1rem}
    /* 푸터 */
    #footer .footer_content .footer_icon { float:inherit; display:flex; flex-direction:column; justify-content:center; align-items:end; position:absolute; top:20px; right:0; width:inherit; text-align:right; }
    #footer .footer_content .footer_icon a > img { max-width:24%; max-height:60%; }
	#footer .footer_content .footer_icon img { max-width:15%; }
}
@media screen and (max-width:500px){
    .footer_rolling .footer_rolling_wrap .bx-wrapper{max-width:100% !important}
    .footer_rolling .footer_rolling_wrap .bx-wrapper ul li a{display:block;text-align:center}

    .tbl.type2 tr th,
    .tbl.type2 tr td{padding:0.6rem}
    
    .commujoin{width:100%;height:3rem;min-height:inherit;padding-top:0.4375rem !important;text-align:center;padding-top:0.1875rem;background-color:#2E81EA;background-image:url(../images/commu-06.png);background-position:5px bottom;background-repeat:no-repeat;border-radius:2px;color:#fff !important;font-size:1.25rem;font-weight:500;border:0}
    .commujoin:hover{background-color:#0E4B98 !important}
    .commujoin a{min-height:inherit;padding-top:0 !important;color:#fff !important}
    .commubox{width:100%;margin-left:0;margin-top:0.5rem !important}
    .row .commubox:nth-child(3n+1){margin-left:0}

    .row .commubox2{width:100%;margin-left:0;margin-top:0.5rem !important}
    .row .commubox2:first-child{margin-top:1rem !important}
    .row .commubox2:nth-child(3n+1){margin-left:0}
}
@media screen and (max-width:480px){
    .comulmenu ul li{width:50%}
    /* 푸터 */
    #footer .footer_content > div { width:78%; }
}
/* 20200812_수정 레이아웃 반응형 : e */
















/* 메인페이지 코로나 작업 부분*/
.mainbox03 ul li:first-child {font-size: 1.3rem;}
.mainbox03 ul li:nth-child(3) {font-size: 1.1rem;}




/* 수정 필요... 차후에 ..  */

/* 서브화면 컨텐츠  */
.subconarea {
    max-width: 1224px;
    margin: 0 auto;
    border: solid 1px #e6e6e6;
    padding: 28px;
    background-color: #fff;
    box-sizing: border-box;
}

.subconarea2 {
    max-width: 100%;
    margin: 0 auto;
    border: solid 1px #e6e6e6;
    padding: 28px;
    background-color: #fff;
}


.subwrapbg {
    background-color: #f7f7f7;
    padding-top: 17px;
}

/* 마이드라이브 */

.n_myDrive{display:table;width:100%;/*min-height:45rem;*/position:relative;height:calc(100% - 5.1875rem);margin-top:5.1875rem}
.n_myDrive .mo_myDmenu{display:none;padding:0.7rem 0;color:#fff;text-align:center;background:#1845b5;font-size:1rem}
.n_myDrive .mo_myDmenu:after{content:"\e941";font-family:"xeicon";display:inline-block;position:relative;top:-0.1rem;margin-left:0.3rem;line-height:1;vertical-align:middle;transition:all .5s}
.n_myDrive .mo_myDmenu.on:after{transform:rotate(180deg)}
.n_myDrive>div{vertical-align:top}
.n_myDrive>.n_myDrive_left{float:left;position:relative;min-width:16.625rem;height:calc(100vh - 9rem);/*min-height:45rem;*/padding:4.5rem 0;border-right:1px solid #eee}
.myD_tit{position:absolute;left:0;top:0;width:100%;padding:1rem 0;line-height:2.4375rem;font-size:2rem;color:#0B0B0B;text-align:center;border-bottom:1px solid #eee}
.myD_upload{position:absolute;left:0;top:0;width:100%;padding:0.7rem 0;line-height:2.4375rem;font-size:2rem;color:#0B0B0B;text-align:center}
.myD_upload .file_upBtn{display:inline-block;min-width:13.75rem;height:3.125rem;line-height:3.125rem;background:#1792E5;font-size:1.0625rem;color:#fff !important;border-radius:0.1875rem;text-align:center;transition:all .3s}
.myD_upload .file_upBtn:hover{background:#36365a}
.myD_upload .file_upBtn:after{content:"\eb7e";font-family:"xeicon";margin-left:0.5rem;font-size:1.125rem}
.n_myDrive>.n_myDrive_content{position:relative;overflow:hidden;padding:3rem;min-height:53rem;}
.n_myDrive>.n_myDrive_content .mylocation{position:absolute;left:3rem;top:0.625rem;margin-left:0}
.n_myDrive>.n_myDrive_content .mylocation ul li{color:#777}
.n_myDrive>.n_myDrive_content .mylocation ul li:first-child{margin-left:0}
.n_myDrive .n_myDrive_menu{width:100%;height:100%;overflow-y:auto}
.n_myDrive .n_myDrive_menu::-webkit-scrollbar{width:0.625rem;background-color:#F0F0F0;border-radius:0.4375rem}
.n_myDrive .n_myDrive_menu::-webkit-scrollbar-thumb{width:0.625rem;background-color:#D5D5D5;border-radius:0.4375rem}
.n_myDrive .n_myDrive_menu>ul>li,
.n_myDrive .n_myDrive_menu2>ul>li{position:relative}
.n_myDrive .n_myDrive_menu>ul>li:after,
.n_myDrive .n_myDrive_menu2>ul>li:after{content:"";position:absolute;left:1.4rem;top:1.3rem;border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #333 }
.n_myDrive .n_myDrive_menu>ul>li.on:after,
.n_myDrive .n_myDrive_menu2>ul>li.on:after{transform:rotate(45deg)}
.n_myDrive .n_myDrive_menu>ul>li.empty:after,
.n_myDrive .n_myDrive_menu2>ul>li.empty:after{display:none}
.n_myDrive .n_myDrive_menu>ul>li>a,
.n_myDrive .n_myDrive_menu2>ul>li>a{display:block;position:relative;padding:0.5625rem 0 0.5625rem 2rem;line-height:2rem;font-size:1.1875rem;font-weight:300;letter-spacing:-0.1rem;color:#555;transition:all .3s;overflow:hidden}
.n_myDrive .n_myDrive_menu2>ul>li>a{border-top:1px dashed #E2E2E2}
.n_myDrive .n_myDrive_menu2>ul>li:first-child>a{border-top:0}
.n_myDrive .n_myDrive_menu>ul>li>a:hover,
.n_myDrive .n_myDrive_menu2>ul>li>a:hover{background:#F8F8F8}
.n_myDrive .n_myDrive_menu>ul>li>a.on,
.n_myDrive .n_myDrive_menu2>ul>li>a.on{background:#F8F8F8;color:#1792E5;font-weight:400}
.n_myDrive .n_myDrive_menu>ul>li>a:after,
.n_myDrive .n_myDrive_menu2>ul>li>a:after{content:"";position:absolute;right:0;top:-100%;width:0.25rem;height:100%;background:#1792E5}
.n_myDrive .n_myDrive_menu>ul>li>a.on:after,
.n_myDrive .n_myDrive_menu2>ul>li>a.on:after{top:0;animation:mD_menuOn .6s ease both}
.myD_list.myD_files {position: relative; width: 100%;height: calc(100vh - 13.6rem);}
.myD_list.myD_files table thead {width: 100%}
.myD_list.myD_files table tbody {overflow-Y: hidden; width: 100%; position: absolute;}
.myD_list.myD_files table tbody.T_scroll {height: calc(100vh - 14rem); overflow-Y: scroll; width: 100%; position: absolute;}
.myD_list.myD_files table thead th:NTH-CHILD(1) {width: 3rem}
.myD_list.myD_files table thead th:NTH-CHILD(2) {width: calc(100vw - 46rem);}
.myD_list.myD_files table thead th:NTH-CHILD(3) {width: 8rem}
.myD_list.myD_files table thead th:NTH-CHILD(4) {width: 8rem}
.myD_list.myD_files table thead th:NTH-CHILD(5) {width: 6rem}
.myD_list.myD_files table tbody td:NTH-CHILD(1) {width: 3rem}
.myD_list.myD_files table tbody td:NTH-CHILD(2) {width: calc(100vw - 40rem);}
.myD_list.myD_files table tbody td:NTH-CHILD(3) {width: 8rem}
.myD_list.myD_files table tbody td:NTH-CHILD(4) {width: 8rem}
.myD_list.myD_files table tbody td:NTH-CHILD(5) {width: 6rem}
.table-responsive.open-oai table tbody th {text-align:center;}
@keyframes mD_menuOn{
    0%{top:-100%}
    100%{top:0}
}

/** 2021-12-20 추가 : 마이드라이브 포팅 { */
.prtng_myDrive_content>.prtng_tiRight{
    text-align:right;
    position: absolute;
    bottom: 1rem;
    right: 3rem;
}
.prtng_myDrive_content>.prtng_tiCenter{
    text-align:center;
    position: absolute;
    bottom: 1rem;
    width:100%;
    padding-right:4rem;
}

.n_myDrive>.prtng_myDrive_left{float:left;position:relative;width:28%;height:calc(100vh - 5rem);/*min-height:45rem;*/padding:1rem 0;border-right:1px solid #eee}
.myD_list.prtng_files {position: relative; width: 100%; height: calc(100vh - 13.6rem);}
.myD_list.prtng_files table thead {width: 100%; display:block;}
.myD_list.prtng_files table tbody {overflow-Y: auto; width: 100%; position: absolute; height: calc(100vh - 17rem); display:block;}
.myD_list.prtng_files table thead th:NTH-CHILD(1) {width: 3rem}
.myD_list.prtng_files table thead th:NTH-CHILD(2) {width: calc(100vw - 46rem);}
.myD_list.prtng_files table thead th:NTH-CHILD(3) {width: 8rem}
.myD_list.prtng_files table thead th:NTH-CHILD(4) {width: 12rem}
.myD_list.prtng_files table tbody td:NTH-CHILD(1) {width: 3rem}
.myD_list.prtng_files table tbody td:NTH-CHILD(2) {width: calc(100vw - 40rem);}
.myD_list.prtng_files table tbody td:NTH-CHILD(3) {width: 8rem}
.myD_list.prtng_files table tbody td:NTH-CHILD(4) {width: 12rem}

.n_myDrive>.prtng_myDrive_content{position:relative;overflow:hidden;padding:1rem 3rem;height: calc(100vh - 5rem);}
.n_myDrive>.prtng_myDrive_content .mylocation{position:absolute;left:3rem;top:0.625rem;margin-left:0}
.n_myDrive>.prtng_myDrive_content .mylocation ul li{color:#777}
.n_myDrive>.prtng_myDrive_content .mylocation ul li:first-child{margin-left:0}

.prtng_btn{display:inline-block;padding:0.5rem 1.2rem;min-width:5.4375rem;border:1px solid #ddd;color:#707070;text-align:center;font-size:0.875rem;border-radius:0.1875rem;background:#fff;transition:all .3s}
.prtng_btn:hover{border-color:#1792E5;color:#1792E5}
.prtng_btn.active{font-weight:400;color:#007bff}
/** } 마이드라이브 포팅*/

.n_myDrive .n_myDrive_menu>ul>li>a:before,
.n_myDrive .n_myDrive_menu2>ul>li>a:before{position:relative;top:-0.1rem;display:inline-block;margin-right:0.5rem;line-height:1;font-family:"xeicon";font-size:1.4375rem;vertical-align:middle}
.n_myDrive .n_myDrive_menu>ul>li>a.all:before{content:"\e902"}
.n_myDrive .n_myDrive_menu>ul>li>a.all.on:before{content:"\e900"}
.n_myDrive .n_myDrive_menu>ul>li>a.fav:before,
.n_myDrive .n_myDrive_menu>ul>li>span>span>a.fav:before,
.n_myDrive .n_myDrive_menu2>ul>li>span>span>a.fav:before{content:"\ea16"}
.n_myDrive .n_myDrive_menu>ul>li>a.fav.on:before,
.n_myDrive .n_myDrive_menu>ul>li>span>span>a.fav.on:before,
.n_myDrive .n_myDrive_menu2>ul>li>span>span>a.fav.on:before{content:"\ea0f"}
.n_myDrive .n_myDrive_menu>ul>li>a.file:before,
.n_myDrive .n_myDrive_menu2>ul>li>a.file:before,
.n_myDrive .n_myDrive_menu>ul>li>span>span>a.file:before,
.n_myDrive .n_myDrive_menu2>ul>li>span>span>a.file:before{content:"\ea8d"}
.n_myDrive .n_myDrive_menu>ul>li>a.file.on:before,
.n_myDrive .n_myDrive_menu2>ul>li>a.file.on:before,
.n_myDrive .n_myDrive_menu>ul>li>span>span>a.file.on:before,
.n_myDrive .n_myDrive_menu2>ul>li>span>span>a.file.on:before{content:"\eaa1"}
.n_myDrive .n_myDrive_menu>ul>li>a.sc:before,
.n_myDrive .n_myDrive_menu2>ul>li>a.sc:before,
.n_myDrive .n_myDrive_menu>ul>li>span>span>a.sc:before,
.n_myDrive .n_myDrive_menu2>ul>li>span>span>a.sc:before{content:"\e9d1"}
.n_myDrive .n_myDrive_menu>ul>li>.subM,
.n_myDrive .n_myDrive_menu2>ul>li>.subM{display:none}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul,
.n_myDrive .n_myDrive_menu2>ul>li>.subM>ul{padding-left:3.8rem}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul li a{font-size:0.9375rem;font-weight:normal;color:#555}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul>li>a{display:block;padding:0.375rem 0}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul>li>a.on{color:#1792E5;font-weight:600}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul>li>ul{}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul>li>ul>li>a{position:relative;display:block;padding:0.2rem 0 0.2rem 1rem}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul>li>ul>li>a:before{content:"\e97e";position:absolute;left:0;top:0.3rem;font-family:"xeicon"}
.n_myDrive .n_myDrive_menu>ul>li>.subM>ul>li>ul>li>a.on{text-decoration:underline !important}

.n_myDrive .n_myDrive_menu>ul>li>.subM>.file_tree,
.n_myDrive .n_myDrive_menu2>ul>li>.subM>.file_tree{padding-left:2rem}
.n_myDrive .n_myDrive_menu>ul>li>.subM>.file_tree ul.fancytree-container{padding:0.5rem 0.2rem}
.n_myDrive .n_myDrive_menu>ul>li>.subM>.file_tree span.fancytree-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.myD_volume{position:absolute;left:0;bottom:1rem;margin:0 1rem;padding:0.5rem 1.2rem;width:calc(100% - 2rem);border:1px solid #D1D1D1;background:#fff;font-size:0.875rem}
.myD_volume ul{overflow:hidden}
.myD_volume ul li{float:left;color:#707070}
.myD_volume ul li strong{font-weight:normal;color:#1792E5}
.myD_volume ul li.rest{float:right;color:#A7A7A7}

.myD_topinfo{overflow:hidden;margin-bottom:0.6875rem}
.myD_topinfo .myD_tiLeft{float:left}
.myD_topinfo .myD_tiRight{float:right}

.myD_btn{display:inline-block;padding:0 0.5rem;min-width:5.4375rem;height:1.9375rem;line-height:1.9375rem;border:1px solid #ddd;color:#707070;text-align:center;font-size:0.875rem;border-radius:0.1875rem;background:#fff;transition:all .3s}
.myD_btn:hover{border-color:#1792E5;color:#1792E5}

.myD_info{margin-top:0.7rem;overflow:hidden}
.myD_info li{float:left;position:relative;margin-left:0.9375rem;padding-left:0.9375rem;line-height:1;font-size:1rem;color:#888;font-weight:normal}
.myD_info li:before{content:"";position:absolute;left:0;top:0.2rem;height:0.75rem;border-left:1px solid #ADADAD}
.myD_info li:first-child{margin-left:0;padding-left:0}
.myD_info li:first-child:before{display:none}
.myD_info li span{margin-left:0.2rem;color:#313131}

.treeBtn_Box{display: inline-block;margin-left:0.5rem}
.treeBtn_Box .treeBtn{display:inline-block;padding:0;width:1.4rem;height:1.4rem;line-height:1.4rem;background:#fff;border:1px solid #c4c4c4;border-radius:0.1875rem;text-align:center;color:#707070;font-size:1rem;transition:all .3s}
.treeBtn_Box .treeBtn:hover{border-color:#000}

/* 마이드라이브 목록 */
.myD_list table{width: 100%; border-collapse: collapse; border-top: 1px solid #464646; position: relative; /* table-layout: fixed;  */ }
.myD_list table th,
.myD_list table td{padding:0.6rem;font-size:1rem;vertical-align:middle}
.myD_list table th{color:#333;font-weight:normal}
.myD_list table td{color:#9A9B9B;font-weight:300}
.myD_list table .title{font-weight:normal;color:#333}
.myD_list table thead tr th{border-bottom:1px solid #D1D1D1}
.myD_list table tbody tr{border-bottom:1px solid #efefef}
.myD_list table tbody tr.on{border-bottom:0;background:#f2f2f2}
.myD_list table tbody tr.context-menu-active{background:#f2f2f2}
.myD_list table tbody tr:hover{background:#f2f2f2}
.myD_list table tbody tr:last-child{border-bottom:1px solid #EFEFEF}
.myD_list table tbody tr.myD_item{display:none;border-top:0}
.myD_list table tbody tr.myD_item:hover{background:none}
.myD_list table tbody tr.myD_item td{padding:0 0 0.6rem;font-size:0.9375rem}
.myD_list table tbody tr.myD_item .myD_fileList{background:#FAFAFA}
.myD_list table tbody tr.myD_item .myD_fileList:after{content:"";display:block;clear:both}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_item{padding:0.3rem 1rem}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_item:hover{background:#f2f2f2}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_item:after{content:"";display:block;clear:both}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title{float:left}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title ul{position:relative;top:0.2rem;overflow:hidden}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title ul li{position:relative;float:left;margin-left:0.9375rem;padding-left:0.9375rem;color:#333}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title ul li:before{content:"";position:absolute;left:0;top:0.65rem;height:0.5rem;border-left:1px solid #707070}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title ul li:first-child{margin-left:0;padding-left:0}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title ul li:first-child:before{display:none}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_title ul li i{font-size:1.25rem;vertical-align:middle}
.myD_list table tbody tr.myD_item .myD_fileList .myD_fl_option{float:right}
.myD_list table tbody tr td a i[class^="xi-"]{color:#999;font-size:1.25rem;vertical-align:middle}
.myD_list table tbody tr td a img.folder{margin-right:0.3rem}
.myD_list table .icon{display:inline-block;margin:0 0.3rem 0 0;vertical-align:middle}

.myD_vol:before{content:"\ea89";font-family:"xeicon";font-size:1.1875rem;vertical-align:middle;margin-right:0.3rem}
.myD_f{display:inline-block;transition:all .3s}
.myD_f.on{transform:rotate(180deg)}
.myD_f:before{content:"\e941";font-family:"xeicon";vertical-align:middle;margin-left:0.3rem;color:#9A9B9B}

.myD_etc{width:18px;height:16px;line-height:8px;display:inline-block;position:relative;vertical-align:middle}
.myD_etc i{content:"";display:inline-block;width:4px;height:4px;border-radius:100%;background:#0D0D0D}
.myD_etc:before,
.myD_etc:after{content:"";display:inline-block;margin-right:2px;width:4px;height:4px;position:relative;border-radius:100%;background:#0D0D0D}
.myD_etc:after{margin-left:2px}

.context-menu-item{padding:.3rem 1rem !important}

.metaD_top{display:block;margin-bottom:2.5rem;padding-bottom:0.625rem;line-height:1.875rem;font-size:1.4375rem;font-weight:bold;color:#111;border-bottom:1px solid #E2E2E2}
.metaData .metaD_title{margin-bottom:1.875rem;text-align:center}
.metaData .metaD_title span{display:block;font-size:1.125rem;color:#888}
.metaData .metaD_title strong{display:block;line-height:1.875rem;font-family:"NanumSquare", "Noto Sans KR", serif;color:#111;font-size:1.875rem}
.metaData .metaD_con{color:#888}

/** 2021-11-24 추가 : 공유파일 URL 모달 창 */
.shrFileUrlP_top{display:block;margin-bottom:2.5rem;padding-bottom:0.625rem;line-height:1.875rem;font-size:1.4375rem;font-weight:bold;color:#111;border-bottom:1px solid #E2E2E2}
.shrUrlPreview .shrFileUrlP_title{margin-bottom:1.875rem;text-align:center}
.shrUrlPreview .shrFileUrlP_title span{display:block;font-size:1.125rem;color:#888}
.shrUrlPreview .shrFileUrlP_title strong{display:block;line-height:1.875rem;font-family:"NanumSquare", "Noto Sans KR", serif;color:#111;font-size:1.2rem}

.sm_title{display:block;margin:1rem 0 0;font-size:1.125rem;color:#111}
.myD_mail{position:relative;margin-bottom:1.25rem;padding-right:9.375rem}
.myD_mail select{vertical-align:middle;}
.myD_mail input[type=text]{width:85%;vertical-align:middle;}
.myD_mail a,
.myD_mail button{position:absolute;right:0;top:0}
.mydSel_list>li{margin-top:0.3125rem;padding:0.8125rem 1.25rem;background:#F8F8F8}
.mydSel_list>li:first-child{margin-top:0}
.mydSel_list>li>.mdS_box{position:relative;line-height:1.6875rem;padding-right:2.5rem}
.mydSel_list>li>.mdS_box:after{content:"";display:block;clear:both}
.mydSel_list>li>.mdS_box>span{display:inline-block;float:left;margin-left:1rem}
.mydSel_list>li>.mdS_box>span.num{position:relative;width:1.9375rem;margin:0}
.mydSel_list>li>.mdS_box>span.num:after{content:"";position:absolute;right:0;top:0.5rem;height:0.625rem;border-left:1px solid #ddd}
.mydSel_list>li>.mdS_box>em{font-size:1rem;color:#777}
.mydSel_list>li .btn_upfileDel{position:absolute;right:0;top:0}

.myDfile_wrap{margin-bottom:1.25rem;height:25rem;border:1px solid #EBEBEB;overflow:auto}
.myDfile_wrap::-webkit-scrollbar{width:0.625rem;background-color:#F0F0F0;border-radius:0.4375rem}
.myDfile_wrap::-webkit-scrollbar-thumb{width:0.625rem;background-color:#D5D5D5;border-radius:0.4375rem}
.myDfile_wrap .n_myDrive{padding:0;margin:0;height:auto}
.myDfile_wrap .n_myDrive ul.fancytree-container{padding:0.5rem}

.layer_def .review_wrap .rFile_List{}
.layer_def .review_wrap .rFile_List .rFile_lst{max-height:inherit;overflow-x:auto}
.layer_def .review_wrap .rFile_review .reView_area{margin-bottom:0;height:27.625rem}
.layer_def .rFile_scroll{max-height:31.25rem;overflow-y:auto}
.layer_def .rFile_scroll::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }
.layer_def .rFile_scroll::-webkit-scrollbar { width: 0.6rem;height:0.6rem}
.layer_def .rFile_scroll::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }
span.fancytree-icon,
span.fancytree-checkbox,
span.fancytree-expander,
span.fancytree-custom-icon{margin-top:0px !important}

.scom_btn {padding: 0 1rem}

.myD_defBox{}

/* 파일업로드 */
.myD_fileUp_wrap .myDfu_box:after{content:"";display:block;clear:both}
.myD_fileUp_wrap .myDfu_box .myDfu_up,
.myD_fileUp_wrap .myDfu_box .myDfu_tree{float:left;position:relative;border:1px solid #ddd;height:35rem}
.myD_fileUp_wrap .myDfu_box .myDfu_up{width:100%;border: 1px solid #3e7ecd; border-top: none;}
.myD_fileUp_wrap .myDfu_box .myDfu_tree{width:45%;margin-left:1%;padding-bottom:4.5rem;margin-top: 2.5rem;}
.myD_fileUp_wrap .myDfu_box .myDfu_tree .myDfu_scroll{max-height:30.5rem;overflow:auto}
.myD_fileUp_wrap .myDfu_box .myDfu_tree .n_myDrive{margin:0}
.myD_fileUp_wrap .myDfu_box .myDfu_tree .n_myDrive ul.fancytree-container{padding:0.5rem}
.myDfu_scroll::-webkit-scrollbar-track { background-color: #f5f5f5; border-radius: 1rem; }
.myDfu_scroll::-webkit-scrollbar { width: 0.6rem;height:0.6rem}
.myDfu_scroll::-webkit-scrollbar-thumb { background-color: #d5d7dc; border-radius: 1rem; }
.fileUploadControl {position: absolute; top: 50%; left:50%;width: 80%; transform:translate(-50%,-50%)}
.myDfu_btnArea{position:absolute;left:0;bottom:0;padding: 1.15rem 0;width:100%;text-align:center;border-top: 1px solid #ddd;}
.myD_btnWrap{margin-top:1rem}
.myDfu_btn{position:absolute;left:0;bottom:0;padding: 0.65rem 0;width:100%;text-align:center;border-top:1px solid #ddd;}

.myDfu_local,.myDfu_url {display: none}
.myDfu_local.on,.myDfu_url.on {display: block}
.preview-file-header {position: relative;}
.layer_def .title>ul {width: 100%; display: flex; justify-content: space-between; position: absolute; top: 0; text-indent: 0px}
#item.text_out {text-indent: -9999px}
.layer_def .title>ul>li {width: 50%; text-align: center;}
#commModal.layer_def {margin-bottom: 3rem;}
#commModal.layer_def .title>ul {position: relative;}
.myDfu_up .innorix_basic {border: none; width: 100% !important;}
.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filename,
.innorix_basic div.irx_filetree ul.irx_filetree_list li.irx-file-wrapper div.irx-file-inner-wrapper div.filesize {font-weight: 300;}
.innorix_basic div.irx_infoBox div.irx-chart-wrapper div.irx-chart-file-size {font-weight: 500;}
/* 슈퍼컴퓨터 OTP 인증 */
.superCom{padding-top:4rem;text-align:center}
.superCom .sC_topLogo{display:inline-block;margin-bottom:2.25rem;width:10.375rem;height:10.375rem;line-height:10.375rem;background:#fff;border-radius:100%;box-shadow:0 3px 40px #f2f2f2}
.superCom .sC_topLogo img{width:7rem}
.superCom>strong{display:block;margin:1.0625rem 0;line-height:1;font-size:1.875rem;color:#333;letter-spacing:-0.05rem}
.superCom>p{margin-bottom:3.75rem;font-family:"Noto Sans KR", serif;font-size:1rem;color:#777;letter-spacing:-0.06rem;line-height:1.625rem}

.sC_certiBox{position:relative;display:inline-block;padding:1.2rem 1rem .2rem 10rem;width:100%;max-width:47.25rem;border-top:2px solid #414141;border-bottom:1px solid #ddd}
.sC_certiBox>label{position:absolute;left:1rem;top:50%;margin-top:-0.875rem;font-size:1.125rem;line-height:1.75rem;font-weight:bold;color:#111}
.certi_inputBox{position:relative;padding-right:9.4375rem}
.certi_inputBox .btn_def{position:absolute;right:0;top:0}

.sC_btn{margin-top:1.875rem}
.sCbtn_arrow{display:inline-block;min-width:8.875rem;height:2.5rem;line-height:2.4rem;border:1px solid #ddd;border-radius:0.1875rem;text-align:center;transition:all .3s}
.sCbtn_arrow:after{content:"\e907";font-family:"xeicon";margin-left:0.3rem}
.sCbtn_arrow:hover{background:#1792E5;border-color:#1792E5;color:#fff !important}
.none-data {display: flex; width: 100%}
.none-data td {width: 100%!important}
@media all and (max-width:1000px){
    .n_myDrive{margin-top:3.75rem}
}
.a_shr_url:hover{color:#28AEFF;}

/*
@media all and (max-width:768px){
    .n_myDrive .mo_myDmenu{display:block}
    .n_myDrive .n_myDrive_left{position:relative;width:100%;height:auto;border-right:0}
    .n_myDrive .n_myDrive_menu{position:relative;overflow-y:inherit}
    .n_myDrive .n_myDrive_menu>ul{display:none;border-bottom:1px solid #ddd}
    .n_myDrive .n_myDrive_menu>ul>li>a:after{display:none}

    .n_myDrive>.n_myDrive_content{margin-left:0;padding:1rem}
}*/


	.doi_link {
		font-size: 1rem;
		color: dodgerblue !important;
		font-weight:800;
	}
	
	.doi_icon{
	    width: 100px;
	    height: 100px;
	    border-radius: 50%;
	    background: orange;
	    font-size: 1rem;
	    padding: 5px !important;
	    margin: 5px !important;
	    font-weight:800;
	}
	.doi{
	    z-index:100000;
	}

/* 영문 해더 */
.eng_body #header_top .header_wrap .gnb { width:1083px; }
.eng_body #header_top .etc_menu ul.link { width:190px; }
.eng_body #header_top .gnb > ul > li > a { display:flex; justify-content:center; align-items:center; min-width:90px; line-height:1; }
	
	/* Media Query - 올포원 */
/* @media all and (max-width:1600px) {

	#header_top .header_wrap { padding:0 100px; transition:all 0.3s; }

}

@media all and (max-width:1440px) {


}

@media all and (max-width:1280px) {

	#header_top .header_wrap { padding:0 30px; transition:all 0.3s; }
}

@media all and (max-width:1200px) {
	#header_top .header_wrap #logo a img { height:45px; }
	#header_top .header_wrap .gnb { width:600px }
	#header_top .gnb { margin:0 20px; }
	#header_top .gnb > ul { position:static; }
	#header_top .gnb > ul > li > a { font-size:18px; }
	#header_top .gnb_bg .gnb_etcMenu { width:25%; }
}

@media all and (max-width:1024px) {
	#header_top .header_wrap { height:5.5rem; }
	#header_top .gnb > ul { display:none; }
	#header_top .etc_menu ul { justify-content:end; }
	#header_top .etc_menu ul li:not(:last-child) { display:none; }
	
	
	
}

@media all and (max-width: 767px) {
  * Mobile
}

@media all and (min-width: 768px) and (max-width: 1023px) {
  * Tablet 
} */

/* AI 추천 */
.rstD_info.ai_recommend { position:relative;  }
.rstD_info.ai_recommend dt { display:flex; justify-content:space-between; align-items:center; color:#fff; background-color:#0e4c99; }
.rstD_info.ai_recommend dt button { padding:5px 10px; font-size:12px; font-weight:500; color:#0e4b98; background-color:#fff; background-image:linear-gradient(222deg, #b3e0ff 0%, #fff 50%, #b3e0ff 100%); border-radius:5px; }
.rstD_info.ai_recommend dt button:hover { background-image:linear-gradient(222deg, #85d0ff 0%, #f0f9ff 50%, #85d0ff 100%); transform:scale(1.05); transition:all 0.3s ease; }
.rstD_info.ai_recommend dd { padding:16px; }
.ai_recommend dd { max-height:1150px; overflow:hidden; overflow-y:auto; }
.rcmd_tab_head { width:100%; background-color:#e9ecef; border-radius:5px;}
.rcmd_tab_head ul { display:flex; justify-content:center; align-items:center; padding:5px; }
.rcmd_tab_head ul li { flex:0 1 calc(100% / 3); }
.rcmd_tab_head ul li a { display:inline-flex; justify-content:center; align-items:center; width:100%; background-color:#e9ecef; border-radius:5px; }
.rcmd_tab_head ul li.on a { background-color:#fff; }
.rcmd_tab_body .rcmd_conts { display:none; }
.rcmd_tab_body .rcmd_conts.on { display:block; }
.rcmd_conts { margin-top:20px; }
.rcmd_conts .rcmd_list { position:relative; margin-bottom:20px; padding:20px 11px; background-color:#f8f9fa; border:1px solid #e9ecef; border-radius:5px; }
.rcmd_conts ul li:last-child .rcmd_list { margin-bottom:0; }
.rcmd_conts .rcmd_list h4 { display:-webkit-box; line-height:1.2; font-size:16px; font-weight:500; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.rcmd_conts .rcmd_list p { display:-webkit-box; line-height:1.2; font-size:13px; font-weight:300; color:#777; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rcmd_conts .rcmd_list.rcmd_alert p { display:-webkit-box; margin-top:5px; line-height:1.2; font-size:13px; font-weight:500; color:#333; text-align:center; letter-spacing:0.3px; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.rcmd_conts .rcmd_list.rcmd_alert p:first-child { margin-top:0; }
.rcmd_conts .rcmd_list.rcmd_alert .rcmd_icon img { margin-right:10px; height:20px; }
/* 로딩 중지 버튼 */
.btn_ai_cls { margin-top:10px; padding:3px 10px; font-size:15px; color:#fff; background-color:#0e4c99; border:1px solid #0e4c99; border-radius:3px; }

/* 더보기 버튼 */
.rcmd_more { display:flex; justify-content:center; align-items:center; margin-top:20px; }
.rcmd_more button { display:inline-flex; align-items:center; justify-content:center; padding:8px 20px; background-color:#0e4c99; color:#fff; border-radius:4px; font-size:13px; font-weight:500; transition:all 0.3s ease; }
.rcmd_more button:hover { background-color:#164a94; box-shadow:0 4px 8px rgba(30, 90, 168, 0.3); transform:translateY(-1px) scale(1.02); }
/* hover/addclass */
.rcmd_conts .rcmd_list:hover h4 a { color:#0e4c99; text-decoration:underline !important; }
.rcmd_conts .rcmd_list.new_rcmd { background:rgba(14, 76, 153, 0.09); border:1px solid #0e4c99; }
		
/* 표준분류 */
.rcmd_trd ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:10px; width:100%; }
.rcmd_trd ul li { flex:0 1 calc((100% - 10px) / 2); }
.rcmd_conts .rcmd_card { position:relative; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; height:76px; background-color:#f8f9fa; border:1px solid #e9ecef; border-radius:5px; }
.rcmd_conts .rcmd_card h4 { font-size:16px; line-height:17px; }
.rcmd_conts .rcmd_card p { margin-top:0; font-size:12px; color:#777; }
/* 툴팁 */
.dtl_right_tooltip { display:none; position:fixed; top:0; left:0; padding:10px; max-width:250px; line-height:1.5; color:#333; font-size:12px; background-color:#fff; border-radius:5px;  box-shadow:0 -1px 2px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.05), 0 6px 12px rgba(0, 0, 0, 0.04);; z-index:33; pointer-events:none; word-wrap:break-word; transform:translate(10px, 10px); /* 마우스 커서와 툴팁 간의 간격 */ }
/* addcalss */
.rcmd_conts .rcmd_card.new_rcmd { background:rgba(14, 76, 153, 0.09); border:1px solid #0e4c99; } 

/* 닫기 */
.list_cls { display:none; position:absolute; top:-10px; right:-10px; transition:all 0.3s ease; }
.list_cls_btn { display:flex; justify-content:center; align-items:center; position:relative; width:22px; height:22px; background-color:#ff4757; border:2px solid #ff3742; border-radius:50%; box-shadow:0 2px 4px rgba(0, 0, 0, 0.1); cursor:pointer; transition:all 0.3s ease; }
.list_cls_btn::before,
.list_cls_btn::after { content:""; position:absolute; width:11px; height:1px; background-color:#fff; border-radius:1px; transition:background-color 0.3s ease; }
.list_cls_btn::before { transform:rotate(45deg); }
.list_cls_btn::after { transform:rotate(-45deg); }
.rcmd_list:hover .list_cls { display:block; transition:all 0.3s ease; }
.rcmd_card:hover .list_cls { display:block; transition:all 0.3s ease; }

/* right 로딩바 */
.layerPop.right_info { position:absolute; }
.layerPop.right_info .loaderWrap .spinner02 { width:70px; height:70px; border:4px solid transparent; border-top:4px solid #ffbc34; border-bottom:4px solid #ffbc34; }
.layerPop.right_info .loaderWrap p { font-weight:bold; color:#fff; }

/* 임시CSS */
.rcmd_trd ul li { flex:none; width:100%; }
.rcmd_conts .rcmd_card { flex-wrap:nowrap; padding:10px; }
.rcmd_conts .rcmd_card p { margin-top:10px; line-height:10px; word-break:break-all; }