@charset "utf-8";

/* ----------------------------------------
 * Created : 2018 v01
 	최신수정 jw 202102
 --------------------------------------- */

/* header */
header{position: relative;width:100%;z-index:50;background: #fff;}
header article{position:relative; max-width:1280px;width:1280px; margin: 0 auto;height:50px;}
header article .logo_wrap{position: absolute;top:5px;left: 0; display: inline-block;vertical-align: top;}
header article .logo_wrap a{position:relative;width:220px;height:55px;  display: block ;color: #fff;font-size:32px;z-index:53;opacity: 1;overflow: hidden;}
header article .logo_wrap span{  display: table;width:100%;height:100%;color:#000;font-size:18px;font-weight:600;}
header article .logo_wrap span em{display: table-cell;vertical-align:middle;width:100%;height: 100%;}
header article .logo_wrap span em img{max-width: 100%;}
header article .header_top{position: absolute;top:5px;right: 0; padding:10px 0 0 0;}
header article .header_top ul{clear: both;overflow: hidden;padding-bottom: 10px;}
header article .header_top ul li{float:left;font-weight:400;font-size: 14px;height:26px;line-height:26px; padding-right:15px;}
header article .header_top ul li:first-child{padding-right:30px;}
header article .header_top ul li:last-child{padding-right:0;}
header article .header_top ul li a{color:#000;opacity: 0.5;transition:all 0.5s ease;}
header article .header_top ul li a.logout{display:block; padding:5px; border:1px solid #222;line-height: 1;}
header article .header_top ul li a.logout{width:22px;height:26px; background:url('./images/common/logout01.png') no-repeat 50% 50%;text-indent: -9999em;border:none;opacity: 1;}
header article .header_top ul li a.mypage{display:block; padding:5px; border:1px solid #222;line-height: 1;}
header article .header_top ul li a.mypage{width:22px;height:26px; background:url('./images/common/logout01.png') no-repeat 50% 50%;text-indent: -9999em;border:none;opacity: 1;}
header article .header_top .select{vertical-align: top;}
header article .header_top select{height:26px;color: #222;font-size:12px;vertical-align: top;}
header article .header_top .select:AFTER{height:26px;margin-top:-11px; background: #0f6aaa url(images/language_wrap_ic01.png) no-repeat 50% 50%;}
header article .header_top ul li.lang{width: calc(100% - 20px);padding-top: 4px;}
header article .header_top ul li.lang .select{position: relative;}
header article .header_top ul li.lang .select:after{content:'';position: absolute;top:6px;right: 1px;background:url(images/common/sel_ic.png) 50% 50% no-repeat;width: 30px;height:26px; pointer-events: none;}
header article .header_top ul li.lang select{background: none;width:100%;line-height:26px;opacity:1;color:#fff;}
header article .header_top ul li.lang select option{color:#222;}
.dimlnb_bg{overflow:hidden; position:fixed;height:100%; top:0px; left:0px; bottom:0; right:0; z-index:49; background:#000; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;}

.lang_wrap{padding:0 10px; height:60px;clear: both;overflow: hidden;background: #133b7f;}
.lang_wrap li{display:block;float: left;}
.lang_wrap li + li{margin-left:20px;}
.lang_wrap li a{display:block;height:60px;line-height:60px;color:#fff;opacity: 0.8;}
.lang_wrap li.on a{opacity: 1;}
.lang_wrap li.on a span{padding-bottom:2px;border-bottom:1px solid #fff;}


.user_wrap{position:relative; width:100%;padding:10px 10px 20px 10px; background: #133b7f;}
.user_wrap .name{font-size:20px;color:#fff;font-weight: 600;width:calc(100% - 80px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.user_wrap .logout_btn{ display:block; position:absolute;top:50%;margin-top:-19px; right:10px;color:#fff;padding:5px 10px;text-align:center;border:1px solid #46659a;}

.m_left_search_box{position:absolute;top:165px;left:0; width:100%; height:calc(100vh - 165px);background-color: rgba(0, 0, 0, 0.4);overflow-y:auto;z-index: 10; }
.m_left_search_box ul{background: #fff;}
.m_left_search_box ul li{display: block;padding:0 10px;border-bottom:1px solid #e5e5e5;}
.m_left_search_box ul li a{display:block;padding:15px 0; background: url('images/common/m_left_icon03.png') no-repeat 100% 50%;background-size:20px auto;}

.m_gnb_wrap{overflow-y: auto;}
.m_gnb_wrap .m_gnb_list{height:calc(100vh - 235px);float:left;width:25%; background:#f8f8f8;}
.m_gnb_wrap .m_gnb_list li{border-bottom:1px solid #e5e5e5;}
.m_gnb_wrap .m_gnb_list li a{display: block;color:#333333;padding:20px 0 20px 10px;font-weight:600;background:#f8f8f8;border-right:1px solid #e5e5e5;}
.m_gnb_wrap .m_gnb_list li.on a{color:#134496; background:#fff;border-right: 1px solid #fff;}
.m_gnb_wrap .m_gnb_list2{float:left;width:75%;height:calc(100vh - 235px);padding-left:10px;}
.m_gnb_wrap .m_gnb_list2 ul > li{padding-right: 10px;}
.m_gnb_wrap .m_gnb_list2 ul > li > ul{display: none;border-bottom:1px solid #e5e5e5;}
.m_gnb_wrap .m_gnb_list2 ul > li > a{display:block;color:#333333;font-weight:600;border-bottom:1px solid #e5e5e5; padding:20px 0 20px 0;transition:all 0.5s ease;}
.m_gnb_wrap .m_gnb_list2 ul > li.on > a{color:#134496;font-weight:600; padding:20px 0 20px 0;}
.m_gnb_wrap .m_gnb_list2 ul > li.in_depth3 > a{/* background: url('images/common/m_left_icon01.png') no-repeat 100% 50%;background-size:15px auto; */}
.m_gnb_wrap .m_gnb_list2 ul > li.on.in_depth3 > a{color:#134496;font-weight:600; padding:20px 0 20px 0;/* background: url('images/common/m_left_icon02.png') no-repeat 100% 50%;background-size:15px auto; */}
.m_gnb_wrap .m_gnb_list2 ul > li > ul > li > a{padding-left:5px;color:#666666;padding:10px 0 10px;border-bottom: none; background: none;}

.family_list{position:absolute;bottom:0;left:0;width:100%;  clear: both;overflow: hidden;border-top:1px solid #e5e5e5;}
.family_list li{float: left;width:25%;height:70px;text-align: center;border-left:1px solid #e5e5e5;}
.family_list li:FIRST-CHILD{border-left:noen;}
.family_list li a{display: block;padding-top:10px;}
.family_list li span{display: block;padding-top:36px;color:#333333;font-weight:600;}
.family_list li span.bg01{background: url('images/common/family_list_ic01.png') no-repeat 50% 0;background-size:30px auto;  }
.family_list li span.bg02{background: url('images/common/family_list_ic02.png') no-repeat 50% 0;background-size:30px auto;  }
.family_list li span.bg03{background: url('images/common/family_list_ic03.png') no-repeat 50% 0;background-size:25px auto;  }
.family_list li span.bg04{background: url('images/common/family_list_ic04.png') no-repeat 50% 0;background-size:30px auto;  }

/* nav */
header{}
header nav{position: relative;margin:0 auto;text-align:right; }
header nav h2{height:0;font-size:0;visibility:hidden;}

.m_gnb{display:none;}
.btn_gnb{display:none;overflow:hidden;position:absolute;left:0;top:0;width:60px;height:60px;z-index:100;}
.btn_gnb i{display:block;width:25px;height:2px;margin:6px auto 0;background:#000;transition:0.3s}
.btn_gnb i:first-child{margin-top:21px;}
.btn_gnb.on i{position:relative;left:0;width:24px;margin:6px auto 0;background:#fff;}
.btn_gnb.on i:first-child{margin-top:22px;}
.btn_gnb.on i:nth-child(1){top:8px;transform: rotate(45deg);}
.btn_gnb.on i:nth-child(2){opacity:0;transform:translateX(100%)}
.btn_gnb.on i:nth-child(3){top:-8px;transform: rotate(-45deg);}
.btn_gnb span{display:none;}
.m_top_menu{background: #133b7f;}