/* header */
header {position:fixed; width:264px; height:100%; left:0; top:0; z-index:1000; display:flex; flex-direction:column; background:#fff; border-right:1px solid #C7D5E2;}
header .header-logo {width:100%; border-bottom:1px solid #F4F8FC; height:81px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:relative; flex-shrink:0;}
header .header-logo h1 {width:100%;height:100%;}
header .header-logo h1 a {width: 100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; font-size:18px; font-weight:700; color:#3D474D; width:100%;}
header .header-logo h1 a img {height:100%}
header .header-logo .toggle {right:-15px; bottom:-15px; position:absolute; width:30px; height:30px; border-radius:50%; background:#fff url('../images/icon_header_toggle.svg') no-repeat center / 17.5px; box-shadow:0 1px 5px 1px rgba(0,0,0,0.16); font-size:0;}
header .header-menu {width:100%; height:100%; overflow-y:auto; padding:25px 0;}
header .header-menu > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; height:50px; padding:0 10.5px 0 50px;}
header .header-menu > ul > li > a:before {display:block; content:""; width:31px; height:31px; background-position:left center; background-repeat:no-repeat;}
header .header-menu > ul > li > a p {font-size:17px; font-weight:600; flex:1; min-width:0;}
header .header-menu > ul > li > a.toggle:after {display:block; content:""; width:20px; height:20px; background:url('../images/icon_header_arrow.svg') no-repeat center / cover;}
header .header-menu > ul > li > ul {display:none;}
header .header-menu > ul > li > ul > li > a {display:flex; flex-wrap:wrap; align-items:center; height:50px; padding:0 10.5px 0 60px;}
header .header-menu > ul > li > ul > li > a:before {display:block; content:""; width:31px; height:31px; background-position:left center; background-repeat:no-repeat;}
header .header-menu > ul > li > ul > li > a p {flex:1; min-width:0; font-size:17px; font-weight:600;}
header .header-menu > ul > li > ul > li > ul > li a {display:flex; flex-wrap:wrap; align-items:center; height:50px; padding:0 10.5px 0 100px;}
header .header-menu > ul > li > ul > li > ul > li a p {flex:1; min-width:0; font-size:17px; font-weight:600;}
header .header-menu > ul > li > ul > li.menu01-01 > a:before {background-image:url('../images/icon_menu_01_01.svg');}
header .header-menu > ul > li > ul > li.menu01-02 > a:before {background-image:url('../images/icon_menu_01_02.svg');}
header .header-menu > ul > li > ul > li.menu04-01 > a:before {background-image:url('../images/icon_menu_04_01.svg');}
header .header-menu > ul > li > ul > li.menu06-01 > a:before {background-image:url('../images/icon_menu_06_01.svg');}
header .header-menu > ul > li.menu-01 > a:before {background-image:url('../images/icon_menu_01.svg');}
header .header-menu > ul > li.menu-02 > a:before {background-image:url('../images/icon_menu_02.svg');}
header .header-menu > ul > li.menu-03 > a:before {background-image:url('../images/icon_menu_03.svg');}
header .header-menu > ul > li.menu-04 > a:before {background-image:url('../images/icon_menu_04.svg');}
header .header-menu > ul > li.menu-05 > a:before {background-image:url('../images/icon_menu_05.svg');}
header .header-menu > ul > li.menu-06 > a:before {background-image:url('../images/icon_menu_06.svg');}
header .header-menu > ul > li.menu-07 > a:before {background-image:url('../images/icon_menu_07.svg');}
header .header-menu ul li a:hover {background:#405FF4;}
header .header-menu ul li a:hover p {color:#fff;}
header .header-menu ul li a:hover:before {filter:var(--filter-white);}
header .header-menu ul li a:hover:after {filter:var(--filter-white);}
header .header-menu ul li.active > a {background:#405FF4;}
header .header-menu ul li.active > a p {color:#fff;}
header .header-menu ul li.active > a:before {filter:var(--filter-white);}
header .header-menu ul li.active > a:after {filter:var(--filter-white);}
header .header-menu ul li.active > ul {display:block;}
body.close header {width:82px;}
body.close header .header-logo h1 a {font-size:0; gap:0;}
body.close header .header-logo .toggle {transform:rotate(180deg);}
body.close header .header-menu > ul > li > a {padding:0; justify-content:center;}
body.close header .header-menu > ul > li > a p {display:none;}
body.close header .header-menu > ul > li > a.toggle {position:relative;}
body.close header .header-menu > ul > li > a.toggle:after {position:absolute; right:5px; top:50%; transform:translateY(-50%);}
body.close header .header-menu > ul > li > ul {display:none !important;}

/* header admin */
header.admin {background:#0F172B;}
header.admin .header-logo {border-color:#314158;width:auto;}
header.admin .header-logo h1 {width:auto;height:auto;}
header.admin .header-logo h1 a {color:#fff;}
header.admin .header-logo h1 a img {width: auto; height:auto;}

header.admin .header-logo .toggle {background-color:#C7D5E2;}
header.admin .header-menu > ul > li > a p {color:#fff;}
header.admin .header-menu > ul > li > a:before {width:41px; filter:none !important;}
header.admin .header-menu > ul > li > a.toggle:after {filter:var(--filter-white) !important;}
header.admin .header-menu > ul > li > ul > li a:before {filter:none !important; width:41px;}
header.admin .header-menu > ul > li > ul > li a p {color:#fff;}
header.admin .header-menu > ul > li.menu-01 > a:before {background-image:url('../images/icon_menu_01_w.svg');}
header.admin .header-menu > ul > li.menu-02 > a:before {background-image:url('../images/icon_menu_02_w.svg');}
header.admin .header-menu > ul > li.menu-03 > a:before {background-image:url('../images/icon_menu_03_w.svg');}
header.admin .header-menu > ul > li.menu-04 > a:before {background-image:url('../images/icon_menu_04_w.svg');}
header.admin .header-menu > ul > li.menu-05 > a:before {background-image:url('../images/icon_menu_05_w.svg');}
header.admin .header-menu > ul > li.menu-06 > a:before {background-image:url('../images/icon_menu_06_w.svg');}
header.admin .header-menu > ul > li.menu-07 > a:before {background-image:url('../images/icon_menu_07_w.svg');}
header.admin .header-menu > ul > li > ul > li.menu01-01 > a:before {background-image:url('../images/icon_menu_01_01_w.svg');}
header.admin .header-menu > ul > li > ul > li.menu01-02 > a:before {background-image:url('../images/icon_menu_01_02_w.svg');}
header.admin .header-menu > ul > li > ul > li.menu01-03 > a:before {background-image:url('../images/icon_menu_01_03_w.svg');}
header.admin .header-menu > ul > li > ul > li.menu05-01 > a:before {background-image:url('../images/icon_menu_05_01_w.svg');}

/* section */
section {width:calc(100% - 264px); margin:0 0 0 264px;}
section .section-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; height:81px; border-bottom:1px solid #C7D5E2; padding:0 40px;}
section .section-top p {font-size:18px; font-weight:500;}
section .section-top span {font-size:15px; margin:0 0 0 5px;}
section .section-top img {width:42px; height:42px; border-radius:50%; object-fit:cover; margin:0 0 0 15px;}
section .section-top .dropdown-box {margin:0 0 0 15px; position:relative;}
section .section-top .dropdown-box .dropdown-btn img {width:40px; height:40px; border-radius:50%; object-fit:cover; margin:0;}
section .section-top .dropdown-box .dropdown-inner {padding:30px; position:absolute; right:0; top:calc(100% + 10px); width:275px; background:#fff; border-radius:16px; box-shadow:0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;}
section .section-top .dropdown-box .dropdown-inner .name p {display:flex; flex-wrap:wrap; align-items:baseline; gap:8px; margin:0 0 12px; font-size:24px;}
section .section-top .dropdown-box .dropdown-inner .name p strong {font-size:32px; font-weight:600;}
section .section-top .dropdown-box .dropdown-inner .info {margin:0 0 15px;}
section .section-top .dropdown-box .dropdown-inner .info p {font-size:16px;}
section .section-top .dropdown-box .dropdown-inner .info p:last-of-type {color:#101828; margin:10px 0 0;}
section .section-top .dropdown-box .dropdown-inner .link ul {display:flex; flex-wrap:wrap; align-items:center;}
section .section-top .dropdown-box .dropdown-inner .link ul li {display:flex; flex-wrap:wrap; align-items:center;}
section .section-top .dropdown-box .dropdown-inner .link ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#99A1AF; margin:0 10px;}
section .section-top .dropdown-box .dropdown-inner .link ul li:last-of-type:after {display:none;}
section .section-top .dropdown-box .dropdown-inner .link ul li a {font-size:16px; font-weight:500; color:#364153;}
section .section-top .dropdown-box .dropdown-inner .link ul li:first-of-type a {text-decoration:underline;}
section .section-top .dropdown-box.active {z-index:1000;}
section .section-loca {background:#fff; padding:18px; border-bottom:1px solid #C7D5E2;}
section .section-loca h2 {font-size:26px; font-weight:600; padding:20px 0 0;}
section .section-loca ul {display:flex; flex-wrap:wrap; align-items:center;}
section .section-loca ul li {display:flex; flex-wrap:wrap; align-items:center;}
section .section-loca ul li:after {display:block; content:""; width:16px; height:16px; margin:0 7px; background:url('../images/icon_header_arrow.svg') no-repeat center / cover;}
section .section-loca ul li:last-of-type:after {display:none;}
section .section-loca ul li .home {width:23px; height:23px; display:block; font-size:0; background:url('../images/icon_home.svg') no-repeat center / cover;}
section .section-loca ul li p {font-size:16px; color:#3a3a3a;}
section .section-loca.no-bg {background:none; border:0;}
section .section-content {min-height:100vh; background:#fff; padding:30px;}
section .section-content.transparent {background:transparent;}
section .section-search {background:#fff; border-bottom:1px solid #C7D5E2; padding:18px;}
section .section-search > ul {display:flex; flex-wrap:wrap; align-items:center; gap:30px;}
section .section-search > ul > li {gap:15px; display:flex; flex-wrap:wrap; align-items:center;}
section .section-search > ul > li > strong {font-size:16px; color:#3a3a3a;}
section .section-search > ul > li > strong.after {display:flex; flex-wrap:wrap; align-items:center;}
section .section-search > ul > li > strong.after:after {display:inline-block; content:""; width:1px; height:18px; background:#3a3a3a; margin:0 0 0 15px;}
body.close section {width:calc(100% - 82px); margin:0 0 0 82px;}

/* hewang.jung add */
header .header-menu > ul > li.code-sys > a:before {background-image:url('../images/icon_menu_01.svg');}
header .header-menu > ul > li.code-medical > a:before {background-image:url('../images/icon_menu_02.svg');}
/*header .header-menu > ul > li.code-survey > a:before {background-image:url('../images/icon_menu_03.svg');}*/
header .header-menu > ul > li.code-survey-mgmt > a:before {background-image:url('../images/icon_menu_08.svg');}

header .header-menu > ul > li.code-partner-board > a:before {background-image:url('../images/icon_menu_04.svg');}
header .header-menu > ul > li.code-report > a:before {background-image:url('../images/icon_menu_05.svg');}
header .header-menu > ul > li.code-my-info > a:before {background-image:url('../images/icon_menu_06.svg');}

header .header-menu > ul > li > ul > li.code-sys-company > a:before {background-image:url('../images/icon_menu_01_01.svg');}
header .header-menu > ul > li > ul > li.code-sys-org > a:before {background-image:url('../images/icon_menu_01_02.svg');}
header .header-menu > ul > li > ul > li.code-partner-board-partner-notice > a:before {background-image:url('../images/icon_menu_04_01.svg');}
header .header-menu > ul > li > ul > li.code-my-info-account > a:before {background-image:url('../images/icon_menu_06_01.svg');}
header .header-menu > ul > li > ul > li.code-survey-mgmt-send > a:before {background-image:url('../images/icon_menu_07.svg');}
header .header-menu > ul > li > ul > li.code-survey-mgmt-survey > a:before {background-image:url('../images/icon_menu_03.svg');}
header .header-menu > ul > li > ul > li.code-survey-mgmt-counsel > a:before {background-image:url('../images/icon_menu_counsel.svg');}



header.admin .header-menu > ul > li.code-sys > a:before {background-image:url('../images/icon_menu_01_w.svg');}
header.admin .header-menu > ul > li.code-admin-mgmt > a:before {background-image:url('../images/icon_menu_02_w.svg');}
header.admin .header-menu > ul > li.code-partner-mgmt > a:before {background-image:url('../images/icon_menu_03_w.svg');}
header.admin .header-menu > ul > li.code-survey-mgmt > a:before {background-image:url('../images/icon_menu_04_w.svg');}
header.admin .header-menu > ul > li.code-board > a:before {background-image:url('../images/icon_menu_05_01_w.svg');}
header.admin .header-menu > ul > li.code-report > a:before {background-image:url('../images/icon_menu_06_w.svg');}
header.admin .header-menu > ul > li.code-log > a:before {background-image:url('../images/icon_menu_07_w.svg');}

header.admin .header-menu > ul > li > ul > li.code-sys-code > a:before {background-image:url('../images/icon_menu_01_01_w.svg');}
header.admin .header-menu > ul > li > ul > li.code-sys-menu > a:before {background-image:url('../images/icon_menu_01_02_w.svg');}
header.admin .header-menu > ul > li > ul > li.code-sys-agree > a:before {background-image:url('../images/icon_menu_01_03_w.svg');}
header.admin .header-menu > ul > li > ul > li.code-board-notice > a:before {background-image:url('../images/icon_menu_05_01_w.svg');}

/* loading */
.loading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0;
}

.loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
}

body.page-loaded .wrapper .container {
    /*body {*/
    opacity: 1;
}

.wrapper .container {
    opacity: 0;
}