@charset "utf-8";
body { overflow-y : scroll; }
body.main {background: #f6f8f9;}
:root {
  --color-line : #5757b1;
}

/************ header ************/
.header {display:flex;flex-direction: column;z-index: 20;position:relative}
.header .logo {width: 84px;display:flex;justify-content: center;align-items: center;padding-left: 19px;}
.header .logo a {display:inline-block;max-width: 160px;width:100%;height: 30px;background:url('../images/logo_main.png') no-repeat 0 0 / 100%;text-indent:-9999px;}
.header .top_menu {display:flex;background: #000080;align-items: center;}
.header .top_menu .right_top {display:flex;flex-grow: 1;padding: 15px 15px;/* background: #fff; */align-items: center;}
.header .b_tit {font-size: 18px;font-weight: 600;color: rgb(255 255 255 / 64%);}
.header .member_wrap {display:flex;align-items: center;justify-content: flex-end;flex-grow: 1;}
.header .member_wrap > a {position:relative;padding-right: 10px;margin-right: 10px;color: #ffffff;}
.header .member_wrap > a:after {content:'';width:1px;height:10px;background: #6397c7;position:absolute;top:50%;right:0;margin-top:-5px;}
.header .member_wrap .member_inner {display:flex;align-items: center;}
.header .member_wrap .member_inner p span {margin-right:7px;color: #d5ebff;}
.header .member_wrap .member_inner strong {color: #ffffff;}
.header .member_wrap .member_inner .time_wrap {margin-left:10px;padding-left:10px;position:relative;display: flex;align-items: center;}
.header .member_wrap .member_inner .time_wrap:before {content:'';width:1px;height:12px;background: #2e2ea4;position:absolute;top:50%;left:0;margin-top:-6px;}
.header .member_wrap .member_inner .time_wrap span {display:block;position:relative;padding-left: 25px;margin-right:5px;color:#fff;}
.header .member_wrap .member_inner .time_wrap span:before {content:'';width: 20px;height: 20px;background:url('../images/icon_time.svg') no-repeat 0 0 / 100%;position:absolute;top: 50%;left:0;margin-top: -10px;}
.header .member_wrap .member_inner .time_wrap button {padding: 3px 15px 4px;font-size: 13px;background:none;border: 1px solid #3232a7;border-radius:30px;color:#fff;}
.icon_box {display:flex;gap: 5px;margin-left: 5px;}
.icon_box a {display:flex;width: 32px;height: 32px;background: #18188f;border-radius:100%;justify-content: center;align-items: center;position:relative;}
.icon_box a span {display:inline-block;width: 18px;height: 18px;text-indent:-9999px;}
.icon_box .home_icon span {background:url('../images/icon_home.svg') no-repeat 0 0 / 100%;}
.icon_box .home_ntf span {background:url('../images/icon_ntf.svg') no-repeat 0 0 / 100%;}
.icon_box .home_mp span {background:url('../images/icon_mp.svg') no-repeat 0 0 / 100%;}
.icon_box a .number {display: block;width:15px;height:15px;background:#DB0000;border-radius:100%;color:#fff;font-size: 10px;text-align: center;line-height: 13px;position: absolute;top: 0;right: -5px;}
.m_menu {display:none;}

/** GNB **/
.menu_bg {width: 100%;height: 0;position: absolute;background-color: #3c3ca3;top: 116px;display: none;left: 0;z-index: 20;border-top: 1px solid var(--color-line);}
.gnb {background: #3c3ca3;position: relative;z-index: 21;}
.gnb ul {display: flex;justify-content: center;}
.gnb ul li {color: var(--color-line);font-weight: 600;position:relative;margin-right: -1px}
.gnb ul > li > a {color: #fff;font-weight: 600;padding: 15px 50px;display: block;font-size: 18px;}
.gnb ul li ul {position:absolute;top: 54px;left:0;display: none;z-index:22;border-right: 1px solid var(--color-line);width: 100%;padding:15px 0;border-left: 1px solid var(--color-line);}
.gnb ul li ul li a {padding: 7px 5px;text-align:center;font-weight:300;font-size:15px;}
.gnb ul li a:hover {color: #ffca4d;}
.gnb ul li a.on {color: #ffca4d;}

/**  본문 **/
.contents {position:relative;padding: 30px 30px 0;}
.contents .left_wrap {width: 300px;min-height:calc(100vh - 323px);position:relative;flex-shrink: 0;background: #f0f2ff;border-radius: 20px;padding: 20px;}
.contents .right_wrap {flex-grow:1;min-width: 0;position:relative;}


/** tab-menu **/
.location_wrap {background:#f7f7f7;}

/**  Location**/
.location {padding: 20px 40px;}
.location ul {display: flex;}
.location ul li {display: flex;align-items: center;position:relative;}
.location ul li+li {padding: 0 15px;}
.location ul li+li:after {content:'';width:5px;height:8px;background:url('../images/location_arrow.png') no-repeat center;position:absolute;top:50%;right:0;margin-top:-4px;}
.location ul li.home a {display:inline-block;width:15px;height:12px;background:url('../images/icon_location_home.png') no-repeat center;}
.location ul li.home a span {display:inline-block;text-indent:-9999px;}
.location ul li:last-child {font-weight:bold;}
.location ul li:last-child:after {content:none}
.main .location {border-bottom: 1px solid #e5e5e5;}

/** title **/
h3.stit {margin-bottom: 20px;font-size:20px;font-weight:800;color:#212121;}
h4.sstit {margin-bottom: 20px;font-size:18px;font-weight:800;color:#212121;padding-left: 10px;position:relative}
h4.sstit:before {content: '';width: 3px;height: 14px;background: #2f6da7;position: absolute;top: 50%;left: 0;margin-top: -6px;}
h5.ssstit {font-size: 16px;margin-bottom:10px;color:#165fa3}

/* 메인 */
.main_contents {padding-bottom:50px;min-height: calc(100vh - 181px);}
/**  서브 **/
.sub_cont_wrap {padding: 40px 40px 100px;}

/* footer */
.footer {background: #f1f1f1;color: #666666;text-align: center;padding: 20px 0;}
.footer.main {background: #fff;}