@charset "utf-8";

/* login */
#header_login {width:100%; position:relative; background:url(/images/tabbrowse/main/login_top_bg.gif) repeat-x left top; height: 15px;}
body.login_container { width:100%; background:#ededef; position: relative; }

.login_con { width:910px; margin:0 auto; overflow:hidden; position: relative ;}
.login_boxW {position: relative; border:2px solid #d0d0d0 ; background:#FFF url('/images/tabbrowse/main/login_img2.gif')no-repeat bottom center; margin:35px 5px 15px 0;  border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-shadow: 3px 3px 3px 0px lightgray;
    -moz-box-shadow: 3px 3px 0px lightgray;
    -webkit-box-shadow: 3px 3px 3px lightgray;}
.login_box {position: relative; margin:0 auto; width:740px ; padding:20px 0 80px }

/* .login_title { background:url(/images/logo/ibcenter_new_logo_201706.png) no-repeat left center; margin: 10px 0; overflow: hidden; height:48px ; border-bottom:3px solid #585858} */
.login_title h1 {float:right ; display:block ; font-size:26px; color:#383838; font-weight:700 ; line-height:48px}
.login_title h1 span {color:#adadad; }
.in_box {position: relative; overflow:hidden ; margin:30px 0 0 0}
.in_box img {float:left ; display:inline-block}
.login {float:left ; margin-left:15px}

.login li { }
.login li span {color:#5d5d5d ; font-weight:700 ; display:inline-block ; border-bottom:2px solid #5d5d5d ; width:110px ;line-height:28px}
.login .ulogin {position:absolute ; top:0; right:0}
.login li.unb { margin:5px 0 0 88px}
.login li.unb button.common {font-size: 12px;font-weight:bold;}

.login_textW {position: relative; border-top:1px solid #e0e0e0 ; margin:20px 0 10px 0}
.login_text { padding:20px 30px; background:#f6f6f6 ; margin:16px 0 0 0}
.login_text li {background:url('/images/tabbrowse/main/login_dot.gif')no-repeat center left ; padding:5px 0 5px 12px}
.login_text li span {color:#ff5000}

input.input_login { background-color:#f0f0f0 ; height:30px ; width:255px ; border:0; margin:0px 0 10px 5px ; 
padding:5px 5px; font-size: 14px; font-weight: normal}

button.login {background:#5c5c5c ; color:#FFF ; font-size:19px; font-weight:600; border:0 ; width:135px; height:90px; border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;}
button.login:hover {background:#393939 }

#footer_wrap {width:100%; position:relative;  }
.footer { overflow:hidden; width:940px; margin:0 auto}
#footer_wrap .f_logo { float:left ; background:url(/images/mvpc/common/ibc_logo.gif) no-repeat left; width: 109px; height:36px ; text-align:center; margin:6px 18px 0; display:inline-block }
#footer_wrap .addressW {float:left ;  padding: 15px 0 15px 15px;  font-size:11px; color:#818181 ; border-left:1px solid #d7d7d7}
.ui-datepicker-trigger{width:22px;height:25px;margin-left:10px;border: 0px;padding: 0px;background:url(/images/common/icon_calendar.png)no-repeat 0 / 22px 25px;text-indent:-9999px;} /* 20230524 ejc 23-0524-0023 */
/* main */
#main_container { width:100%; background:#ededef; position: relative; top:-6px;}
.main_con { width:1200px; margin:0 auto; overflow:hidden; position: relative ; padding:10px 0}
.main_conW {overflow:hidden; position: relative ;}
.m_con {margin:14px 0 ; float:left ;width:32.5%;}
.m_con_m0 {margin-top:0px}
/* 20220317 lhj todo 22-0119-0031 m_box7,m_box8,m_box9 추가  //20220328 lhj todo 22-0328-0036 m_box10 추가 */
.m_box1, .m_box2, .m_box3, .m_box4, .m_box5, .m_box6, .m_box7 { 
	float:left ; 
	border:1px solid #d0d0d0 ; 
	background:#FFF ; 
	padding: 25px 30px ;  
	margin: 0 0 2px; 
	width:100%;    
	box-sizing: border-box;    
	height: 255px;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-shadow: 1px 1px 1px 0px lightgray;
    -moz-box-shadow: 1px 1px 0px lightgray;
    -webkit-box-shadow: 1px 1px 1px lightgray;}
    
.m_box8, .m_box9, .m_box10, .m_box11, .m_box12 { /* 20240401 ohy todo 24-0206-0070 m_box11, 12 추가*/
	float:left ; 
	border:1px solid #d0d0d0 ; 
	background:#FFF ; 
	padding: 25px 22px ;  
	margin: 0 0 2px; 
	width:100%;    
	box-sizing: border-box;    
	height: 255px;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	box-shadow: 1px 1px 1px 0px lightgray;
    -moz-box-shadow: 1px 1px 0px lightgray;
    -webkit-box-shadow: 1px 1px 1px lightgray;}

.m_box1 h2, .m_box3 h2, .m_box9 h2 {
	color:#384998; 
	font-size:21px; 
	font-weight:700; 
	display:block; 
	border-bottom: 1px dotted #b3b3b3; 
	padding: 0 0 11px; }
.m_box7 h2, .m_box8 h2, .m_box11 h2 { 
	color:#384998 ; 
	font-size:21px ; 
	font-weight:700 ; 
	display:block ; 
	border-bottom:1px dotted #b3b3b3; 
	padding:0 0 15px; }
.m_box1 ul, .m_box2 ul, .m_box3 ul, .m_box7 ul, .m_box8 ul, .m_box9 ul, .m_box11 ul{ margin:17px 0}
.m_box1 li, .m_box3 li { padding: 3px 0 ; font-size:13px;}
.m_box1 li span, .m_box3 li span { color:#d9705b ; width:93px; display: inline-block;}
.m_box1 li span.pm { color:#4a68a5 }
.m_box1 li a, .m_box3 li a {display: block; ; overflow:hidden; white-space:nowrap ; text-overflow:ellipsis; word-break:break-word}
.m_box7 li a, .m_box11 li a {display: block; ; overflow:hidden; white-space:nowrap ; text-overflow:ellipsis; word-break:break-word}

.m_box2 h2 { color:#384998 ; font-size:21px ; font-weight:700 ; display:inline-block ; border-bottom:0px dotted #d3d3d3; padding:0; }
.m_box2, .m_box8 {margin-left:15px;}
.m_box2 img, .m_box7 img, .m_box8 img, .m_box11 img {float:right ; display:inline-block}
.m_box2 li, .m_box7 li, .m_box11 li {background:url('/images/tabbrowse/main/mbox_list.gif') no-repeat top left; height:34px; margin:0 0 6px ; padding:0 0 0 13px; line-height:34px; font-size:13px}
.m_box8 li, .m_box9, .m_box11 li {background:url('/images/tabbrowse/main/mbox_list2.gif') no-repeat top left; height:34px; margin:0 0 6px ; padding:0 0 0 13px; line-height:34px; font-size:13px}

.m_box4, .m_box6, .m_box10, .m_box11 {float:left ; border:0px ;}
.m_box4 h2, .m_box6 h2, .m_box12 h2 { color:#FFF ; font-size:21px ; font-weight:700 ; display:block ; padding:2px 0 1px; }
.m_box10 h2 { color:#FFF ; font-size:21px ; font-weight:700 ; display:block ; padding:2px 0 15px; }
.m_box4 ul, .m_box6 ul, .m_box12 ul { margin:17px 0 ;}
.m_box4 li, .m_box6 li { font-size:13px; border:1px solid #eba78a; float:left; padding:10px 10px;text-align:center; width: 24.3%; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.m_box10 li { font-size:13px; border:1px solid #eba78a; float:left; padding:5px 10px;text-align:center; width: 24.3%; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.m_box12 li { font-size:13px; border:1px solid #eba78a; padding:10px 10px;text-align:center; width: 24.3%; border-radius: 5px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
.m_box4 li a, .m_box6 li a, .m_box10 li a, .m_box12 li a {color:#FFF}
.m_box4 img, .m_box6 img, .m_box10 img, .m_box12 img {float:right}
.m_box4 span {    margin: 5px 10px 1px 10px; height:38px; background:#FFF;  display:block; color:#d66d41; line-height:38px; font-weight:700;
	border-radius: 38px;-moz-border-radius: 38px; -webkit-border-radius: 38px;}
.m_box4 .ml {margin-left:10px;}
.m_box4 span.more {float: right;
    margin: 53px 0 0 0;
    background: none;}

.m_box6 li{ border:1px solid #b0d6ff; padding:10px 0 10px 10px; text-align:left; width: 45%; float:left ; background:url('/images/tabbrowse/main/m_wha.png') no-repeat 95% center}
.m_box10 li { border:1px solid #b0d6ff; padding:10px 0 7px 10px; text-align:left; width: 45%; float:left ; background:url('/images/tabbrowse/main/m_wha.png') no-repeat 95% center}
.m_box12 li { border:1px solid #b0d6ff; padding:10px 0 10px 10px; text-align:left; width: 45%; margin:0 0 6px ; padding:0 0 0 13px; line-height:34px; font-size:13px; background:url('/images/tabbrowse/main/m_wha.png') no-repeat 95% center}
.m_box6 span.more, .m_box12 span.more {float: right;
    margin: 53px 0 0 0;
    background: none;}

.m_box_bg1 {background:#FFF url('/images/mvpc/common/micon1.gif') no-repeat bottom right}
.m_box_bg2 {background:#f3f3f3 url('/images/mvpc/common/micon2.gif') no-repeat bottom right}
.m_box_bg3 {background:#FFF url('/images/mvpc/common/micon3.gif') no-repeat bottom right}
.m_box_bg5 {background:#FFF url('/images/mvpc/common/micon4.gif') no-repeat bottom right}
.m_box_bg4 {background:#d66d41}
.m_box_bg6 {background:#5189c4}
.m_box_bg7 {background:#FFF} /* 20220325 lhj todo 22-0119-0031 이미지 없는 하얀색 배경 추가 */
.m_box_bg8 {background:#f3f3f3} /* 20220325 lhj todo 22-0119-0031 이미지 없는 회색 배경 추가 */