html body { padding:0; margin:0 auto; max-width:640px; min-width:340px; }

.m40 { margin:40px 0 !important; }
.mt40 { margin-top:40px !important; }
.mb40 { margin-bottom:40px !important; }
.p40 { padding:40px 0 !important; }
.pt40 { padding-top:40px !important; }
.pb40 { padding-bottom:40px !important; }
.pb60 { padding-bottom:60px !important; }


.p30 { padding-top:30px !important; padding-bottom:30px !important; }
.p60 { padding-top:60px !important; padding-bottom:60px !important; }
.p80 { padding:80px 0; }

.go_btn_r { border:none; font-size:16px; display:inline-block;  background:#e6a131; color:#fff; }
.go_btn_g { border:none; font-size:16px; display:inline-block;  background:#999; color:#fff; }

.go_btn_r1 { border:none; font-size:13px; display:inline-block;  background:#e6a131; color:#fff; padding:5px 10px; }
.go_btn_g1 { border:none; font-size:13px; display:inline-block;  background:#999; color:#fff; padding:5px 10px; }

.red_b { background:#e6a131; color:#fff; }

.container { width:100%; position:relative; padding:0; }
.container_in { width:100%; padding:0 20px; box-sizing:border-box; position:relative; }


#navbar { position:relative; height:80px; width:100%; /*box-shadow:0 9px 18px 2px rgba(0,0,0,0.05); z-index:9;*/ }
#navbar .logo { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; }
#navbar .logo a { display:inline-block; width:90%; text-align:center; }
#navbar .logo a img { width:100%; }
#navbar .floating-menu .menu_img { float:right; margin-top:30px; margin-right:20px; }
#navbar .floating-menu .menu_img a { display:inline-block; display:inline-block; width:90%; cursor:pointer; }
#navbar .floating-menu .menu_img a img { width:100%; }

.foot_con { width:100%; border-top:1px solid #dcdcdc; background:#3d3d3d; overflow:hidden; }
.foot_con .foot_menu { width:100%; margin:0 auto; }
.foot_con .foot_menu ul { width:90%; margin:0 auto; overflow:hidden; border-bottom:1px solid #eaeaea; text-align:center; }
.foot_con .foot_menu ul li { display:inline-block; font-size:13px; color:#000; font-weight:400; }
.foot_con .foot_menu ul li a { display:block; padding:20px 5px; color:#fff; }
.foot_con .foot_menu  { }

.foot_con .foot_address { width:100%; margin:0 auto; padding:40px 0; box-sizing:border-box; overflow:hidden; }
.foot_con .foot_address .logo { width:100%; box-sizing:border-box; }
.foot_con .foot_address .logo a img { width:50%; }
.foot_con .foot_address .company { width:100%; box-sizing:border-box; font-size:13px; color:#999; font-weight:400; margin-top:20px; }



/*.sub_paging { margin-top:30px; margin-bottom:30px; }*/
.sub_paging { margin-bottom:30px; position:relative; }
.sub_paging button { outline:0; /*box-shadow:5px 5px 8px rgba(132,84,159,0.1);*/ position:relative; display:block; width:100%; height:45px; display:block; line-height:45px; font-size:16px; color:#fff; font-weight:700; background:#e6a131 url(/mbweb/img/common/select_arrow_v3.png) right center no-repeat; background-position:90% 50%; overflow:hidden; border:0; transform:skew(-0.03deg); }
.sub_paging button:before{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; top:5px; transform:translate(-50%,0); }
.sub_paging button:after{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; bottom:5px; transform:translate(-50%,0); }
.sub_paging ul{ display:none; background-color:#e39516 !important; }
.sub_paging ul li { float: none; width: 100% !important; text-align:center; padding:5px 0; }
.sub_paging ul li:last-child { border-bottom:0;}
.sub_paging ul{ position: absolute; left:50%; top:45px; width:100%; transform:translate(-50%,0); z-index:10; box-sizing:border-box; padding:0 10%; }
.sub_paging ul li a{ line-height: 42px; font-size: 14px; color: rgba(255,255,255,0.92); display:block; }
.sub_paging ul li.on a:after{ display: none; }
.sub_paging ul li.on a{ margin-top: 0; padding-bottom: 0; color: rgba(255,255,255,0.92);}
.sub_paging ul li:last-child{ border-bottom: none; }
.sub_paging ul li:last-child a:after{ display: none; }
.sub_paging .hide { display:none; }
.sub_tit{ display: none; }


/*.sub_paging { margin-top:30px; margin-bottom:30px; }*/
.sett_list_paging { margin-bottom:30px; position:relative; }
.sett_list_paging button { outline:0; /*box-shadow:5px 5px 8px rgba(132,84,159,0.1);*/ position:relative; display:block; width:100%; height:45px; display:block; line-height:45px; font-size:14px; color:#fff; font-weight:700; background:#555 url(/mbweb/img/common/select_arrow_v3.png) right center no-repeat; background-position:90% 50%; overflow:hidden; border:0; border-radius:5px 5px 0 0; }
.sett_list_paging button:before{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; top:5px; transform:translate(-50%,0); }
.sett_list_paging button:after{ content:''; width:90%; height:1px; display:block; /*border-top:1px dashed #9ed4e0;*/ position:absolute; left:50%; bottom:5px; transform:translate(-50%,0); }
.sett_list_paging ul{ display:none; background-color: #777 !important; }
.sett_list_paging ul li { float: none; width: 100% !important; text-align:center; padding:5px 0; }
.sett_list_paging ul li:last-child { border-bottom:0;}
.sett_list_paging ul{ position: absolute; left:50%; top:45px; width:100%; transform:translate(-50%,0); z-index:10; box-sizing:border-box; padding:0 10%; }
.sett_list_paging ul li a{ line-height: 42px; font-size: 14px; color: rgba(255,255,255,0.92); display:block; }
.sett_list_paging ul li.on a:after{ display: none; }
.sett_list_paging ul li.on a{ margin-top: 0; padding-bottom: 0; color: rgba(255,255,255,0.92);}
.sett_list_paging ul li:last-child{ border-bottom: none; }
.sett_list_paging ul li:last-child a:after{ display: none; }
.sett_list_paging .hide { display:none; }
.sub_tit{ display: none; }


.left_mst { display:none; width:0; }



.sidebar-toggle {
  margin-left: -240px;
}
.sidebar {
  width: 100%;
  height: 100vh;
  background: #fff;
  position: fixed;
  overflow-y:scroll;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 100;
}
.left_mst { position:relative; width:100%; top:0; left:0; }
.left_mst:after { content:''; position:absolute; left:0; top:0; width:100%; height:100vh; background:#000; opacity:0.2; z-index:2; }

/*.sidebar #leftside-navigation ul { border-bottom:4px solid #f5f5f5 }*/

.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
  margin: -2px 0 0;
  padding: 10px 0;
}
.sidebar #leftside-navigation ul li {
  list-style-type: none;
}

.sidebar #leftside-navigation .nano-content {
  width:90%;
  margin:0 auto;
}

.sidebar #leftside-navigation .nano-content li {
  border-bottom:1px solid #dcdcdc;
}

.sidebar #leftside-navigation .nano-content li > ul li {
  border-bottom:none;
}

.sidebar #leftside-navigation ul li.active > a {
  color: #1abc9c;
}
.sidebar #leftside-navigation ul li.active ul {
  display: block;
}
.sidebar #leftside-navigation ul li a {
  /* color: #aeb2b7;   */
  text-decoration: none;
  display: block;
  /* padding: 10px 0 10px 25px; */
  font-size: 14px;
  outline: 0;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  padding:20px 20px;
}

.sidebar #leftside-navigation ul li a.on i { color:#f0f; }


.sidebar #leftside-navigation ul li a:hover {
  color: #000;
}
.sidebar #leftside-navigation ul li a:hover i, .sidebar #leftside-navigation ul li a:active i {
  color: #ff662b;
}
.sidebar #leftside-navigation ul li a span {
	font-weight:900;
  display: inline-block;
  font-size:16px;
}
.sidebar #leftside-navigation ul li a i {
	margin-top:5px;
	float:right;
}
.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
  padding-top: 3px;
}
.sidebar #leftside-navigation ul ul {
  display: none;
  border-top:1px solid #dcdcdc;
}
.sidebar #leftside-navigation ul ul li {
  background: #f7f7f7;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-bottom: none;
}
.sidebar #leftside-navigation ul ul li a {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #000;
}
.sidebar .side_top .md-close { clear:both; display:block; text-align:right; }
.sidebar .side_top { position:relative; width:100%; padding:25px 20px 60px 20px; box-sizing:border-box; 
background:#ff662b url('/mbweb/img/common/side_top_bg.jpg'); background-size:cover;

/*background: -webkit-linear-gradient(45deg, #ff662b , #ebaa41); 
background: -o-linear-gradient(45deg, #ff662b, #ebaa41); 
background: -moz-linear-gradient(45deg, #ff662b, #ebaa41);
background: linear-gradient(to 45deg, #ff662b , #ebaa41);*/
}
.sidebar .side_top .use_login a { font-size:20px; font-weight:bold; color:#fff; padding-top:20px; }
.sidebar .side_top .use_login a img { margin-left:10px; width:10px; }
.sidebar .side_top .go_link_list { position:absolute; width:90%; box-shadow:0 0 15px 0 rgba(0,0,0,0.10); left:50%; bottom:-40px; transform:translate(-50%,0); background:#fff; border-radius:10px; }
.sidebar .side_top .go_link_list ul { text-align:left; overflow:hidden; }
.sidebar .side_top .go_link_list ul li { position:relative; display:inline-block; float:left; text-align:center; width:50%; box-sizing:border-box; }
.sidebar .side_top .go_link_list ul li:after { content:''; position:absolute; display:inline-block; width:1px; height:50%; background:#eaeaea; right:0; top:50%; transform:translate(0,-50%); }
.sidebar .side_top .go_link_list ul li:last-child { margin-right:0; }
.sidebar .side_top .go_link_list ul li:last-child:after { display:none; }
.sidebar .side_top .go_link_list ul li a { text-align:center; padding:25px 0; display:block; }
.sidebar .side_top .go_link_list ul li a span { color:#ff662b; font-size:16px; font-weight:bold; display:block; }


.sidebar .side_top .top_m { display:block; margin-bottom:60px; }
.sidebar .side_top .top_m ul { text-align:left; display:inline-block; float:left; }
.sidebar .side_top .top_m ul li { display:inline-block; margin-right:15px; }
.sidebar .side_top .top_m ul li a { position:relative; padding-right:25px; display:inline-block;  }
.sidebar .side_top .top_m ul li a i { position:absolute; right:0; top:50%; transform:translate(0,-50%); display:inline-block; width:22px; height:22px; }
.sidebar .side_top .top_m ul li:nth-child(1) a i { background:url('/mbweb/img/common/ic_m_s_lock.png') no-repeat; }
.sidebar .side_top .top_m ul li:nth-child(2) a i { background:url('/mbweb/img/common/ic_m_s_pen.png') no-repeat; }

.sidebar .side_top .top_m ul li  a { font-size:14px; color:#fff; font-weight:600; }

.sidebar .side_top .top_m .close_btn { display:inline-block; float:right; }
.sidebar .side_top .use_login { display:block; clear:both; }

#leftside-navigation { margin-top:50px; }

/* lnb */
#lnb {position: relative; width:100%;}
#lnb h1 { padding:40px 0 0 20px; font-weight:bold; font-size:2.0em; color:#cc2633; height:25px;}
#lnb > ul { margin-left:5px; padding:0 5px !important;}
#lnb > ul > li { border-bottom: 1px solid #dcdcdc; overflow:hidden;}
#lnb > .li1Depth > .1Depth { background:#777; color:#fff; font-weight:bold; }
#lnb > ul > li > a {display: block;padding: 10px 35px 10px 15px; color: inherit; font-size:14px; font-weight:bold; color:#fff; background:#777 url(/mbweb/img/common/death_off1.png) no-repeat 95% 10px; letter-spacing:-1px; }
#lnb > ul > li a:hover { }
#lnb > ul > li.on > a {color: #fff; font-weight:bold; background: #777 url(/mbweb/img/common/death_on1.png) no-repeat 95% 14px;}
#lnb > ul > li ul {display: none; padding:0 !important;}
#lnb > ul > li > ul > li > a {display: block; padding:10px 25px 10px 14px;color: #inherit; font-size: 14px; font-weight:bold; color: #000; background-color: #fff; background: #fff url(/mbweb/img/common/death_off.png) no-repeat 95% 10px;}
#lnb > ul > li > ul > li > .D2-1:hover { color:#06c; }
#lnb > ul > li > ul > li.on a { color: #000; font-weight:bold; background:#fff url(/mbweb/img/common/death_on.png) no-repeat 95% 10px; }
#lnb > ul > li > ul li ul {display: none;padding-bottom: 8px; background-color: #f5f5f5;}
#lnb > ul > li > ul li li a {display: block;padding: 0 25px 10px 0px; color: #666; font-size: 12px; font-weight:bold;}
#lnb > ul > li > ul > li li a:hover {color:#06c;}
#lnb > ul li.noDepth a {background-image: none !important; }
#lnb >ul > .dot1 { color:#fff; }
#lnb >ul > .dot2 { color:#f00 !important; }

.sidebar #leftside-navigation .nano-content li > ul li > a {color: #666;font-weight:bold; background:#fff; _background:#f5f5f5 url(/mbweb/img/common/death_off.png) no-repeat 95% 10px; _border-bottom:1px solid #dcdcdc; }
.sidebar #leftside-navigation .nano-content li > ul li.on  > a {color: #fff;font-weight:bold; background:#444 !important; border-bottom:1px solid #dcdcdc; }
.sidebar #leftside-navigation .nano-content li > ul  li.on > ul { border-bottom:2px solid #444; }

/* 2021-12-13 ÀÌ¿ë¾à°ü µî */
.contents01 h4.MAB20 {background:#fff; _background:url(/rtImages/sub/bull01.gif) 0 6px no-repeat; padding-left:0; font-size:16px; font-weight:bold; letter-spacing:-0.5px; color:#ff662b; margin-bottom:20px; clear:both; }
.contents01 span.fw_bold { font-weight:bold; }



.hidden {
  display: none !important;
}

/* ¸ð¹ÙÀÏ Æ˾÷ */
.popup-mo { width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; left:0; top:0; z-index:10; display:none; }
.popup-mo .popup-mo-wrap { width:100%; max-width:400px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; padding:0 20px; }
.popup-mo .btn-box { display:flex; justify-content:space-between; align-items:center; margin-top:20px; }
.popup-mo .btn-box p { font-size:16px; font-weight:700; color:#fff; }
.popup-mo .btn-box .btn { display:flex; gap:10px; }
.popup-mo .btn-box .btn button { display:flex; justify-content:center; align-items:center; height:40px; padding:0 20px; background:#51575d; border-radius:3px; color:#fff; font-size:14px; }
.popup-mo .btn-box .btn button { margin:0 auto; margin-right:0; }
@media (max-width:768px){
	.popup-pc { display:none; }
	.popup-mo { display:block; }
}